微信小程序用户授权

Posted 2023-04-15

参考技术A

开发微信小程序中，经常会用到获取一些用户权限的页面，比如你要登录，就要获取 个人信息 、你要做人脸识别，就要获取 相机权限 、你要做位置地图功能、就要获取用户的 位置权限 ，你要将图片保存在用户的相册，需要获取 相册权限 等等

微信的 scope 流程：

大多数功能都是没有授权不可用的，一般会检测是否开启权限，然后如果开启了就继续使用，没开启就给出提示继续请求授权..如果还是拒绝 就给出提示 然后让用户手动去设置页打开...

微信小程序获取用户信息流程

获取用户信息与其他授权不太一样，其他授权会自动弹出对话框，请求获取用户授权，但获取用户信息不回，需要引导用户点击授权按钮同意授权获取用户基本信息

1、前端页面要有授权登录按钮

<button
  wx:if="{{canIUse}}"
  open-type="getUserInfo"
  bindgetuserinfo="bindGetUserInfo"
>
  授权登录
</button>
<view wx:else>请升级微信版本</view>

2、数据canIUse

  data: {
    canIUse: wx.canIUse(‘button.open-type.getUserInfo‘)
  },

3、如果用户已经授权则直接显示用户信息，不在显示授权按钮

  onLoad: function (options) {
    // 查看是否授权
    wx.getSetting({
      success(res) {
        if (res.authSetting[‘scope.userInfo‘]) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称
          wx.getUserInfo({
            success(res) {
              console.log(res.userInfo)
            }
          })
        }
      }
    })
  },

 

4、没有显示授权按钮引导用户点击获取

  bindGetUserInfo:function(e){
    
     console.log(e.detail.userInfo)     
   
  },