一个轻量的可替代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的请求库