小程序授权登录功能的实现方式简单介绍

  <view>

        <view>

          <text>需要先授权获取个人信息</text>

          <button>微信账号快速授权</button>

        </view>

  </view>

getUserInfo:e=>{      this.setData({        isShow:false

      })

      wx.login({        success: function (res) {               let code = res.code // 登录凭证code

         }

      })

  }

         wx.request({                url: 获取用户信息的auth.code2Session微信api接口,                method: 'POST',                data:{                  code:code//登录凭证code

                },                header: {                  'content-type': 'application/json;charset=UTF-8'

                },                

                success: function (res) {                  var userphone= res.data.data                  //解密手机号

                  var msg = e.detail.errMsg;                  var sessionKey = userphone.session_key;//会话密钥

                  var encryptedData=e.detail.encryptedData; //签名

                  var unionid = userphone.unionid//唯一标识

                  var iv= e.detail.iv;                  //授权成功

                  if (msg == 'getPhoneNumber:ok') {

                    wx.checkSession({                      success:function(){                        //进行请求服务端解密手机号

                        this.deciyption(sessionKey,encryptedData,iv,unionid);

                      }

                    })

                  }

                }

              })

        }

      })

deciyption(sessionKey,encryptedData,iv,unionid){    var that = this;

    wx.request({      url: 解密接口,      method: 'POST',      data: {        sessionKey: sessionKey,        encryptedData:encryptedData,        iv: iv

      },      header: {        'content-type': 'application/json;charset=UTF-8'

      },      success: function(res) {

        let data = res.data        if (data.resultCode == 'success') {

            wx.setStorageSync('userTel', data.data.phoneNumber);//存储解密后的用户手机号

        }else{

            wx.showToast({                title: '获取信息失败请重新授权',                icon: 'none'

            })

            that.setData({                isShow:true

            })

        }    

      },

      fail:function(res) {

        wx.showToast({            title: '获取失败请重新授权',            icon: 'none'

        })

        that.setData({          isShow:true

        })

      }

    })

  },