美文网首页
开发小程序中遇到的问题--授权问题

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

作者: 没_有_人 | 来源:发表于2018-07-16 11:26 被阅读0次

    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{
              //如果是获取过用户保存到相册的授权,进行业务逻辑
            }
          }
        });
    

    相关文章

      网友评论

          本文标题:开发小程序中遇到的问题--授权问题

          本文链接:https://www.haomeiwen.com/subject/onbvpftx.html