小程序引导用户授权的思路及项目实现方法(附代码)
发布时间:2020-12-14 20:03:51 所属栏目:资源 来源:网络整理
导读:本篇文章给大家带来的内容是关于小程序引导用户授权的思路及项目实现方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 用户信息授权 对于小程序未授权的用户,官方取消wx.getUserInfo方法的直接调用,首次授权必须主动触发
本篇文章给大家带来的内容是关于小程序引导用户授权的思路及项目实现方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 用户信息授权 对于小程序未授权的用户,官方取消wx.getUserInfo方法的直接调用,首次授权必须主动触发自定义按钮,才可调起官方授权组件可以获取到的信息有:昵称、头像、性别、国家、省份、城市、性别、语言 思路步骤1、wx.getSetting查看是否授权 2、已授权使用wx.getUserInfo获取用户信息,保存 3、未授权显示带有button的自定义页面,bindGetUserInfo会返回用户信息,该按钮会调用微信官方授权 4、授权完成保存用户信息 项目实现1、app.js----我放在登陆方法之后 // 查看是否授权,保存授权状态 wx.getSetting({ success: function(res) { if (res.authSetting['scope.userInfo']) { wx.setStorageSync('isAuthorize','true'); wx.getUserInfo({ success: function(res) { wx.setStorageSync('userInfo',res.rawData); } }) } else { wx.setStorageSync('isAuthorize','false'); } } }) 2、main.wxml------项目主页面 3、main.js------onload中进行判断是否要显示自定义的按钮 // 已授权隐藏弹框,未授权显示弹框 this.authorize = this.selectComponent("#authorize"); if (wx.getStorageSync('isAuthorize')=='true'){ this.authorize.hideDialog() } 4、main.json-----主页面配置参数 "usingComponents": { "authorize": "自定义授权组件的路径" } 5、authorize.js------自定义带有button的页面/弹窗组件autiorize,这里只贴出js部分 /*authorize.js*/ Component({ options: { multipleSlots: true },data: { isHide: false,canIUse: wx.canIUse('button.open-type.getUserInfo') },methods: { 这样整个授权就完成了! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |