E企盈小程序营销工具技术服务商 热线:4006-838-530

微信公众号授权,微信小程序如何按钮授权获取用户信息、请求用户授权获取手机号码

E企盈小程序直播系统

微信小程序如何按钮授权获取用户信息微信登录授权请求用户授权获取手机号码微信小程序获取用户手机号码微信小程序获取用户手机号码说明一下,isLogin用来判断是否已授权登录,如果没有登录则显示按钮,已登录则显示用户头像和昵称。那么isLogin如何判断呢?index.js里代码如下:constapp=getApp()Page({data:{isLogin:true,//一开始没有授权,所以显示授权按钮授权canIUse:wx.canIUse(‘button.open-type.getUserInfo’)},onLoad:function(options){//查看是否授权letthat=this;wx.getSetting({success(res){if(res.authSetting[‘scope.userInfo’]){//已经授权,可以直接调用getUserInfo获取头像昵称//that.data.isHide=false;//that.setData({//isHide:false//});wx.getUserInfo({success(res){console.log(res.userInfo)that.setData({userInfo:res.userInfo});}})}else{that.setData({isHide:true});}}}),},onShow(){},bindGetUserInfo(e){//授权后的处理console.log(e.detail.userInfo)//获取加密信息iv等wx.getUserInfo({withCredentials:true,success:function(res_user){console.log(res_user,’加密信息iv等’)}})this.setData({isLogin:false});}})button组件有很多用法,详情可参考:简单说一下,open-type:微信开放能力,要求用户基础库版本1.1.0+其中bindgetuserinfo表示:用户点击该按钮时,会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的一致,生效的时机是:open-type=”getUserInfo”,登陆页排版布局mlviewwx:if=”{{isHide}}”viewwx:if=”{{canIUse}}”class=’sq_first’viewclass=’header’imagesrc=’../../../we7/resource/images/login.png’/image/viewviewclass=’content’text申请获取以下权限/texttext获得你的公开信息(昵称,头像等)/text/viewviewbuttontype=”primary”open-type=”getUserInfo”lang=”zh_CN”bindgetuserinfo=”bindGetUserInfo”授权登录/buttonbuttontype=”primary”lang=”zh_CN”open-type=’getPhoneNumber’bindgetphonenumber=”getPhoneNumber”手机号授权/button/view/viewviewwx:else请升级微信版本/view/viewjs:data:{canIUse:wx.canIUse(‘button.open-type.getUserInfo’),isHide:false,//一开始是隐藏,如果没有授权登陆就改为trueflag:true,open_id:”},bindGetUserInfo(e){//授权后的处理console.log(e.detail.userInfo,’用户信息’)//获取加密信息iv等wx.getUserInfo({withCredentials:true,success:function(res_user){console.log(res_user,’加密信息iv等’)}})this.setData({flag:false,isHide:false,});},wxss:/授权页面/.sq_first{position:fixed;width:100%;height:100%;z-index:9;overflow:hidden;/background:rgba(0,0,0,0.5);/background:#fff;left:0;top:0;}.header{margin:90rpx090rpx50rpx;border-bottom:1pxsolid#ccc;text-align:center;width:650rpx;height:300rpx;line-height:450rpx;}.headerimage{width:200rpx;height:200rpx;}.content{margin-left:50rpx;margin-bottom:90rpx;}.contenttext:nth-child(1){color:#333333;font-size:36rpx;}.contenttext{display:block;color:#9d9d9d;margin-top:20rpx;font-size:30rpx;padding-left:20rpx;}.hide{border-radius:80rpx;margin:70rpx50rpx;font-size:35rpx;display:none;}.show{display:block;border-radius:80rpx;margin:70rpx50rpx;font-size:35rpx;}

E企盈小程序专业开发:小程序,商城版小程序,分销小程序,小程序定制,微分销,微商,微信分销,微信分销商城,微信分销系统,微信分销管理,微信分销平台,微商代理系统,E企盈是专业的直播小,E企盈是专业的直播小程序,公众号分销系统,营销系统,社群私域流量卖货系统技术开发商,热线:4006-838-530
赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信公众号授权,微信小程序如何按钮授权获取用户信息、请求用户授权获取手机号码
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