APP & program

小程序api封装 promise使用

2023-01-31  本文已影响0人  云高风轻

1. 前言

小程序官方提供的异步API都是基于回调函数来实现的,如大量的使用回调函数就会造成 回调地狱 的问题,同时代码的可读性和可维护性差

将小程序API的Promise化,就是将小程序官方提供的基于异步回调的API转成Promise的异步API,从而解决回调地狱的问题,以及使代码的可读性和可维护性提高


2. 环境安装

  1. npm install --save miniprogram-api-promise
  2. 每次删除 miniprogram_npm 重新构建
  3. 具体怎么构建就不说了 大概步骤可以参考这个vant的安装

5. app.js配置

  1. 这里是全局文件所以在这里配置到 wx对象上,哪里都能使用
  2. 就是常规步骤 按需导入
import {promisifyAll} from "miniprogram-api-promise"
const wxapi = wx.api = {}
promisifyAll(wx,wxapi)

6. 页面使用

  1. 直接使用就行
  async getInfo(){
    //   解构 重命名
   const  {data:res}  = await wx.api.request({
      url: 'https://.yzs.com/api/home/list',
      method:"GET",
      data:{page:1}
    })
    console.log("api----res:",res);
  },

参考资料

miniprogram-api-promise


初心

我所有的文章都只是基于入门,初步的了解;是自己的知识体系梳理,如有错误,道友们一起沟通交流;
如果能帮助到有缘人,非常的荣幸,一切为了部落的崛起;
共勉
上一篇 下一篇

猜你喜欢

热点阅读