onlaunch 异步_小程序onLaunch 与 onload 的异步问题(微信,支付宝实测可用)

2022-07-29 20:15:11 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

小程序app.js 中 onLaunch 与 index.js 中 onload 的异步执行问题 , 在同时触发的情况下 如何等待返回值而响应index中 onload的内容

比如说 获取用户的openid或者凭证 在没返回需要的数据之前 index.js 的 onload会执行 从而导致后续的代码没有openid的支持 *

ES6中提供了一个promise方案是一个不错的解决方案

promise下载地址

将压缩版本的源码直接复制出来 在小程序中创建一个promise.js的文件 直接粘贴进去 然后在app.js中引用

const Promise = require(‘utils/promise.js’);

APP.js 中的代码

将你本来写在 onLaunch 中的代码片段拿出来 重新写一个方法

login:function(){

let that = this;

return new Promise(function (resolve, reject) {

// 登录

wx.login({

success: res => {

// 发送 res.code 到后台换取 openId, sessionKey, unionId

if (res.code) {

// console.log(‘获取用户登录凭证:’ code);

// —— 发送凭证 ——

/*

* 通过code获取登录session

*/

wx.request({

url: ‘xxx/login?code=’ res.code,

method: ‘GET’,

header: {

‘content-type’: ‘application/json’

},

success: function (res) {

console.log(res)

if (res.statusCode == 200) {

// 注意这里

resolve(res);

} else {

console.log(res.errMsg)

}

},

})

} else {

console.log(‘获取用户登录失败:’ res.errMsg);

}

}

})

})

}

index.js 中的代码

onLoad: function (options) {

app.login().then(res=>{

console.log(res)

})

},

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/129529.html原文链接:https://javaforall.cn

0 人点赞