Applet request interface encapsulation

1. Create a new one req.js Storage packaging

2. Page call req.js encapsulation

I judged code==2 It's time to jump to the login interface .

code==1 Pop up error messages

code==0 The interface runs normally . Remember   resolve(res);  important ！

     req.js  file

const GET = 'GET';
const POST = 'POST';
const PUT = 'PUT';
const FORM = 'FORM';
const DELETE = 'DELETE';

const baseURL = 'https://test. Your interface URL .com/index/';
const app = getApp();

function request(url, data,cb) {
    return new Promise(function(resolve, reject) {
        // Common parameters 
        const uid = wx.getStorageSync('uid');
        const api_data =  {uid: uid}   
        wx.showLoading({
            title: ' Loading ',
        });
        let header = {
            'content-type': 'application/json',
        };
        // Merge parameter objects 
        var tmp = Object.assign(data , api_data)
        wx.request({
            url: baseURL + url,
            method: 'POST',
            data: JSON.stringify(tmp),
            header: header,
            success(res) {
                wx.hideLoading()
                // The request is successful 
                if (res.data.code == 2) {// Authorize to log in 
                    wx.showToast({
                        title: res.data.msg,
                        icon:'none',
                      })
                    wx.navigateTo({
                        url: '../../pages/login/index',
                    })
                } else if(res.data.code == 1){
                    wx.showToast({
                        title: res.data.msg,
                        icon:'none',
                      })
                }else if(res.data.code == 0){
                    resolve(res);
                   
                }else{
                    wx.showToast({
                      title: ' request was aborted ',
                      icon:'none',
                    })
                }
            },
            fail(err) {
                setTimeout(function () {
                    wx.hideLoading()
                  }, 1000)
                  wx.showToast({
                    title:' Network error , Please refresh and retry ',
                    icon:'none',
                  })
            }
        })
    })
}
export { request };

3. Using encapsulation

Head introduction ：

var app = getApp();
var request = require('../../utils/req.js');

Use     This one in the middle request.req....... Copy , Write your interface suffix address , Parameters . Get it done 、

hotIndex(){
  var that =this;



  request.request('Index/hotIndex',{
  page:1,
  limit:4,
  }).then(res=>{
    if(res.data.code==0){
      that.setData({
        hotIndexList:res.data.data
      })
    }
  })




},

4. A wechat login file for the first step is attached

In the package code==2 Will automatically jump to this file . To authorize login . After authorization , Go back to the previous level .

login/index.wxml   

 <button class="shouquan" open-type="getUserInfo"bindgetuserinfo="onGotUserInfo"> Authorized login </button>

var app = getApp();
Page({
  data: {
    getpage: '',
  },

  onLoad: function (options) {
    var that =this;
    
  },
  // Click to authorize without authorization 
  onGotUserInfo: function (e) {
    var that = this;
    wx.login({
      success: res => {
        var code = res.code;
        // Get user information （ To the backstage ）
        wx.getUserInfo({
          success: function (res) {
            wx.request({
              url: app.globalData.api_url+'wxchat/authorization',
              method: 'GET',
              header: {
                'content-type': 'application/json' //  The default value is 
              },
              data: {
                code: code,
                encryptedData: res.encryptedData,
                iv: res.iv
              },
              success: function (result) {
                if(result.data.code==0){
                  wx.setStorageSync('uid', result.data.data.id);
                  wx.setStorageSync('userInfo', result.data.data);
                  wx.navigateBack({
                    delta: 1,
                  })
                 
                }else{
                  wx.showToast({
                    title: result.data.msg,
                    icon: 'none',
                  })
                }
              
              }
            })
          }
        });
      }
   })

  },
})