本文主要介紹微信小程式的登入前端的流程。實現的邏輯是通過獲取微信小程式的wx.login的server獲取token介面, 傳入code, rawData, signature, encryptData實現的。

登入

1.外部封裝data.js

    function getUserInfo(code, loginStatus) {
      //封裝函式
    wx.getUserInfo({
    success: function (info) {
      var rawData = info['rawData'];
      var signature = info['signature'
 
];
      // var encryptData = info['encryptData'];
      var encryptedData = info['encryptedData']; //注意是encryptedData不是encryptData...坑啊
      var iv = info['iv'];
      console.log(info)
      //小程式呼叫server獲取token介面, 傳入code, rawData, signature, encryptData.
      wx.request({
        url: my_url, //my_url此處填寫你封裝的url
        data: {
          "code"
 
: code,
          "rawData": rawData,
          "signature": signature,
          'iv': iv,
          'encryptedData': encryptedData,
        },
        dataType: 'JSON ',
        success: function (res) {
          var str = res.data;
          var session3rd = JSON.parse(str).session3rd
          wx.setStorageSync("userid"
 
, session3rd)
          if (res.statusCode != 200) {
            wx.showModal({
              title: '登入失敗'
            });
          }
        }
      });
    },
    fail: function (res) {
      loginStatus = false;
      wx.openSetting({
        success: function (data) {
          if (data) {
            if (data.authSetting["scope.userInfo"] == true) {
              loginStatus = true;
              wx.getUserInfo({
                withCredentials: false,
                success: function (data) {
                  console.info("3成功獲取使用者返回資料");
                  //設定快取
                  //再次獲取使用者userid
                  getUserInfo(code, loginStatus);
                },
                fail: function () {
                  console.info("3授權失敗返回資料");
                }
              })
            }
              }
            },
          fail: function () {
          console.info("3設定失敗返回資料");
                }
              })
            }
        })
    }

    module.exports = {
      getUserInfo: getUserInfo,
    }

2.示例app.js呼叫外部js實現小程式使用者登陸註冊

    var util=require('pages/data/data.js');//此處絕對路徑相對路徑都能實現
    App({
        onLaunch: function () {
        var loginStatus = true;
        var userid=wx.getStorageSync("userid")
        if (userid == "" || userid==undefined){
          if (!loginStatus) {
            wx.openSetting({
              success: function (data) {
                if (data) {
                  if (data.authSetting["scope.userInfo"] == true) {
                    loginStatus = true;
                    util.getUserInfo(code, loginStatus)
                  }
                }
              },
              fail: function () {
                console.info("設定失敗返回資料");
              }
            })
          }
          else {
            wx.login({
              success: function (res) {
                // console.log(res)
                var code = res["code"];
                //2.小程式呼叫wx.getUserInfo得到rawData, signatrue, encryptData.
                util.getUserInfo(code, loginStatus)
             }
           })
         }
        }
        }
        })

Tips：由於這是初步程式碼邏輯嚴謹不足，需要各自完善。後端介面的邏輯需要自行解決哦！