【小程序】- 微信授权、绑定手机号

微信小程序授权登录并登记手机号码，以下是根据小程序官网梳理的流程图，方便自己理解；

官方指引：小程序登录

// 微信授权登录bindGetUserInfo: function(e) {// 将用户信息存入全局变量，供绑定手机号使用app.globalData.encryptedData=e.detail.encryptedDataapp.globalData.iv=e.detail.ivif (e.detail.userInfo) {//用户按了允许授权按钮var that = this;// 获取到用户的信息了，打印到控制台上看下// console.log(e.detail.userInfo)wx.login({success: res => {var code = res.codeconsole.log("用户的code:" + res.code)//调用后端接口获取openIdwx.request({url: 'http://localhost:8080/login/WechatLogin',method: 'POST',data: {code: res.code},header: {'content-type': 'application/x-www-form-urlencoded'},// 执行成功将数据存入本地缓存success: res => {console.log(res.data)if (res.data) {console.log("用户的openid:" + res.data.openid)app.globalData.userInfo['user_id'] = res.data.user_idwx.setStorageSync('openid', res.data.openid)} else {console.log('微信授权失败喽，请重新授权')}//将用户信息放入缓存，登记手机号后与手机号一起存储let that = thislet userInfo = e.detail.userInfo;app.globalData.userInfo['avatarUrl'] = userInfo.avatarUrl; // 头像app.globalData.userInfo['nickName'] = userInfo.nickName; // 昵称app.globalData.userInfo['gender'] = userInfo.gender; //  性别app.globalData.userInfo['userId'] = userInfo.userId;//写入缓存wx.setStorageSync('userInfo', app.globalData.userInfo);that.setData({showAvata: true})// 授权成功绑定手机号wx.navigateTo({url: '/pages/my/login/bingphonenum/bingphonenum'})}})}})//授权成功后,通过改变 isHide 的值，让实现页面显示出来，把授权页面隐藏起来that.setData({isHide: false})}}

【小程序】- 微信授权、绑定手机号相关推荐

小程序 - 微信授权登录微信授权绑定手机号
用户在使用小程序时,经常需要授权登录,授权登录的作用是获取用户的基本信息,如头像.昵称以及openid等,openid可用于微信授权手机号.微信支付. 微信授权登录 .xhtml如下,wxLogin为 ...
微信中html5获取手机号,微信小程序用户授权获取手机号（getPhoneNumber）
前言小程序有一个获取用户很便捷的api,就是通过getPhoneNumber获取用户的已经绑定微信的手机号码.有一点要大家注意,现在微信和注重用户体验,有些方法都是需要用户主动去触发才能调用的,比如 ...
UNIAPP---实现微信小程序登录授权和手机号授权（uniapp做微信小程序）
UNIAPP-实现微信小程序登录授权和手机号授权(uniapp做微信小程序) 描述:uniapp开发小程序,先授权用户信息后再出现手机号授权的页面进行手机号授权.完成后返回上一页面并把信息存入后台以及 ...
微信小程序Android和ios授权,uni-app之APP和小程序微信授权方法
uni-app 介绍 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架. 适用平台:Android.iOS.微信小程序.实现了一套代码,同时发布到Android.iOS.微信小程序. ...
微信授权绑定手机号 java_微信小程序获取手机号授权用户登录功能
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等,有了这个组件可以快速获取微信绑定手机号码,无须用户填写. 1.getPhoneNumber这个组件通过button来实现(别的标签无 ...
小程序微信授权登录服务器异常,微信小程序授权登录流程（强制绑定手机号码）...
本文作为多平台用户登录模块设计的扩展设计,即以手机号作为用户的唯一凭证. (图片摘自 2018.10.30) 小程序与服务器是通过自定义登录态来识别用户身份的,以下简称口令(token). 由于微信未 ...
小程序-微信账号绑定多个开发者权限
我的疑问? 便于理解,暂订我的微信号为 l777 公司微信号(l888). 刚开始学习时,依据官方教程申请了个人小程序账号(l777),跟着教程瞎捣鼓一阵子后准备实际做项目,公司准备立项开发小程 ...
app微信登陆小程序微信授权登陆
最近在做一个项目兼容app和小程序这里写一下这里面微信登陆的流程这里有授权获取手机号弹窗需用户手动点击按钮确认授权才行 <!-- 授权获取手机号弹窗需用户手动点击按钮确认授权才行--&g ...
新！uniapp微信小程序微信授权登录
11月后,微信小程序对于微信授权登录做了逻辑上的更改,之前的一键授权获取用户信息的功能已不再适用.已发布审核完成的小程序不受影响,但要想再发布,只能换成新的登陆逻辑了. 首先,要说明的,个人中心页面, ...
微信小程序微信授权登录微信登录
一.调用接口获取临时登录凭证(code) wx.login({success(res) {if (res.code) {// res.code => 登录凭证} else {console.lo ...

【小程序】- 微信授权、绑定手机号

【小程序】- 微信授权、绑定手机号相关推荐

最新文章

热门文章