微信小程序使用 fly接口请求框架

最新推荐文章于 2024-08-25 07:51:19 发布

super_wanan

最新推荐文章于 2024-08-25 07:51:19 发布

阅读量2.1k

点赞数 4

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_43867717/article/details/108361803

版权

本文介绍了微信小程序中由于环境限制无法使用常见的HTTP请求库，如jQuery、axios等，而flyio作为解决方案登场。文章详细阐述了flyio的基本概念、如何在小程序中引入并封装使用，以及flyio源码的解析，展示了其通过自定义adapter适配微信小程序环境的机制。然而，flyio不支持小程序特有的API，如wx.uploadFile，因此在必要时仍需封装原生小程序请求。

摘要由CSDN通过智能技术生成

fly简介

微信小程序的 javascript运行环境和浏览器不同，页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本中使用window，也无法在脚本中操作组件，JsCore中也没有 XmlhttpRequest对象，所以jquery 、zepto、axios这些在小程序中都不能用，而此时，正是 fly 大显身手的时候。

详细API，移步官方文档： flyio帮助文档.

使用步骤

从官网下载wx.umd.min.js或者wx.js文件，保存在项目中。不建议使用cdn链接，防止链接失效。
封装一个fly请求

import Fly from './wx.umd.min.js';
// 将一些全局变量存在app实例的globalData中
const app = getApp();
const baseApiUrl = app.globalData.baseApiUrl;
const application = app.globalData.application;
// 定义一些接口状态码需要提示的文案，用作错误提示
const statusText = {
   
    0: '网络连接异常',
    1: '网络连接超时',
    401: '用户未登录',
    403: '无权限访问该资源',
    404: '资源不存在',
    405: '请求方法不允许',
    500: '网络异常，请检查网络',
    503: '服务不可用',
    504: '网关超时'
};

const fly = new Fly();
// 统一配置请求baseUrl
fly.config.baseURL = baseApiUrl;
// 统一配置超时时间
fly.config.timeout = 5000;

// 请求拦截，在这里面做一些个性化配置
fly.interceptors.request.