- 小程序app.onLaunch与page.onLoad异步问题的最佳实践
场景: 在小程序中大家应该都有这样的场景,在onLaunch里用wx.login静默登录拿到code,再用code去发送请求获取token、用户信息等,整个过程都是异步的,然后我们在业务页面里onLoad去用的时候异步请求还没回来,导致没拿到想要的数据,以往要么监听是否拿到,要么自己封装一套回调,总之都挺麻烦,每个页面都要写一堆无关当前页面的逻辑。 直接上终极解决方案,公司内部已接入两年很稳定: 1.可完美解决异步问题 2.不污染原生生命周期,与onLoad等钩子共存 3.使用方便 4.可灵活定制异步钩子 5.采用监听模式实现,接入无需修改以前相关逻辑 6.支持各种小程序和vue架构 。。。 //为了简洁明了的展示使用场景,以下有部分是伪代码,请勿直接粘贴使用,具体使用代码看Github文档 //app.js //globalData提出来声明 let globalData = { // 是否已拿到token token: '', // 用户信息 userInfo: { userId: '', head: '' } } //注册自定义钩子 import CustomHook from 'spa-custom-hooks'; CustomHook.install({ 'Login':{ name:'Login', watchKey: 'token', onUpdate(token){ //有token则触发此钩子 return !!token; } }, 'User':{ name:'User', watchKey: 'userInfo', onUpdate(user){ //获取到userinfo里的userId则触发此钩子 return !!user.userId; } } }, globalData) // 正常走初始化逻辑 App({ globalData, onLaunch() { //发起异步登录拿token login((token)=>{ this.globalData.token = token //使用token拿用户信息 getUser((user)=>{ this.globalData.user = user }) }) } }) //关键点来了 //Page.js,业务页面使用 Page({ onLoadLogin() { //拿到token啦,可以使用token发起请求了 const token = getApp().globalData.token }, onLoadUser() { //拿到用户信息啦 const userInfo = getApp().globalData.userInfo }, onReadyUser() { //页面初次渲染完毕 && 拿到用户信息,可以把头像渲染在canvas上面啦 const userInfo = getApp().globalData.userInfo // 获取canvas上下文 const ctx = getCanvasContext2d() ctx.drawImage(userInfo.head,0,0,100,100) }, onShowUser() { //页面每次显示 && 拿到用户信息,我要在页面每次显示的时候根据userInfo走不同的逻辑 const userInfo = getApp().globalData.userInfo switch(userInfo.sex){ case 0: // 走女生逻辑 break case 1: // 走男生逻辑 break } } }) 具体文档和Demo见↓ Github:https://github.com/1977474741/spa-custom-hooks 祝大家用的愉快,记得star哦
2023-04-23 - 服务商账号申请特约商户,为每一个特约商户绑定同一个APPID,请问这个绑定有上限吗?
服务商账号申请特约商户,为每一个特约商户绑定同一个小程序APPID,请问这个绑定有上限吗?一直没有看到官方说明这个绑定是否有上限,业务需求是在同一小程序要付款至各自不同的门店商户号,有100+的门店,所以想知道绑定上限是多少
2022-07-15 - 服务商JSAPI下单 返回:“appid和mch_id不匹配,请检查后再试”
https://api.mch.weixin.qq.com/v3/pay/partner/transactions/jsapi jsapi下单接口 请求的信息如下 "sp_appid":"wxcf2092de99806XXX", "sp_mchid":"16091728XX", "sub_mchid":"16136399XX", 返回信息 {"code":"APPID_MCHID_NOT_MATCH","message":"appid和mch_id不匹配,请检查后再试" 服务商(16091728XX)管理后台 的 “特约商户开发配置” 中已经为特约商户(16136399XX) 配置了 appid wxcf2092de99806XXX [图片]
2022-01-15 - 一个服务商主体的公众号appid可以绑定多少个这个服务商进件的子商户号呢?
一个服务商主体的公众号appid可以绑定多少个这个服务商进件的子商户号呢?
2022-03-25