youngjuning / wx-promise-pro

✨强大、优雅的微信小程序异步库🚀

wx-promise-pro

✨强大、优雅的微信小程序异步库🚀

优势

• 方便集成：一处引用，处处使用
• 把微信小程序所有异步 API promise 化并挂在到wx.pro 对象下
• 支持 ES2018 finally 特性
• 支持 TypeScript 开发

安装

你也可以直接把 dist 目录下的 wx-promise-pro.js 拷贝到项目里使用

$ npm i wx-promise-pro -S
# or
$ yarn add wx-promise-pro

初始化

import { promisifyAll, promisify } from 'wx-promise-pro'
// promisify all wx‘s api
promisifyAll()
// promisify single api
promisify(wx.getSystemInfo)().then(console.log)

示例代码

wx.pro.showLoading({
  title: '加载中',
  mask: true
})
wx.pro.request({
  url: 'https://cnodejs.org/api/v1/topics',
  data: {},
  method: 'GET',
  header: {'content-type': 'application/json'}
}).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
}).finally(() => {
  wx.pro.hideLoading()
})

已知问题

• createSignal、lanDebug 可能会引发报错，所以并没有挂载到 wx.pro 对象上。

wx-promise-pro's Issues

使用懒加载lazyInitChart后无法添加点击事件

使用懒加载lazyInitChart后添加点击事件无效果
wx.pro.lazyInitChart(option, echarts, '#myCard', this).then(chart => {
chart.on('click', function(params) {
console.log(params)
})
return chart
})

并无报错，只是点击无效果，如果不使用懒加载，添加点击事件无问题

Promise has been abandoned since Node7.6 , so name will " wxAsync "

Promise has been abandoned since Node7.6 , so name will " wxAsync "

Error: APP-SERVICE-SDK:lanDebug:fail rejected due to no permission currently报错

Error: APP-SERVICE-SDK:lanDebug:fail rejected due to no permission currently报错问题，在src/index.js中加入key !== "createSignal" && key !== "lanDebug"

wx.pro.canvasToTempFilePath 埋了个坑

埋了个坑~~~

app.json使用了插件时，每次执行promise报以下错误，不影响执行结果

[non-writable] modification of global variable "Promise.prototype.finally" is not allowed when using plugins at app.json.

为什么报这个错误

