浅谈小程序如何授权登录，获取信息和手机号

浅谈小程序如何授权登录，获取信息和手机号
本篇文章给大家分享一下微信小程序实现授权登录，并获取用户信息和手机号的方法。

本篇文章给大家分享一下微信小程序实现授权登录，并获取用户信息和手机号的方法。

相关学习推荐：小程序开发教程

总结，新增获取用户手机号功能，里面用到了关于获取用户信息和用户手机号的功能，一开始写的时候发现我把两个按钮写在一个登录页面上，获取手机号逻辑是当用户点击授权之后跳转到首页，当点击拒绝弹窗提示，最后发现可能是微信上的限制，模拟器调试拒绝有提示，真机点击拒绝也是能跳的，没办法又写了一套关于用户进入某个详情页判断手机号授权问题，这里记录一下，希望能帮到有需要的朋友，先看下效果！！！

1.全局判断

App({ onLaunch: function () { //调用API从本地缓存中获取数据 // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) var that = this; //获取用户本地是否是第一次进入新版本 var versions = wx.getStorageSync('versions'); console.log('versions:' + versions); //判断是不是需要授权 if (versions == '1'){ // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框 wx.getUserInfo({ success: function (res) { that.globalData.userInfo = res.userInfo console.log(that.globalData.userInfo) }, fail: function () { wx.redirectTo({ url: '../wurui_house/pages/login/index', }) } }) }else{ //未授权, 跳转登录页面 wx.redirectTo({ url: '../wurui_house/pages/login/index', }) } }, onShow: function () { //console.log(getCurrentPages()) }, onHide: function () { //console.log(getCurrentPages()) }, onError: function (msg) { //console.log(msg) }, util: require('we7/resource/js/util.js'), tabBar: { "color": "#123", "selectedColor": "#1ba9ba", "borderStyle": "#1ba9ba", "backgroundColor": "#fff", "list": [ ] }, getLocationInfo: function (cb) { var that = this; if (this.globalData.locationInfo) { cb(this.globalData.locationInfo) } else { wx.getLocation({ type: 'gcj02', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标 success: function (res) { that.globalData.locationInfo = res; cb(that.globalData.locationInfo) }, fail: function () { // fail }, complete: function () { // complete } }) } }, globalData: { userInfo: null, appid: "", appsecret: "", }, siteInfo: require('siteinfo.js')});