• 一个轻量的可替代wx.request的请求库

    小程序内置了wx.request,用于向后端发送请求,但实际运用中并不好用,所以需要一个可替代的请求库—Fly.js

    一、Fly.js 是一个基于 promise 的,轻量且强大的Javascript http 网络库,它有如下特点:

    1. 提供统一的 Promise API。
    2. 浏览器环境下,轻量且非常轻量
    3. 支持多种JavaScript 运行环境
    4. 支持请求/响应拦截器。
    5. 自动转换 JSON 数据。
    6. 支持切换底层 Http Engine,可轻松适配各种运行环境
    7. 浏览器端支持全局Ajax拦截 。
    8. H5页面内嵌到原生 APP 中时,支持将 http 请求转发到 Native。支持直接请求图片

    二、兼容性

    目前Fly.js支持的平台包括:Node.js、微信小程序、Weex、React Native、Quick App和主流浏览器。

    三、 安装

    使用NPM

    一个轻量的可替代wx.request的请求库

    使用CDN(浏览器中)

    一个轻量的可替代wx.request的请求库

    其它Api可参考官方文档(https://wendux.github.io/dist/#/doc/flyio/readme),本文不在详细叙述,只介绍如何在项目中封装使用

    四、 实战运用

    • 项目目录结构

    一个轻量的可替代wx.request的请求库

    Ajax.js-基于fly.js封装,主要是作一些拦截器的配置,内容如下:

    一个轻量的可替代wx.request的请求库

    如何在页面中使用:

    1. 在api/index.js中定义接口地址及请求方式

    一个轻量的可替代wx.request的请求库

    1. 页面中使用

      Page/index.js

    一个轻量的可替代wx.request的请求库

    «
    »
以专业成就每一位客户,让企业IT只为效果和安全买单

以专业成就每一位客户,让企业IT只为效果和安全买单