微信小程序微信登录

Dear 丶 2021-09-29 13:12 706阅读 0赞

![image.png][]

开发接口  
登录  
wx.login  
wx.checkSession  
签名加密

小程序登录  
小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。

登录流程时序

小程序，开发者服务器，微信接口服务

wx.login()获取code  
wx.request()发送code

登录凭证校验接口  
appid+appsecret+code  
session\_key+openid等

自定义登录  
与openid,session\_key关联

![image.png][image.png 1]

![image.png][image.png 2]

![image.png][image.png 3]

微信登录授权：

wx.authorize  
提前向用户发起授权请求，调用后会立刻弹窗询问用户是否同意授权小程序使用某项目功能或获取用户的某些数据，但不会实际调用对应的接口，如果用户之前就已经同意授权，则不会出现弹窗。

![image.png][image.png 4]

![image.png][image.png 5]

![image.png][image.png 6]

userInfo参数说明：  
nickName  
avatarUrl  
gender  
city  
province  
country  
language

![image.png][image.png 7]

![image.png][image.png 8]

wx.login({
      success (res) {
        if (res.code) {
          //发起网络请求
          wx.request({
            url: 'https://test.com/onLogin',
            data: {
              code: res.code
            }
          })
        } else {
          console.log('登录失败！' + res.errMsg)
        }
      }
    })

wx.checkSession(Object object)  
检查登录态是否过期。

wx.checkSession({
      success () {
        //session_key 未过期，并且在本生命周期一直有效
      },
      fail () {
        // session_key 已经失效，需要重新执行登录流程
        wx.login() //重新登录
      }
    })

wx.getUserInfo(Object object)  
获取用户信息。

// 必须是在用户已经授权的情况下调用
    wx.getUserInfo({
      success: function(res) {
        var userInfo = res.userInfo
        var nickName = userInfo.nickName
        var avatarUrl = userInfo.avatarUrl
        var gender = userInfo.gender //性别 0：未知、1：男、2：女
        var province = userInfo.province
        var city = userInfo.city
        var country = userInfo.country
      }
    })

<open-data type="userAvatarUrl"></open-data>
    <open-data type="userNickName"></open-data>
    
    <button wx:if="{
       {canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>
    <view wx:else>请升级微信版本</view>
    
    Page({
      data: {
        canIUse: wx.canIUse('button.open-type.getUserInfo')
      },
      onLoad: function() {
        // 查看是否授权
        wx.getSetting({
          success (res){
            if (res.authSetting['scope.userInfo']) {
              // 已经授权，可以直接调用 getUserInfo 获取头像昵称
              wx.getUserInfo({
                success: function(res) {
                  console.log(res.userInfo)
                }
              })
            }
          }
        })
      },
      bindGetUserInfo (e) {
        console.log(e.detail.userInfo)
      }
    })

![image.png][image.png 9]

![image.png][image.png 10]

## 小程序登录 ##

const app = getApp()
    
    Page({
     data: {
     },
     onLoad: function(params) {
     
     },
     // 登录
     doLogin: function(e) {
       console.log(e.detail.errMsg)
       console.log(e.detail.userInfo)
       console.log(e.detail.rawData)
       
       wx.login({
      success (res) {
        if (res.code) {
          //发起网络请求
          wx.request({
            url: 'https://test.com/onLogin',
            data: {
              code: res.code
            }
          })
        } else {
          console.log('登录失败！' + res.errMsg)
        }
      }
    })
       
     }
    })

wx.getUserInfo(Object object)  
![image.png][image.png 11]

![image.png][image.png 12]

![image.png][image.png 13]

App({
     serverUrl: "",
     userInfo: null,
     
     setGlobalUserInfo: function(user) {
      wx.setStorageSync("userInfo", user);
     },
    
     getGlobalUserInfo: function() {
      return wx.getStorageSync("userInfo");
     },
    
    })

获取微信session\_key和secret

![image.png][image.png 14]

![image.png][image.png 15]

![image.png][image.png 16]

![image.png][image.png 17]

--------------------

## 请点赞！因为你的鼓励是我写作的最大动力！ ##

![官方微信公众号][aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWYwYzExMDQxYTc2NTYzZTc]

吹逼交流群：**711613774**

![吹逼交流群][aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWQ5ZDY0ZmEyOTAzNzFlYTUucG5n]

[image.png]: /images/20210724/39d7760d2edb4b5c891a8a3e6df4af4e.png
[image.png 1]: /images/20210724/74d99851c9394b0799a8a97eade641ea.png
[image.png 2]: /images/20210724/33a1f135688642f7b6ea98ab1c80f5e6.png
[image.png 3]: /images/20210724/63cdaec21eaa47cca7c58ab2be674b4a.png
[image.png 4]: /images/20210724/eda69c481c0c43eb9c3ad4bafdaf87fb.png
[image.png 5]: /images/20210724/e5490c22f16447419d25b9b7de304e80.png
[image.png 6]: /images/20210724/dc2b7f12594241349f73ab25cfd99d2a.png
[image.png 7]: /images/20210724/3707de57c13b42d78bfe15b45b0063ed.png
[image.png 8]: /images/20210724/449f9fc3231142119f92c9a21b79d76f.png
[image.png 9]: /images/20210724/5f3094222a144ca7b669c654ba11da5a.png
[image.png 10]: /images/20210724/e47ad24ad43346d0b4e15a1639a74844.png
[image.png 11]: /images/20210724/5deea147d2b249c5af26d20dde0c7695.png
[image.png 12]: /images/20210724/7870e63d488f4189bf6590f31b389e8c.png
[image.png 13]: /images/20210724/9f621cf24ea24644b09607170eb8c027.png
[image.png 14]: /images/20210724/e85900d0452541a08bd76e1d537f9f1e.png
[image.png 15]: /images/20210724/c45c12c0feaf46e1b937c689693978d6.png
[image.png 16]: /images/20210724/0b1c58fb25444fddb726c2508a203521.png
[image.png 17]: /images/20210724/a9d4f322dead47429a9659045299deb3.png
[aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWYwYzExMDQxYTc2NTYzZTc]: /images/20210724/4e1fc090d64c409597b723555d0787fa.png
[aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzExMTU4NjE4LWQ5ZDY0ZmEyOTAzNzFlYTUucG5n]: /images/20210724/98f32ef90bba4c06945b5ee4a17f5111.png