uni APP 微信小程序获取授权的微信信息

庞淑英 發表於 2021-4-21 14:41:00

uni APP 微信小程序获取授权的微信信息

根据微信小程序开发文档，获取用户信息的接口有3个UserInfo，wx.getUserInfo，wx.getUserProfile。
UserInfo比较老就不用了。wx.getUserInfo基础库版本 2.3.1 以后支持，但是必须用户授权 scope.userInfo。
wx.getUserProfile 基础库 2.10.4 开始支持，获取用户信息。页面产生点击事件（例如 <code>button</code> 上 <code>bindtap</code> 的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回 <code>userInfo</code>。该接口用于替换 <code>wx.getUserInfo。</code>
<div class="cnblogs_code">
<pre> //用户授权
 wx.authorize({
 scope: 'scope.userInfo',
 success(res) {
 wx.startRecord();
 }
 });</pre>
</div>
 //查看微信小程序接口是否可用
<div class="cnblogs_code">
<pre>console.log('wx.getUserProfile', wx.canIUse('getUserProfile'))</pre>
</div>
wx.getUserInfo获取用户信息
<div class="cnblogs_code">
<pre> // 获取微信用户信息</pre>
<pre> wx.getUserInfo({
 success: function(res) {
 //用户信息
 const userInfo = res.userInfo;
 //性别 0：未知、1：男、2：女
 const {
 nickName,
 avatarUrl,
 gender,
 province,
 city,
 country
 } = userInfo;
 console.log(res)
 let userUrl = userInfo.avatarUrl;//微信头像
 let wxname = userInfo.nickName;//微信昵称
 },
 fail: res => {
 // 获取失败的去引导用户授权
 uni.showToast({
 title: '您需要授权，才能获取您的信息！'
 });
 }
 }); </pre>
</div>
wx.getUserProfile 获取用户信息,获取openid，思路如下wx.login获取code,然后调微信服务端接口
<pre>'https://api.weixin.qq.com/sns/jscode2session?appid=' + appId + '&secret=' + APP_SECRET + '&js_code=' +
 code + '&grant_type=authorization_code' 就能得到openid和sessionKey。</pre>
<pre>WXBizDataCrypt是官网js提供的解密用户信息的。通过上述接口就能获取sessionKey，然后可以解密微信用户加密的信息。</pre>
<div class="cnblogs_code">
<pre> </pre>
　　　　　　　　wx.login({ 　　　　　　　　　　success: function(data) {
<pre>　　　　　　　　　　let code=data.code;</pre>
<pre>　　　　　　　　　//登录微信授权
 wx.getUserProfile({
 desc: '用于完善用户资料',
 lang: 'zh_CN',
 success: function(res) {
 console.log('wx.getUserProfile=>用户允许了授权');
 console.log(res.userInfo);
 // console.log( res.rawData );
 console.log(res.signature);
 console.log(res.encryptedData);
 console.log(res.iv);
 that.userUrl = res.userInfo.avatarUrl;
 that.wxname = res.userInfo.nickName;


 var sessionKey = '';
 var ed = res.encryptedData;
 var eiv = res.iv;
 var appId = ''; //AppID(小程序ID)
 var APP_SECRET = ''; //AppSecret(小程序密钥)
 wx.request({
 //获取openid接口
 url: 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appId + '&secret=' + APP_SECRET + '&js_code=' +
 code + '&grant_type=authorization_code',
 data: {},
 method: 'GET',
 success: function(res) {
 console.log(res.data)
 that.userId = res.data.openid; //获取到的openid 
 uni.setStorage({
 key: "lsopenid",
 data: res.data.openid
 })
 sessionKey = res.data.session_key; //获取到session_key
 //that.getPhoneNumber(res);//得到res.encryptedData后，需要解码才能得到openId
 var pc = new WXBizDataCrypt(appId, res.data.session_key);
 console.log(pc)
 var data = pc.decryptData(ed,eiv);
 console.log(data)
 }
 });
 
 小程序端wx.getUserProfile()获取到userInfo，wx.login()获取到code，
 这两个传给后端，code通过code2session接口获取到unionid，openid，session_key等；
 原有的拿session_key解密encryptedData的逻辑不需要了，毕竟encryptedData也只是比userInfo多了openid和unionid。
 */

 },
 fail: function(res) {
 console.log('wx.getUserProfile=>用户拒绝了授权');
 console.log(res);

 },
 }); </pre>
<pre>　　　　　　　　}});</pre>
<pre> </pre>
</div>
 
　　 
来源：https://www.cnblogs.com/feipengting/p/14685150.html

頁: [1]

琼殿技术论坛's Archiver

uni APP 微信小程序获取授权的微信信息