微信小程序获取openID及unionID
隋。04-02
10100浏览
2评论
记录一下微信小程序获取openID及unionID
公众号openID和小程序openID说明
为了识别用户,每个用户针对每个公众号或小程序等应用会产生一个安全的OpenID
- 在小程序中,openID是小程序的普通用户的一个唯一的标识,只针对当前的小程序有效
- 同理在公众号中openID是公众号的普通用户的一个唯一的标识,只针对当前的公众号有效
冷知识:公众号包含服务号和订阅号。我们常开发的是服务号
同一个微信用户在小程序和公众号上的openid是不同的
UnionID 机制说明
微信的unionid机制说明:
如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过 UnionID 来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序),用户的 UnionID 是唯一的。换句话说,同一用户,对同一个微信开放平台下的不同应用,unionid是相同的。
简而言之,unionid是用来说明多个应用下用户身份一致性的问题。相比较而言,由于在同一个应用下每个用户的openid是唯一的,因此openid也是也可以用来标记用户身份,但是仅限于在同一个应用中。对于不同的应用,每个用户的openid是不一样的,要想在不同应用间识别用户的唯一性只可以用unionid。下面来举一个例子来说明,例如:
小耿开发者账号下有公众号A和小程序B,对于访问公众号A和小程序B的用户小龙有openidA与openidB(openidA!=openidB),openidA在公众号A应用中是唯一的,可以说明小龙的身份;openidB在小程序B中是唯一的,也可以说明小龙的身份。假如,我们现在要确定公众号A的用户小龙与小程序B的用户小龙是否为同一个用户小龙,我们根据openid能确定吗?很显然,不可以。此时用户的unionid就可以解决这个问题,即unionid是用来确定不同应用下用户的唯一性。
如何获取?
公众号获取openID
参考文档:(建议放到后端处理)https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
小程序获取openID
1、需要在微信小程序调用登录开放接口 wx.login() 获取用户登陆凭证code。
wx.login()接口说明:
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html
2、向服务器发送请求,并将code一起发送过去。
3、接下来,在服务端调用auth.code2Session接口
接口说明 :https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html
4、接口返回openid
UnionID获取途径
公众号获取unionID
可以直接通过 openID 获取到该用户 UnionID(建议放到后端处理)
小程序获取unionID
微信官方给出的途径:
绑定了开发者帐号的小程序,可以通过以下途径获取 UnionID。
1、如果开发者帐号下存在同主体的公众号,并且该用户已经关注了该公众号。开发者可以直接通过 wx.login + code2Session 获取到该用户 UnionID,无须用户再次授权。
(以前是调用接口 wx.getUserInfo,或通过button获取:<button type='primary' open-type="getUserInfo">授权登录</button>,从解密数据中获取 UnionID。2021年4月13日以后就不支持这种方法了。相关文档:https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801)
2、如果开发者帐号下存在同主体的公众号或移动应用,并且该用户已经授权登录过该公众号或移动应用。开发者也可以直接通过 wx.login + code2Session 获取到该用户 UnionID ,无须用户再次授权。
3、用户在小程序(暂不支持小游戏)中支付完成后,开发者可以直接通过getPaidUnionId接口获取该用户的 UnionID,无需用户授权。注意:本接口仅在用户支付完成后的5分钟内有效,请开发者妥善处理。
4、小程序端调用云函数时,如果开发者帐号下存在同主体的公众号,并且该用户已经关注了该公众号,可在云函数中通过 cloud.getWXContext 获取 UnionID。
5、小程序端调用云函数时,如果开发者帐号下存在同主体的公众号或移动应用,并且该用户已经授权登录过该公众号或移动应用,也可在云函数中通过 cloud.getWXContext 获取 UnionID。
在项目中采取下列方法来获取unionid第一种方法举例:
- 通过wx.login获取用户的code,因为获取openid和unionid需要用code
- 然后就是通过微信的auth.code2Session获取我们最终想要的
微信小程序中调用wx.login()获取到code,将code传给后端
由后端直接调用接口: https://api.weixin.qq.com/sns/jscode2session?appid=自己的appid&secret=密钥&js_code=${code}&grant_type=authorization_code
获取openid和unionid、session_key
onLoad: function (options) { this.wxLogin() }, wxLogin () { wx.login({ success: (res) => { //用户的code let userCode = rest.code console.log('wx.login==>',res) // 该流程放到后端处理=== // https://api.weixin.qq.com 不是合法域名,正式环境无法访问 ============= wx.request({ // 自行补上自己的 APPID 和 SECRET url:`https://api.weixin.qq.com/sns/jscode2session?appid=自己的appid&secret=密钥&js_code=${userCode}&grant_type=authorization_code`, success: res => { // 获取到用户的 openid console.log("用户的openid:" + res.data.openid); console.log("用户的unionid:" + res.data.unionid); console.log("用户的session_key:" + res.session_key); } }); } }) }
tips:获取unionid的话是需要微信开放平台绑定小程序的,不然是不可能获取到的
查找 APPID 和 SECRET
微信公众平台->开发->开发管理->开发设置
auth.code2Session
比较简单,大家可以自行查看 link
参考文章:
openid:
https://developers.weixin.qq.com/community/develop/article/doc/000c80906b4210625f3bde3775bc13
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
unionid:
https://www.jianshu.com/p/46efa68d9033
https://www.jianshu.com/p/03810ae56c4f
点赞 2
收藏