admin管理员组

文章数量:1794759

uniapp实现小程序登录，微信一键登录，获取token,iv,code,ncryptedData

uniapp实现小程序登录，微信一键登录，获取token,iv,code,ncryptedData

  1. 首先布局登录按钮（触发登录的一定要是button，button才有获取用户的方法）

			 <buttonopen-type="getPhoneNumber"@click.stop="loginfn"@getphonenumber.stop="onGetPhoneNumber">点击微信一键登录</button>

2.写点击button之后的逻辑,，获取iv,code,ncryptedData,调用后端接口进行登录

 // 用户授权登录//首先点击登录按钮的时候获取一下code，保存到data里loginfn(){wx.login({success(res) {that.code = res.code;return;},});}//调用button自带的弹窗获取用户信息方法async onGetPhoneNumber(val) {//此时的val是用户点击了允许还是拒绝let that = this;if (val.detail.errMsg === "getPhoneNumber:ok") {//保存需要的** iv, encryptedData **const { iv, encryptedData } = val.detail;//调用后台登录的接口，传递参数const result = await that.api.getLoginApi({loginType: "1",iv,code: that.code,encryptedData,});// 登陆成功if (result.data.token) {//保存tokenuni.setStorageSync("token", result.data.token);that.token = uni.getStorageSync("token");uni.showToast({title: 登录成功",duration: 800,icon: "success",});// 刷新回到用户页页面uni.reLaunch({url: "/pages/myself/myself",});return;}}} else {uni.showToast({title: "已取消登录",duration: 500,icon: "success",});}}

本文标签： uniapp实现小程序登录，微信一键登录，获取tokenIVcodencryptedData

版权声明：本文标题：uniapp实现小程序登录，微信一键登录，获取token,iv,code,ncryptedData 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1692859842a215595.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。