微信小程序之接口验证问题与处理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')
    },