uniapp 微信小程序授权获取手机并绑定登录

检查是否已登录

onLoad(option) {//检查用户是否已授权登录this.checkLogin();},
//检查用户是否登录checkLogin() {let token = wx.getStorageSync('TOKEN'); //授权成功且登录才能获取tokenif (token) {wx.checkSession({success: function() {console.log('已授权登录过,session_key未过期')wx.switchTab({url: '/pages/tabbar/index'})},fail: function() {console.log('已授权登录过,session_key已过期')}})} else {console.log('token过期，重新授权再登录')}},

获取用户信息（必须是用户主动触发的button事件才可以）

<button @click="getUserInfo">微信用户信息授权</button>
//授权获取用户信息getUserInfo() {//新版方式uni.getUserProfile({success: function(res) {//存储用户信息let userInfo = res.data.userInfo;userInfo.mobile = mobile;wx.setStorageSync('userInfo', userInfo);},fail: function() {console.log('获取用户信息失败')}})},

授权获取用户手机号（必须是用户主动触发的button事件才可以）

<button  class="btn" open-type="getPhoneNumber"@getphonenumber="onGetPhoneNumber"> 绑定 </button>

//获取用户已经绑定到微信的手机号，手机号授权<!-- 手机号授权，app_id必须是企业类型的 -->onGetPhoneNumber(e) {console.log(e.detail.errMsg);this.iv = e.detail.iv;this.encryptedData = e.detail.encryptedData;if (e.detail.errMsg == "getPhoneNumber:ok") {//允许授权 ，调用登录接口 this.onLogin()} else {//拒绝授权或授权失败}},

//客户身份登录（授权成功后登录）onLogin() {uni.showLoading()uni.login({success: res => {uni.request({url: '', //后端授权成功登录接口method: 'POST',data: {iv: this.iv,encryptedData: this.encryptedData,code: res.code},success: (res) => {console.log(res.data) //res.data 即为后端返回的解密数据  if (result.data.status == 'success') {uni.showToast({title: '授权成功',icon: "none"})wx.switchTab({url: '/pages/tabbar/index'})let json = JSON.parse(res.data.Data)uni.setStorageSync('openid', json.openId);uni.setStorageSync('sessionKey', json.sessionKey);// this.unionid=cts.data.unionid     //unionid 开放平台唯一标识uni.setStorageSync('TOKEN', result.data.token)} else {uni.hideLoading();uni.showToast({title: result.data.msg,icon: "none"})}},fail: (err) => {uni.hideLoading();uni.showToast({title: err.data.msg,icon: "none"})}});},fail: (err) => {uni.hideLoading();uni.showToast({title: err.data.msg,icon: "none"})}})},

uniapp 微信小程序授权获取手机并绑定登录相关推荐

uniapp微信小程序授权获取用户信息封装
根据平台公告信息,2022年底wx.getUserProfile 与 wx.getUserInfo 接口被回收.新的小程序不能再授权获取头像和昵称:可以通过wx.login 接口直接获取用户的 ope ...
uniapp微信小程序授权登录和获取微信绑定的手机号码
uniapp微信小程序授权登录和获取微信绑定的手机号码弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...
jeecg uniapp 微信小程序授权备忘
jeecg uniapp 微信小程序授权备忘修改前提: 2021年4月13日起,getUserInfo将不再弹出弹窗,并直接返回匿名的用户个人信息推荐使用wx.getUserProfile获取用 ...
微信小程序如何获取手机地址定位
微信小程序如何获取手机地址定位微信小程序中,经常需要获取地址定位. 微信小程序中如何获取地址定位. wx.getLocation({success: function (res) {console. ...
uniapp 微信小程序 getPhoneNumber 获取手机号提示 appid没有权限
appid没有权限问题出现原因,当前小程序账号没有进行"微信认证" 登录微信小程序后台,可以查看到当前小程序的基本信息. 微信小程序授权获取手机号接口因为需要用户主动触发才能发 ...
微信小程序授权获取用户信息和手机号码
微信小程序授权获取用户信息和手机号码 1.微信官方文档登录:https://developers.weixin.qq.com/miniprogram/dev/framework/open-abili ...
微信小程序授权获取用户信息
微信小程序授权获取用户信息小程序昵称突然变成了"微信用户",头像也不显示, <!-- 近期很多小伙伴通过该方法获取头像和昵称,代码也没有做改变,突然就变成了下面这样子 - ...
微信小程序授权获取用户当前经纬度位置并转换为具体城市
每日一句激励人心的鸡汤: 认真阅读接口文档, 认真阅读接口文档, 认真阅读接口文档. 微信小程序获取用户当前经纬度位置 getLocation() API文档传送门,查看文档后 ...
Java-(二)微信小程序授权获取用户信息和手机号码
第一篇我们已经知道了微信小程序怎么授权登录获取用户信息. openId 和 unionId .下面将高速告诉大家,微信小程序如何授权获取用户信息和手机号码. 微信官方文档:https://develo ...

uniapp 微信小程序授权获取手机并绑定登录

uniapp 微信小程序授权获取手机并绑定登录相关推荐

最新文章

热门文章