微信小程序开发实战(网路请求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天前
|
监控 小程序 安全
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(2)
小程序提供便捷的鲜花选购和配送服务,汇聚全球优质鲜花品种,确保新鲜送达。用户可轻松挑选花束,享受个性化配送,并通过地图功能查看配送位置。此外,物流功能实时更新,保证鲜花安全快速到达。代码示例展示了地图和物流信息的页面布局与交互实现。 ### 配送与物流功能亮点 1. **地图功能**:使用`map.wxml`, `map.wxss`, 和 `map.js` 实现定位与导航,确保精准配送。 2. **物流追踪**:通过`logistics.wxml`, `logistics.wxss`, 和 `logistics.js` 显示详细物流状态,提供流畅的用户体验。
32 1
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(2)
|
5天前
|
小程序 数据挖掘 UED
餐饮店小程序开发定制桌边二维码点餐系统
随着技术不断进步,各行各业都在使用新工具来提高效率和服务质量。餐饮业也不例外。餐饮点餐小程序系统是基于微信公众平台开发的在线点餐方式。顾客可以通过手机微信扫描餐桌上的二维码,进入餐厅的点餐小程序,选择菜品、数量和口味,直接完成点餐。点餐系统会自动保存并发送给厨房,避免了传统手工点餐容易出错的问题。
|
7天前
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——个人中心页面的制作
本文介绍了如何设计和实现一个网上花店的微信小程序,包括个人中心、我的订单和我的地址等功能模块。个人中心让用户能够查看订单历史、管理地址和与客服互动。代码示例展示了`own.wxml`、`own.wxss`和`own.js`文件,用于构建个人中心界面,包括用户信息、订单链接、收藏、地址、客服和版本信息。我的订单部分展示了订单详情,包括商品图片、名称、销量、价格和订单状态,用户可以查看和管理订单。我的地址功能允许用户输入和编辑收货信息,包括联系人、性别、电话、城市和详细地址。每个功能模块都附有相应的WXML和WXSS代码,以及简洁的样式设计。
35 0
【微信小程序开发实战项目】——个人中心页面的制作
|
7天前
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(3)
这是一篇关于微信小程序开发的文章摘要,作者介绍了如何创建一个网上花店小程序,旨在提供便捷的购花体验。小程序包含鲜花分类功能,允许用户按品种、颜色和用途筛选,确保快速找到合适的鲜花。它还提供了配送服务,保证鲜花的新鲜度。文章展示了`cash.wxml`、`cash.wxss`和`cash.js`的部分代码,用于实现分类和商品展示,以及`qin.wxml`、`qin.wxss`和`qin.js`,涉及商品详情和购买付款流程。代码示例展示了商品列表渲染和交互逻辑,包括页面跳转、数据传递和点击事件处理。文章最后提到了购买付款界面,强调了安全和便捷的支付体验。
34 0
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(3)
|
10天前
|
小程序 BI
水滴筹小程序设计开发:打造公正透明的社会援助体系
随着互联网的快速发展,移动支付和线上服务逐渐成为人们日常生活的一部分。在这种背景下,医疗众筹平台应运而生,为大众提供了筹款、互助、公益的新渠道。水滴筹小程序的诞生,与中国的互联网环境紧密相连。
|
5天前
|
小程序 安全 搜索推荐
广州生鲜超市小程序开发:改善生鲜业的用户体验
【摘要】广州生鲜超市小程序提供商品展示搜索、在线购买支付、订单管理、优惠活动及会员系统,实时库存更新、配送追踪、售后评价和客服支持。开发涉及市场调研、设计、技术选型、开发、测试及上线。寻求开发合作可联系相关软件服务商。
|
20天前
|
小程序 开发者
uniapp实战 —— 开发微信小程序的调试技巧
uniapp实战 —— 开发微信小程序的调试技巧
20 1
|
20天前
|
小程序
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
27 0
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
|
20天前
|
存储 小程序 API
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
18 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
|
20天前
|
小程序 定位技术 API
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
85 0

热门文章

最新文章