当前位置: 移动技术网 > IT编程>开发语言>JavaScript > minapp-api-promise

minapp-api-promise

2020年08月14日  | 移动技术网IT编程  | 我要评论
微信小程序所有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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网