Flyio简介
Fly.js 通过在不同 JavaScript 运行时通过在底层切换不同的 Http Engine来实现多环境支持,但同时对用户层提供统一、标准的Promise API。不仅如此,Fly.js还支持请求/响应拦截器、自动转化JSON、请求转发等功能,详情请参考:https://github.com/wendux/fly 。
下面我们看看在微信小程序、mpvue中和中如何使用fly.
Flyio 官方地址
文档
github地址
Flyio的一些特点
fly.js 是一个基于 promise 的,轻量且强大的Javascript http 网络库,它有如下特点:
在小程序中使用flyio请求,封装代码如下
一、src下新建utils/request.js文件
var Fly=require("flyio/dist/npm/wx") import { getCache } from '../utils' const request = new Fly() // 全局加载提示 - 设定时间 let ltime = 0; function closeLoading(param) { ltime-- } request.interceptors.request.use((request) => { // 全局加载提示 - 展示提示 // wx.showNavigationBarLoading() ltime++ let dataSource = getCache("dataSource") request.headers = { "Content-Type": "application/x-www-form-urlencoded", "source": "miniApp", "dataSource": dataSource ? dataSource : '' } // 没用到 if (request.url.indexOf('getReviewInfo') != -1) { closeLoading() return request } // 登录 console.log('这是token'); console.log(); let type = ''; if(request.url.indexOf("wxLogin") != -1) { type = request.body.loginType; } console.log(getCache("token")); console.log('这是token'); if (request.url.indexOf("wxLogin") == -1 || type == 'WORKBENCH') { // let storeId = getCache("storeId"); let storeCode = getCache("storeCode"); let inviter = getCache("inviter"); let token = getCache("token"); request.headers = { "Content-Type": "application/x-www-form-urlencoded", "source": "miniApp", "token": token, "storeCode": storeCode, "inviter": inviter } console.log('打印request'); console.log(request); console.log('打印request'); let dataSource = getCache("dataSource") if (dataSource) { request.headers['dataSource'] = dataSource } } return request }) request.interceptors.response.use((response, promise) => { closeLoading() // wx.hideNavigationBarLoading() // 微信运维统计 if (response.status) { wx.reportMonitor('0', +(response.status)) } if (response.headers.date) { let time = new Date().getTime() - new Date(response.headers.date).getTime() wx.reportMonitor('1', +(time)) } // 错误提示 if (response.status != 200) { wx.showToast({ title: '出错啦!请稍后再试试哦~', icon: 'none', duration: 2000 }) } return promise.resolve(response.data) }, (err, promise) => { wx.hideNavigationBarLoading() return promise.resolve() } ) export default request
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享标题:微信小程序中如何使用flyio封装网络请求-创新互联
URL分享:/article16/ccjodg.html
成都网站建设公司_创新互联,为您提供小程序开发、外贸网站建设、网站维护、软件开发、定制开发、网站设计
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联