实现 API Promise 化
注意:小程序中不可使用axios
在小程序中,实现 API Promise 化主要依赖于 miniprogram-api-promise 这个第三方的 npm 包。安装和使用步骤如下:
npm init npm初始化
npm install --save miniprogram-api-promise@1.0.4
// 在小程序入口文件中(app.js),只需调用一次 promisefyAll() 方法,
// 即可实现异步 API 的 Promise 化
import { promisifyAll} from "miniprogram-api-promise"
const wxp = wx.p = {} // 切记:拓展全局对象不可与 wx.全局api 同名
promisifyAll(wx,wxp)
// 全局绑定之后,即可在页面或组件中使用async await
调用 Promise 化之后的异步 API
// 页面的 .wxml 结构
<van-button type="danger" bindtap="getInfo">vant按钮</van-button>
// 在页面的 .js文件中,定义对应的 tap 事件处理函数
async getInfo() {
// 在不使用await修饰之前,返回结果就是 Promise 对象
// 使用async await修饰之后返回Promise的结果
const res = await wx.p.request({
url:"https://...",
method:"get"
})
console.log(res)
}