微信小程序用户拒绝授权的官方推荐处理方法

小程序开发中,现在一般都需要获取微信用户信息,如头像/名字等.这样在用户第一次进入小程序时,微信端会弹出一个是否同意授权的消息提示框.但是如果用户第一时间点击了拒绝,或者用户手误点击了拒绝,如果没有了后续的操作,可能你的小程序就不能使用了,也就会失去这样一位用户.所以,微信官方推荐了一个方法,就是在用户第一次拒绝授权的时候,再给用户一个选择的机会.这样能很好的解决上诉问题.下面以用户需要授权两个权限为例,方法如下:

在 APP.JS 先设置两个全局变量 .用作记录用户是否授权

//判断地理位置是否请求成功
var locationBool;
//判断用户信息是否请求成功
var userInfoBool;

的 APP({})中

1.获取用户当前位置信息(获取成功后将数据存入缓存,方便后面使用)

2.获取用户资料信息:

这里需要注意的是:  现在一般开发小程序都需要做服务器登录.由于后端的解密方式的选择问题,后端可以只用用户code 解密,也有可能需要用到 encryptedData/iv 这两个参数拿去后台解密,换取用户token 来做更多的操作. 如需获取encryptedData/iv 这两个参数, 必须在微信wx.login({})之后再去获取 否则这两个参数可能会出现问题

 
  1.     //获取用户信息(获取之前必须login)

  2.     wxGetUserInfo: function() {

  3.         console.log('微信获取用户信息')

  4.         wx.getUserInfo({

  5.             //请求成功

  6.             withCredentials: true,

  7.             success: function(data) {

  8.                 userInfoBool = true;

  9.                 wx.setStorage({

  10.                     key: 'UserInfoWx',

  11.                     data: data

  12.                 })

  13.             },

  14.             fail: function() {

  15.                 userInfoBool = false;

  16.             }

  17.         })

  18.     },

 
  1. logInWx: function() {

  2. var _this = this;

  3. wx.login({

  4. success: res => {

  5. console.log('微信登录')

  6. console.log(res)

  7. //如果登录成功

  8. var usercode = res.code; //用户code

  9. if (res.code) {

  10. wx.setStorage({

  11. key: 'usercode',

  12. data: usercode

  13. })

  14. //请求用户信息设置缓存(获得nickname/avatarurl/gender/iv/encryptedData)

  15. _this.wxGetUserInfo();

  16. }

  17. }

  18. })

  19. }

在小程序中,微信提供了这样一个方法wx.openSetting({}) 他可以弹出小程序设置授权的页面.下面即是 用户拒绝授权之后的处理方法.

 
  1. getPromission: function() {

  2. var _this = this;

  3. // 位置信息,用户信息中其中一个数据没有获取到(--->弹出设置界面)

  4. if (locationBool == false || userInfoBool == false) {

  5. // 显示提示弹窗(重新授权)

  6. wx.showModal({

  7. title: '用户未授权',

  8. content: '请开启相应的权限哦~',

  9. showCancel: false,

  10. success: res => {

  11. if (res.confirm) {

  12. //点击取消,重新获取授权

  13. wx.openSetting({

  14. success: data => {

  15. console.log(data)

  16. if (data) {

  17. if (data.authSetting["scope.userInfo"] == true && data.authSetting["scope.userLocation"] == false) {

  18. //再次获取用户信息

  19. console.log('只获取用户信息')

  20. _this.wxGetUserInfo()

  21. } else if (data.authSetting["scope.userInfo"] == false && data.authSetting["scope.userLocation"] == true) {

  22. //再次获取位置信息

  23. _this.wxGetlocation()

  24. console.log('只获取位置信息')

  25. } else if (data.authSetting["scope.userInfo"] == true && data.authSetting["scope.userLocation"] == true) {

  26. //再次获取用户和位置信息

  27. _this.wxGetUserInfo()

  28. _this.wxGetlocation()

  29. console.log('获取全部信息')

  30. }

  31. }

  32. },

  33. fail: function() {

  34. console.info("设置页面失败");

  35. }

  36. });

  37. }

  38. }

  39. });

  40. }

  41. },

然后在app.js onlaunch中

 
  1. onLaunch: function(e) {

  2. var _this = this

  3. _this.wxGetlocation();

  4. //微信登录

  5. //如果没有获取数据成功.

  6. var timer = setInterval(function() {

  7. if (locationBool != undefined && userInfoBool != undefined) {

  8. clearInterval(timer)

  9. _this.getPromission();

  10. }

  11. }, 200)

  12. },

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值