开发小程序中遇到的问题--授权问题

1、获取用户信息的授权

如果小程序中需要在所有业务逻辑之前，需要获取用户的信息。那么我们第一件事就是获取授权，拿到userinfo。

image.png

上图是微信开发者文档的说法，我们获取用户信息的授权时，必须是在button按钮的基础上，也就是说，用户信息授权无法自动弹出授权框，需要在用户点击的基础上，才能弹出授权框。

我的解决方案是，在首页的onshow的生命周期函数里判断用户是否授权，如果没有授权，就跳到授权的页面，如果是已经授权过的就执行首页的业务逻辑，进行页面渲染。那么是怎么判断用户是否进行过授权呢。我用的方法是，用本地缓存，当用户第一次进入的时候，在首页判断本地缓存里是否有用户信息，如果有就进行首页的逻辑，如果没有就跳到授权的页面。在授权的页面进行用户点击授权。至于如何授权获取用户信息的，微信提供了一个button按钮,里有一个open-type=‘getUserInfo’的属性，可以授权获取用户信息。它提供了一个属性函数。

<button open-type="getUserInfo" bindgetuserinfo="getUserInfo" class='shouquan_button'>

image.png

这个属性函数，当用户点击的时候我们可以拿到回调里的信息。然后在用户同意授权的时候，把用户的信息存到本地。同时返回到首页。

getUserInfo: function (e) {
    var obj = {};
    if(e.detail.userInfo){
      console.log(e.detail.userInfo);
      //如果用户同意授权，把授权返回的用户信息存到本地
      wx.setStorageSync('userInfo', e.detail.userInfo);
      obj.avatarUrl = e.detail.userInfo.avatarUrl;
      obj.nickName = e.detail.userInfo.nickName;
      obj.gender = e.detail.userInfo.gender;
      //登录
      wx.login({
        success: res => {
          // 发送 res.code 到后台换取 openId, sessionKey, unionId
          if(res.code){
            wx.setStorageSync('code', res.code);
            obj.code = res.code;
            api.Api('userlogin',obj,function(res){
              console.log(JSON.stringify(res.data.s));
              if(res.data.s){
                wx.setStorageSync('loginInfo', res.data.d);
                
                wx.redirectTo({
                  url: '/pages/index/index',
                })
              }else{
                wx.showToast({
                  title: res.data.m,
                  icon: 'none',
                })
              }
            })
          }else{
            wx.showToast({
              title: '登录失败！' + res.data.errMsg,
              icon: 'none',
            }) 
          }
        }
      })
    }
  }

这样就解决了用户授权用户信息的问题。但是还有一个问题被遗忘了，就是在首页的onshow里，判断的逻辑，那么就意味着我在判断是否授权的同时，页面已经被渲染了，业务逻辑一直在跑的过程。这个是个问题。
于是，我在首页的最大的view标签里，加了一个wx.if="{{shouquan}}" 同时在pages:data里设置为false，在onshow里判断如果存在用户信息，就为true，否则为false。这个页面就不会提前渲染了，除非用户同意了授权。

2、普通的授权

除了获取用户信息的授权以外，其他的授权，比如像：获取地理位置，录音，保存到相册等等。都可以使用wx.getSetting()获取授权。

wx.getSetting({
      success(res) {
        if (!res.authSetting['scope.writePhotosAlbum']) {
          //如果是没有获取过用户保存到相册的授权
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success() { 
             //用户同意授权，进行的业务逻辑
            },
            fail(errMsg){ wx.showToast({ title: errMsg,  })//用户拒绝授权 }
          })
        }else{
          //如果是获取过用户保存到相册的授权，进行业务逻辑
        }
      }
    });

最后编辑于：2018.07.16 15:52:15