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

在任何一个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时候让我调用一下？？？

回到顶部