thirdScriptError
Unexpected token {
SyntaxError: Unexpected token {

import { promisifyAll, promisify } from 'wx-promise-pro';
promisifyAll()
//index.js
//获取应用实例
const app = getApp()

Page({

能否提供参考的样例

你好，我这边总是报init of null 的错误，是什么原因引起的呢

只想要 api 封装的那部分怎么用

个人觉得没有必要引入这个库

/**
 * 这里定义wx api 的各种promise 版本
 */
export function login() {
  return new Promise((resolve, reject) => {
    wx.login({ success: resolve, fail: reject });
  });
}

export function getUserInfo(withCredentials = false) {
  return new Promise((resolve, reject) => {
    wx.getUserInfo({ withCredentials: withCredentials, success: resolve, fail: reject });
  });
}

export function setStorage(key, value) {
  return new Promise((resolve, reject) => {
    wx.setStorage({ key: key, data: value, success: resolve, fail: reject });
  });
}

export function getStorage(key) {
  return new Promise((resolve, reject) => {
    wx.getStorage({ key: key, success: resolve, fail: reject });
  });
}

export function getLocation(type) {
  return new Promise((resolve, reject) => {
    wx.getLocation({ type: type, success: resolve, fail: reject });
  });
}

export function getSetting() {
  return new Promise((resolve, reject) => {
    wx.getSetting({ success: resolve, fail: reject });
  });
}

然后在需要用到的地方，引入
import { getUserInfo } from "../../utils/wechat";

然后直接happy的用上了，而且，还不至于增加多大的包大小。

getUserInfo(true).then((res) => {
          this.userInfo = res.userInfo;
        }).catch((err) => {
          console.log(err);
        });

用Typescript开发，代码提示功能

现在用Typescripte做项目，VScode总是提示：类型“WX”上不存在属性“pro。
期待能出一个VSCode的代码提示文件。

另外项目中使用npm方式引入的库，然后使用如下 ：
import 'wx-promise-pro';
onLoad(){
wx.pro.request({
url: 'https://cnodejs.org/api/v1/topics',
data: {},
method: 'GET',
header: {'content-type': 'application/json'}
}).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
}).finally(() => {
wx.hideLoading({});
})
}

可是运行起来报如下错误：
VM4219:1 thirdScriptError
sdk uncaught third Error
module "pages/index/wx-promise-pro" is not defined
Error: module "pages/index/wx-promise-pro" is not defined
at require (http://127.0.0.1:18812/appservice/__dev__/WAService.js:1:716408)
at http://127.0.0.1:18812/appservice/__dev__/WAService.js:1:716158
at http://127.0.0.1:18812/appservice/pages/index/index.js:4:1
at require (http://127.0.0.1:18812/appservice/__dev__/WAService.js:1:716549)
at :8:7
at HTMLScriptElement.scriptLoaded (

请指点一下，谢谢

手机号码匹配

新出的199等没匹配到，建议更新

里面的方法有点偏离了你做promise的初衷啊

对于具有task返回值的api似乎获取不到task

粗略的看了一下代码，不知道对不对。
对于有返回值的api，wxPromise无法返回同样的值。
如 const task = wx.request({url: url})、const task = wx.downloadFile(url: url)。

这种可行不

低侵入性。就是不晓得Proxy支持怎么样。目前我没有遇到问题

这样init后鼠标交互事件怎么加上

大神，请问用lazyInitChart后鼠标交互事件怎么加上，谢谢！
另外

实例resize方法如何调用，实现实例自适应设备，谢谢！

使用懒加载 多张图表 tooltip不显示，原来可以显示

使用懒加载 多张图表 tooltip不显示，原来可以显示

for(let i=0;i<arrays.length;i++){

 getOption(arrays[i].xArray, arrays[i].yArray).then(option => {
    console.log(option);
    wx.pro.lazyInitChart(option, echarts, '#mychart-bar'+i, this).then((chart) => {
      return chart
    })
  })
}`

使用错误

使用会有此问题

Error: APP-SERVICE-SDK:createSignal:fail rejected due to no permission currently

今天发布后出现错误日志如下：

APP-SERVICE-SDK:createSignal:fail rejected due to no permission currently
Error: APP-SERVICE-SDK:createSignal:fail rejected due to no permission currently
at Object.createSignal (https://lib/WASubContext.js:2:1826102)
at https://miniprogram_npm/wx-promise-pro/index.js:8:3923
at c (https://miniprogram_npm/wx-promise-pro/index.js:8:3857)
at ve.onLaunch (https://app.js:148:7)
at ve.<anonymous> (https://lib/WASubContext.js:2:2124238)
at new ve (https://lib/WASubContext.js:2:2124994)
at Function.<anonymous> (https://lib/WASubContext.js:2:2125306)
at https://lib/WASubContext.js:2:2111785
at https://app.js:48:1

使用Source Map 定位发现错误代码位置是：

n=function(){wx.pro={},Object.keys(wx).forEach((function(e){a.indexOf(e)>=0?wx.pro[e]=r(wx[e]):wx.pro[e]=wx[e]}))}

感觉是赋值 wx.pro[createSignal]=wx[createSignal] 出现的问题

3.0.0 新版本计划

• 新项目名 wx-promise-pro
• 清理冗余代码 a5cc84e
• 支持typescript
• 添加自定义方法

仿照demo使用，提示this.asyncFunc(...).then(...).catch(...).finally is not a function

**this.asyncFunc(...).then(...).catch(...).finally is not a function;**at "pages/iview-test/iview-test" page lifeCycleMethod onLoad function
TypeError: this.asyncFunc(...).then(...).catch(...).finally is not a function
at r.onLoad (http://127.0.0.1:63760/appservice/pages/iview-test/iview-test.js:235:15)
at r. (http://127.0.0.1:63760/appservice/__dev__/WAService.js:2:4625)
at q (http://127.0.0.1:63760/appservice/__dev__/WAService.js:1:9110)
at Z (http://127.0.0.1:63760/appservice/__dev__/WAService.js:1:11143)
at te (http://127.0.0.1:63760/appservice/__dev__/WAService.js:1:11413)
at Function. (http://127.0.0.1:63760/appservice/__dev__/WAService.js:1:14157)
at http://127.0.0.1:63760/appservice/__dev__/WAService.js:1:19990
at http://127.0.0.1:63760/appservice/__dev__/WAService.js:8:19668
at Array.forEach ()
at Function. (http://127.0.0.1:63760/appservice/__dev__/WAService.js:8:19648)
console.error @ VM23502:1
errorReport @ WAService.js:5
thirdErrorReport @ WAService.js:5
(anonymous) @ WAService.js:5
(anonymous) @ WAService.js:2
q @ WAService.js:1
Z @ WAService.js:1
te @ WAService.js:1
(anonymous) @ WAService.js:1
(anonymous) @ WAService.js:1
(anonymous) @ WAService.js:8
(anonymous) @ WAService.js:8
(anonymous) @ WAService.js:6
a @ appservice?t=1529636407442:7941
d.registerCallback @ appservice?t=1529636407442:7941
m.forEach @ appservice?t=1529636407442:7941
d @ appservice?t=1529636407442:7941
j.onmessage @ appservice?t=1529636407442:7941

import regeneratorRuntime from '../../utils/wxPromise.js'
import '../../utils/wxPromise.js'

asyncFunc: async function (username) {
    try {
      let result;
      await this.awaitFunc().then(res => {
        console.log(res);
        result = res;
      })
      return result;
    } catch (e) {
      throw e
    }
  },
  awaitFunc() {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve([1, 2, 3])
      }, 500)
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.asyncFunc('youngjuning').then((res) => {
        console.log(res)
      })
      .catch((err) => {
        console.log(err)
      })
    .finally(() => {
      // wx.hideLoading()
      console.log("finally");
    })
  },

用的uniapp怎么导入这个库呢，正式版小程序朋友圈分享也是报的APP-SERVICE-SDK:lanDebug:fail rejected due错

mpvue中，使用npm install await不起作用

搞错了。。。报错bug了

请问使用的什么压缩插件？

假如修改了wxPromise.js，然后想获得尺寸较小的wxPromise.min.js，应该怎么做？

如何只在app.js 引入一次，就能所有页面都使用 async呢？

让小程序支持async-await，需要引入 import regeneratorRuntime from './regenerator-runtime/runtime-module'.
现在每个文件都需要引入才能使用async，有没有引入一次的优雅的方案?

asycn方法的finally会报错

this.syncLocation(this).then(res=>{
console.log('<-------->'+res);
})
.catch(err=>{
console.log(err);
})
//这里加上去会报错。
.finally(() => {
wx.hideLoading()
})

//这里是方法定义
syncLocation: async (ops) => {
let that = ops;
// let loc = new Location();
try{
let data = await Location.getCurrentLocation();

console.log("========72=====" + Location.jd);
that.setData({ location: data });
return data;
} catch (e) {
  throw e
};

请问为什么安转是这个命令 npm i wx-promise-pro -D

貌似安装之后加入到了 devDependencies 这个下面，难道生产环境不需要么？

引入后报错 module "wx-promise-pro" is not defined

引入的时候就报错，代码如下

import { promisifyAll } from 'wx-promise-pro'

配置见下图

wx.canvasToTempFilePath有问题

这有问题吧，wx.canvasToTempFilePath方法本身不需要canvasContext对象，这样的话，我连保存的的类型为JPG都不行了，下个版本什么时候出。期待...

没有自动补全？

用 wx.pro 的话，好像代码提示和自动补全功能，都会打折，用起来很难受啊