awx = asynchronous wx

使用 JavaScript Proxy 特性对微信小程序的 wx 进行封装，使之以返回 Promise 对象的形式进行调用。随后可以使用 await 关键字简化程序结构。

一、安装和引用

直接使用源文件

找到 dist/awx.esm.js，拷贝到小程序项目目录（假设是 /util/awx.esm.js），在 app.js 中作为本地源文件引用：

import { asyncProxy } from "./util/awx.esm";

npm 安装

需要参考 微信开发文档的 npm 支持。

npm install @jamesfancy/awx

引用

import { asyncProxy } from "@jamesfancy/awx";

二、注入 app

由于 asyncProxy 每次调用都会封装新的代码对象，而 asyncProxy 封装出来的代理对象只会缓存使用到的函数（懒加载）。建议在程序启动时使用 asyncProxy 封装 awx，注入 app 对象中。

// app.js
import { asyncProxy } from "./util/awx.esm";
// 或
// import { asyncProxy } from "./utils/async";


App({
    onLaunch: function () {
        this.awx = asyncProxy(wx);
        // ...
    }
});

三、在程序中使用

const app = getApp();
const { awx } = app;

Page({
    someMethod() {
        awx.request(...);
    }
});

参考公众号文章：

• 在微信小程序中使用 async/await
• Proxy 封装微信小程序的异步调用