minapp-api-promise
程序员文章站
2022-06-15 20:25:25
微信小程序所有API promise化,支持await、支持请求列队.核心代码Fock自wepy框架如何使用:如果你的小程序代码配置了工作流环境(比如webpack),可以通过npm下载安装代码npm install minapp-api-promise --save引入代码import WXP from 'minapp-api-promise'如果没有使用任何脚手架,用官方提供的微信开发者工具开发,请拷贝项目dist目录下的wxp.js文件到你的项目目录 引入代码import WXP f...
微信小程序所有API promise化,支持await、支持请求列队.核心代码Fock自wepy框架
如何使用:
如果你的小程序代码配置了工作流环境(比如webpack),可以通过npm下载安装代码
npm install minapp-api-promise --save
引入代码
import WXP from 'minapp-api-promise'
如果没有使用任何脚手架,用官方提供的微信开发者工具开发,请拷贝项目dist目录下的wxp.js文件到你的项目目录 引入代码
import WXP from '项目相对路径/wxp'
或者
var WXP = require('项目相对路径/wxp').default
注意:没有脚手架这种情况下你不能使用async/await,只能使用then/catch
小程序原生用法:
onLoad () {
wx.request({
url: 'http://baidu.com',
success: resp => {
console.log('success信息:', resp)
},
fail: errorMesg => {
console.log('fail信息:', errorMesg)
},
complete: resp => {
console.log('complete一定会执行:', resp)
}
})
}
使用了本库后的async/await写法:
async onLoad () {
try {
let resp = await WXP.request({
url: 'http://baidu.com'
})
console.log('success信息:', resp)
} catch (errorMesg) {
console.log('fail信息:', errorMesg)
} finally () {
console.log('complete一定会执行')
}
}
也可以使用promise的then/catch写法:
onLoad () {
WXP.request({
url: 'http://baidu.com'
}).then(resp => {
console.log('success信息:', resp)
}).catch(errorMesg => {
console.log('fail信息:', errorMesg)
})
}
其他所有的微信小程序原生api(具备异步回调函数的api)使用方法同上
本文地址:https://blog.csdn.net/tattoo_jie/article/details/107947470