如何有效实现微信小程序登录功能

一、获取微信小程序登录相关信息

在进行微信小程序登录功能实现之前，我们首先要了解微信小程序提供的相关API和参数。

微信小程序提供了wx.login()API用于获取登录凭证(code)，该函数调用时会向微信服务器请求一个code，开发者需要将所获取的code发送到自己的服务器上进行处理。

微信服务器返回的code有效期为5分钟，一个code只能用于一次登录验证，开发者需要对code进行处理，同时需要处理异常情况。

代码示例：

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

二、将Code发送到自己的服务器进行处理

我们可以在我们自己的服务器端，使用微信提供的API，通过code值获取session_key和openid。这里需要注意的是session_key和openid是一一对应的，而且相对应的session_key是有时效性的，在获取完session_key之后需要将其保存到本地，以便后续接口进行使用。

代码示例：

  app.getUserInfo = function (cb) {
    var that = this;
    if (this.globalData.userInfo) {
      typeof cb == "function" && cb(this.globalData.userInfo)
    } else {
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  }

三、将Openid返回给小程序前端进行保存

在处理完session_key和openid之后，需要将openid返回给小程序前端进行保存，以便后面其他接口使用。为了安全起见，需要将openid加密后返回，以增加系统的安全性，保证用户信息的安全性。

整个登录过程中需要做好异常处理，例如网络请求失败、session_key过期等情况。

代码示例：

  wx.request({
      url: 'https://test.com/onLogin',
      data: {
        code: res.code
      },
      success: function (res) {
        console.log(res.data)
        if (res.statusCode === 200) {
          //成功
        } else {
          //失败
        }
      },
      fail: function () {
        console.log('网络请求失败');
      }
    })