欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

minapp-api-promise

程序员文章站 2022-03-11 18:55:34
微信小程序所有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

相关标签: 小程序