uniapp获取微信授权登录（保姆教程）

第一步

下载官方给的解密文件‘mWXBizDataCrypt’

没有文件就复制该文件的代码创建一个

var crypto = require('crypto')function WXBizDataCrypt(appId, sessionKey) {this.appId = appIdthis.sessionKey = sessionKey
}WXBizDataCrypt.prototype.decryptData = function (encryptedData, iv) {// base64 decodevar sessionKey = new Buffer(this.sessionKey, 'base64')encryptedData = new Buffer(encryptedData, 'base64')iv = new Buffer(iv, 'base64')try {// 解密var decipher = crypto.createDecipheriv('aes-128-cbc', sessionKey, iv)// 设置自动 padding 为 true，删除填充补位decipher.setAutoPadding(true)var decoded = decipher.update(encryptedData, 'binary', 'utf8')decoded += decipher.final('utf8')decoded = JSON.parse(decoded)} catch (err) {throw new Error('Illegal Buffer')}if (decoded.watermark.appid !== this.appId) {throw new Error('Illegal Buffer')}return decoded
}module.exports = WXBizDataCrypt

第二步

在date里面放入这几个数据待会要用到

sessionKey :'',appID:' 你的appid',secret:'你的secret 在公众平台里获取',openId:'',session_key:'',phoneNumber:''

微信公众平台

登录获取授权信息可放在mounted里面

uni.getProvider({service: 'oauth',success: function(res) {if (~res.provider.indexOf('weixin')) {uni.login({provider: 'weixin',success: (res2) => {const code = res2.code  uni.getUserInfo({provider: 'weixin',success: (info) => { //这里请求接口console.log('res2');console.log(res2);console.log('info');console.log(info);uni.request({url:'https://api.weixin.qq.com/sns/jscode2session?appid='+that.appID+'&secret='+that.secret+ '&js_code=' + res2.code + '&grant_type=authorization_code',data: {},method: 'GET',success(r) {console.log(r.data)that.openId = r.data.openidthat.session_key = r.data.session_key}})},fail: () => {uni.showToast({title: "微信登录授权失败",icon: "none"});}})},fail: () => {uni.showToast({title: "微信登录授权失败",icon: "none"});}})} else {uni.showToast({title: '请先安装微信或升级版本',icon: "none"});}}});

第三步

使用手机号一键登录

按钮

<u-button type="primary" open-type="getPhoneNumber" @getphonenumber="submitlogin" shape="circle" text="微信授权登录" ></u-button>

方法体：submitlogin

然后解密信息

if(e.detail.errMsg=="getPhoneNumber:ok"){// console.log(e);// console.log(e.detail.errMsg);  // console.log(e.detail.iv);  // console.log(e.detail.encryptedData); // console.log('用户点击了接受');this.showModal = false// this.api.phone({//  session_key:this.sessionKey,//  encryptedData:e.detail.encryptedData,//     iv:e.detail.iv// })let mWXBizDataCrypt = new  WXBizDataCrypt('wxf679991a6d85beb2',that.session_key)let crDate = mWXBizDataCrypt.decryptData(e.detail.encryptedData,e.detail.iv) if(crDate.countryCode != '86'){uni.$u.toast('仅限于中国大陆手机号用户使用')return }that.phoneNumber = crDate.phoneNumberconsole.log()}else{console.log('用户点击了拒绝') ;  }

登录成功！

uniapp获取微信授权登录和手机号一键登录（保姆教程）相关推荐

uniapp获取微信授权
<button open-type="getUserInfo" @getuserinfo="bindgetuserinfo" class="bt ...
微信小程序手机号一键登录--获取用户手机号--微信小程序一键登录
前提:现在微信小程序登录我参考了几个大的公司的登录,基本分下面几种 1.微信用户一键登录,授权用户基本信息,不获取手机号 2.微信手机号一键登录,根据手机号去关联在其他平台数据,用手机号关联.然后再调 ...
flutter在IOS上的登录实现——QQ登录、微信登录、自动识别手机号一键登录、apple登录
flutter在IOS上的登录实现--QQ登录.微信登录.自动识别手机号一键登录.apple登录一.QQ登录使用的第三方库: 具体操作方法: 1.配置 Universal Links 2.QQ互联 ...
uniapp手机号一键登录
uniapp手机号一键登录先讲几个坑避免操作完以后会出bug无效喷我部分机型会因为第一次在手机上编译普通基座无法触发手机号一键登录的弹框,这里当然是重启了,重启可以解决百分之八十的问题!!! 然后 ...
在uni-app中使用手机号一键登录
1.首先需要在dcloud开发者控制台开通一键登录 https://dev.dcloud.net.cn/uniLogin 开通一键登录服务, 获取关键最关键的两个参数 ApiKey 和 ApiSecr ...
uni-app手机号一键登录
提示:手机号一键登录有两种方式. 第一种通过调用自有服务器,然后服务器调用云函数登录. 第二种可以前端直接调用云函数进行登录(暂不介绍). 提示:在我的项目中使用的是自由服务器登录,下面的案例可供参考 ...
unicloud云开发---uniapp云开发(四)---本机手机号一键登录以及第三方登陆
我们来实现一键登录以及第三方登陆一键登录手登陆机号使用我们的视频教程(免费)链接为https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspap ...
公众号获取用户手机号_小程序中如何获取微信用户绑定的手机号
小程序官方文档中介绍: 获取微信用户绑定的手机号,需先调用wx.login接口. 因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 button 组件的点击来触发. 注 ...
【愚公系列】2022年09月微信小程序-微信小程序实现网页一键登录功能
文章目录前言一.微信小程序实现网页一键登录功能 1.旧版登录方法 2.新版登录方法二.相关第三方包源码前言如果微信小程序要获取微信登录的用户信息,需要拿到code去后台换取用户信息,具体步骤 ...

uniapp获取微信授权登录和手机号一键登录（保姆教程）

uniapp获取微信授权登录（保姆教程）

uniapp获取微信授权登录和手机号一键登录（保姆教程）相关推荐

最新文章

热门文章