小程序实现 API Promise 化

不叫虎子

已于 2023-01-12 22:31:54 修改

阅读量117

点赞数

分类专栏：小程序文章标签：小程序 Powered by 金山文档

于 2023-01-05 21:27:26 首次发布

本文链接：https://blog.csdn.net/m0_73461567/article/details/128570592

版权

小程序专栏收录该内容

21 篇文章 0 订阅

订阅专栏

在小程序环境中，通过引入miniprogram-api-promise库可以实现API的Promise化。首先进行npm初始化，然后安装指定版本的miniprogram-api-promise。在app.js中调用promisifyAll方法全局绑定，之后就能在页面中使用async/await处理异步请求，如wx.p.request。

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

实现 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)
}