微信小程序开发实战(网路请求Promise化)

简介: 微信小程序开发实战(网路请求Promise化)

使用 npm 包 - API Promise化


1、 基于回调函数的异步 API 的缺点


默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方

式调用:

app(){
wx.request({
url: 'url',
method:'',
success:()=>{},
fail:()=>{},
complate:()=>{}
    })
  }

缺点:容易造成回调地狱的问题,代码的可读性、维护性差!

2、 什么是 API Promise 化


API Promise化,指的是通过额外的配置,将官方提供的、基于回调函数的异步 API,升级改造为基于Promise 的异步 API,从而提高代码的可读性、维护性,避免回调地狱的问题。

3、 实现 API Promise 化


在小程序中,实现 API Promise 化主要依赖于 miniprogram-api-promise 这个第三方的 npm 包。

安装:npm i --save miniprogram-api-promise@1.0.4

API的Primise化如 👇

//引入promisifyAllimport {promisifyAll} from'miniprogram-api-promise'//定义成员constwxp=wx.p={}
//APIPromise化promisifyAll(wx,wxp)

4、使用


Promise文章链接👉 Promise

使用如下:

app(){
//普通网路请求wx.request({
url: 'url',
method:'',
success:()=>{},
fail:()=>{},
complate:()=>{}
    }),
//Promise化请求👉返回的是一个Promise(解决回调地狱的问题)wx.p.request({
url:'',
method:'',
success:()=>{},
fail:()=>{},
complate:()=>{}
    })
  }

最后


下篇文章再见ヾ( ̄▽ ̄)ByeBye

image.png

相关文章
|
7天前
|
小程序 Android开发
|
2天前
|
小程序
|
3天前
|
小程序 数据安全/隐私保护
|
8天前
|
小程序
|
8天前
|
人工智能 小程序
【一步步开发AI运动小程序】五、帧图像人体识别
随着AI技术的发展,阿里体育等公司推出的AI运动APP,如“乐动力”和“天天跳绳”,使云上运动会、线上健身等概念广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章分为四部分:初始化人体识别功能、调用人体识别功能、人体识别结果处理以及识别结果旋转矫正。下篇将继续介绍人体骨骼图绘制。
|
2天前
|
小程序
|
6天前
|
小程序
|
23天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
152 3
|
29天前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
41 0
微信小程序更新提醒uniapp
|
3月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
101 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目

热门文章

最新文章