微信小程序之接口驗證問題與處理onLaunch與onload異步同步問題

為了微信小程序接口的安全，我們需要通過一種方法，使得每次請求都需要驗證一個key.但是因為異步處理的問題，我們需要先獲得這個key存儲后才進入下一步

1、獲取開發服務器生成的key

//app.js
App({
  globalData: {
    isSessionkey:false //是否已經獲得key
  },

onLaunch: function () {
      var that = this;
    wx.login({
      success(res) {
        if (res.code) {
          //console.log(res.code);
          //發起網絡請求
          wx.request({
            url: '**/index/zz/getuserinfo',
            data: {
              code: res.code
            },
            success: res => {
                /*用戶open_id*/
              wx.setStorageSync('open_id', res.data.openid);
              wx.setStorageSync('session_id', res.data.session_id);
                  /*服務器加上code等生成的key*/
              wx.setStorageSync('session_key', res.data.session_key);
              that.globalData.isSessionkey=true;
              // 由於 獲取session_key 是網絡請求，可能會在Onload之后執行26                // 所以此處加入 sessionCallback 以防止這種情況
              if (that.sessionCallback) {
                        that.sessionCallback(res);
              }
             
            }
          })
        } else {
          console.log('登錄失敗！' + res.errMsg)
        }
      
      }, fail: function () {
       
      }
    });
  },

 

 

2、在頁面中使用：

 

 init_data:function()
 {
     /*頁面初始化數據*/
},
onLoad: function () {
   var that=this;
   /*存儲接口安全key */
    //判斷是用戶是否綁定了
    if (!app.globalData.isSessionkey) {
      // 由於 獲取session_key 是網絡請求，可能會在 Page.onLoad 之后才返回
      // 所以此處加入 sessionCallback 以防止這種情況
      app.sessionCallback= res => {
        
       that.init_data();
     
      }
    }else
    {
      that.init_data();
    }
  }

 

 

3、在請求里加上token,並加上sesssion_id 

  

var webUrl = "https://www.xxxx.com/";
//網絡請求方法
function getWebDataWithPostOrGet(model,wx) {
  wx.showLoading({
    title: '數據加載中',
  });
  wx.request({
    url: webUrl + model.url,
    data: model.param,
    header: {
      "Content-Type": "application/json",
      "token": wx.getStorageSync('session_key'),
      "cookie": "PHPSESSID="+wx.getStorageSync('session_id')
    },