返回
顶部

修改密码

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

+1

-1

收藏

+1

-1

点赞0

评论0

小程序开发中,现在一般都需要获取微信用户信息,如头像/名字等.这样在用户第一次进入小程序时,微信端会弹出一个是否同意授权的消息提示框.但是如果用户第一时间点击了拒绝,或者用户手误点击了拒绝,如果没有了后续的操作,可能你的小程序就不能使用了,也就会失去这样一位用户.所…

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

在 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. },

扫一扫在手机打开

评论
已有0条评论
0/150
提交
热门评论
相关推荐
微信小程序开发中常见的设计败笔
  • 开发资料
  • 2022-05-20 18:35
  • 14 0 0
+1
从王者荣耀里我学会的前端新手指引
  • 开发资料
  • 2022-05-20 18:35
  • 47 0 0
+1
微信小程序登录鉴权与获取用户信息
  • 开发资料
  • 2022-05-20 18:35
  • 3 0 0
+1
小程序录音功能实现
  • 开发资料
  • 2022-05-20 18:35
  • 26 0 0
+1
今日要闻
换一批
热点排行