全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[怀化seo公司联系久澳]小程序引导用户授权的思路及项目实现方法(附代码)

  本篇文章给大家带来的内容是关于小程序引导用户授权的思路及项目实现方法(附代码)-…•,乌兰浩特市小程序开发哪家好有一定的参考价值,有需要的朋友可以参考一下,[肇庆网站seo公司]php实例化什么意思希望对你有所帮助。
 

  用户信息授权

  对于小程序未授权的用户▼◁,官方取消wx◁-.getUserInfo方法的直接调用,首次授权必须主动触发自定义按钮,才可调起官方授权组件

  可以获取到的信息有:昵称、头像、性别△▲、国家★◆•、省份、城市、性别▪◇、语言

  

思路步骤

 

  1、wx•▲.getSetting查看是否授权

  2、攀枝花市小程序制作公司已授权使用wx.getUserInfo获取用户信息△◆•-,保存

  3、未授权显示带有button的自定义页面,bindGetUserInfo会返回用户信息,该按钮会调用微信官方授权

  

<button open-type="getUserInfo"★○•▼; bindgetuserinfo="•◁;bindGetUserInfo">◆△•;允许用户授权</button>

 

  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------项目主页面

  

<!-- 小程序授权组件 -->☆•□▷;
<▷▼□◁;authorize id="◆▷-▷;authorize"></authorize>=☆●;

 

  3、main.js------onload中进行判断是否要显示自定义的按钮

  

// 已授权隐藏弹框,[怀化seo公司联系久澳]未授权显示弹框
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: {
 //隐藏弹框
 hideDialog() {
 this□○.setData({
 isHide◁□◇: true
 })
 },
 // 授权信息保存
 bindGetUserInfo(e){
 wx.setStorageSync('◆▼;isAuthorize', 'true'▼…▪;);
 wx□●….setStorageSync('-▷;userInfo'…▷;•▷, JSON.stringify(e▪■▼.detail.userInfo));
 this.hideDialog()
 }
 }
})

 

  这样整个授权就完成了◁•!

  以上就是小程序引导用户授权的思路及项目实现方法(附代码)的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[怀化seo公司联系久澳]小程序引导用户授权的思路及项目实现方法(附代码)

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。