openid的获取顺序
发布于 4 年前 作者 vxie 2156 次浏览 来自 分享

在任何一个page里,需要用到openid,获取顺序为:

1、globalData;2、缓存Storage;3、云函数login

小程序编译配置:

1、不勾选es6转es5;2、不勾选增强编译;

代码如下:

app.js:

globalData: {},

//获取openid顺序:globalData--云函数login

getOpenidOnlyCloud: async function () {
  return this.globalData.openid = this.globalData.openid || (await wx.cloud.callFunction({ name: 'login' })).result.OPENID
},
 
//获取openid顺序:globalData--storage--云函数login
getOpenid: async function () {
  (this.globalData.openid = this.globalData.openid || wx.getStorageSync('openid')) || wx.setStorageSync('openid', this.globalData.openid = (await wx.cloud.callFunction({ name: 'login' })).result.OPENID)
  return this.globalData.openid
},

任何page:

onLoad: async function () {
  this.openid = await app.getOpenid()
  console.log(this.openid)
},

云函数login:

const cloud = require('wx-server-sdk')
cloud.init()
exports.main = (event) => { return { ...event,...cloud.getWXContext()} }
//可同时支持返回openid和处理cloudID,获取电话号码和群ID等信息。

达到的效果:

1、一定获取openid成功;

2、任何异步情况可支持;

3、任何用户永久只调用一次login;

4、任何用户每次重载小程序只读取一次缓存;

另:

1、为什么不在app.js的onLaunch里获取一下openid就行了?

因为虽然app.onLaunch一定比page.onLoad更早执行,但并不保证app.onLaunch的所有代码都比page.onLoad更早执行。在page里读取globalData.openid的时候,有可能app.onLaunch里从后台获取globalData.openid的代码还没有执行完并返回真值。

2、我为什么要选择globalData–storage–云函数的顺序?

因为openid只要获取一次就行,保存在storage还是合理的,每次都调用云函数login那也是钱啊。

2 回复

老张的语法非常精简。

顺便我要提醒一下坛子里的其他开发者,我不建议把裸露的openid放在globalData或者storage里面,因为安全问题。云函数环境里的openid是腾讯鉴权好的,100%正确,而放在客户端的openid有被篡改的风险。所以,客户端openid可以用,仅限于用在客户端的逻辑里,严禁把客户端的openid再传递回云端使用。

如果使用云开发作为后端的,后端逻辑里请实时获取openid,很方便。如果是自有后台,我记得开发文档里也有相关的登录开发指引,按那个指引来对openid进行session化。

非专业后端开发,以上理解可能有偏差,请指正。

别人的我不知道,反正我们做的每个小程序都会用到openid,并且每个项目中用openid的时候,都需要确保openid已经被正确获取。目前我们基本上都是使用promise来获取,代码非常不简洁。

官方是否可以出一个同步的api,在onLaunch时候让我调用一下???

回到顶部