微信小程序获取openid

忘是亡心i 2022-05-14 08:38 400阅读 0赞

获取openId (用户唯一标识)和session_key

第一步，获取code
调用wx.login(OBJECT) 获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid） 及本次登录的 会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成。

注：调用 login 会引起登录态的刷新，之前的 sessionKey 可能会失效

示例代码：

  1. //app.js
  2. App({
  3.   onLaunch: function() { 
  4.     wx.login({
  5.       success: function(res) { 
  6.         if (res.code) {
  7.           //发起网络请求
  8.           wx.request({
  9.             url: 'https://test.com/onLogin',
  10.             data: {
  11.               code: res.code
  12.             }
  13.           })
  14.         } else {
  15.           console.log('获取用户登录态失败！' + res.errMsg)
  16.         }
  17.       }
  18.     });
  19.   }
  20. })

第二步，根据code获取openid和session_key
这是一个 HTTPS 接口，开发者服务器使用登录凭证 code 获取 session_key 和 openid。session_key 是对用户数据进行加密签名的密钥。为了自身应用安全，session_key 不应该在网络上传输。
这里写图片描述

接口地址：
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
1
返回值说明：

  1. //根据code获取openid等信息
  2. wx.login({
  3.         //获取code
  4.         success: function (res) { 
  5.           var code = res.code; //返回code
  6.           console.log(code);
  7.           var appId = '...';
  8.           var secret = '...';
  9.           wx.request({
  10.             url: 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appId + '&secret=' + secret + '&js_code=' + code + '&grant_type=authorization_code',
  11.             data: {},
  12.             header: {
  13.               'content-type': 'json'
  14.             },
  15.             success: function (res) { 
  16.               var openid = res.data.openid //返回openid
  17.               console.log('openid为' + openid);
  18.             }
  19.           })
  20.         }
  21.       })
  23. //正常返回的JSON数据包
  24. {
  25.       "openid": "OPENID",
  26.       "session_key": "SESSIONKEY",
  27.       "unionid": "UNIONID"
  28. }
  29. //错误时返回JSON数据包(示例为Code无效)
  30. {
  31.     "errcode": 40029,
  32.     "errmsg": "invalid code"
  33. }

①注意： 此时如果你未勾选项目中的“开发环境不效验请求域名、TLS版本以及HTTPS证书”则会报错

到设置->项目设置->勾选：开发环境不校验请求域名、TLS版本以及HTTPS证书

②接着你会发现报错：不在一下合法域名列表，请参考文档：
https://map.weixin.qq.com/debug/wxadoc/dev/api/network-request.html
意思是说：
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
不是一个合法域名，在测试的时候是没有问题的，但是要上线的时候就出现了问题，想着让管理员把链接加到服务器域名里面，但是操作不允许。。。

小程序服务器域名配置常见错误：
http://kf.qq.com/faq/1706236NjINj1706236VRZBR.html

③解释：如果在配置服务器域名中填写了“api.weixin.qq.com”会出现上述错误提示。出于安全考虑，为避免开发者将AppSecret放置在小程序的前端代码内，平台禁止设置此域名。 小程序的开发者密码（AppSecret）是一个非常重要的字段，使用该密码可以调用小程序的所有后台接口。请不要将该字段放置在微信小程序的前端代码中，因为微信手机客户端容易被反编译并轻松获得Appsecret，造成重大的安全威胁。开发者应将Appsecret保存到后台服务器中，通过服务器使用Appsecert获取Accesstoken。微信公众平台小程序后台的服务器地址设置也将禁止将“api.weixin.qq.com”域名的配置，所有对于“api.weixin.qq.com”域名下的接口请求请全部通过后台服务器发起，请勿直接通过小程序的前端代码发起。

④解决：所以解决办法就是把code传给后台，让后台去请求微信的官方接口获得openId和session-key。

官网提供的获取openid等信息，也如下图所示：

这里写图片描述

3.第三步，检测用户登录状态是否有效

通过wx.checkSession(OBJECT)获得的用户登录态拥有一定的时效性。用户越久未使用小程序，用户登录态越有可能失效。反之如果用户一直在使用小程序，则用户登录态一直保持有效。具体时效逻辑由微信维护，对开发者透明。开发者只需要调用wx.checkSession接口检测当前用户登录态是否有效。登录态过期后开发者可以再调用wx.login获取新的用户登录态。

这里写图片描述

示例代码：

  1. wx.checkSession({
  2.   success: function(){ 
  3.     //session 未过期，并且在本生命周期一直有效
  4.   },
  5.   fail: function(){ 
  6.     //登录态过期
  7.     wx.login() //重新登录
  8.     ....
  9.   }
  10. })

最后登录时序图：
这里写图片描述

原文地址：https://blog.csdn.net/llayjun/article/details/78291641

发表评论

表情：
评论列表 （有 0 条评论，400人围观）

还没有评论，来说两句吧...

相关阅读