第三方app如何获取授权微信登录

鲁达发布于 2023-08-07

背景

最近上线之前的微信小程序，授权登录获取微信信息，获取不到用户信息，之前直接用wx.getUserInfo获取用户信息,现在不可以直接用了，需要使用API:getUserProFile获取用户信息。大家看了这篇文章后建议收藏，以后写微信小程序登录授权可以直接拿来用了.

实践

1 登录授权组件

<!--如果用户没有授权，显示登陆按钮 --> <view wx:if="{{!isShowUserName}}" class="btn-login"> <button open-type="getUserInfo" lang="zh_CN" type="primary" bindgetuserinfo="getUserInfo">授权登陆</button> </view>

2 点击登录授权按钮，触发获取用户信息的弹窗，触发事件bindgetuserinfo。

3 点击确定拿到code, 然后用code 获取openId（表明你登录成功了），建议将获取用户的信息接口放到后端（防止暴露你的密钥），我这里为了演示方便直接放在前端，只是测试用。

 wx.login({ success: res => { // 获取到用户的 code 之后：res.code con("用户的code:" + res.code); // 可以传给后台，再经过解析获取用户的 openid // 或者可以直接使用微信的提供的接口直接获取 openid ，方法如下： wx.request({ // 自行补上自己的 APPID 和 SECRET url: ';secret=app秘钥&js_code=' + res.code + '&grant_type=authorization_code', success: res => { // 获取到用户的 openid con;用户的openid:"); a； } }); } });

4 通过 getUserProFile 获取用户的个人信息

.let _this=this; wx.showModal({ title: '温馨提示', content: '正在请求您的个人信息', success(res) { if ) { wx.getUserProfile({ desc: "获取你的昵称、头像、地区及性别", success: res => { con(res) let user = res.userInfo; _({ isShowUserName: true, userInfo: user, }) u = a; // 保存用户信息到你的后台接口 saveUserInfo(user); }, fail: res => { //拒绝授权 return; } })} else if ) { //拒绝授权 自定义的提示【您拒绝了请求】 return; } } });

写在最后

大家觉得不错，希望关注点赞转发，谢谢，有问题欢迎留言。