小程序promise封装请求

本文主要介绍了如何使用Promise对小程序的网络请求API进行封装,提升异步操作的管理和可读性,包括设置默认参数、错误处理等关键点。
摘要由CSDN通过智能技术生成
const API_URL = "请求域名";

function Get(url, params) {
    var token = wx.getStorageSync('token') ? wx.getStorageSync('token') : [];
    let promise = new Promise(function(resolve, reject) {

        wx.request({

            url: API_URL + url,

            data: params,

            method: 'GET',

            header: {
                'Content-Type': 'application/json',
                'token': token
            },

            success: res => {

                resolve(res.data);

            },

            fail: res => {

                reject(res.data)

            }

        })

    });

    return promise

}

function Post(url, params) {
    var token = wx.getStorageSync('token') ? wx.getStorageSync('token') : [];
    let promise = new Promise(function(resolve, reject) {

        wx.request({

            url: API_URL + url,

            data: params,

            method: 'POST',

            header: {
                'content-Type': 'application/json',
                'token': token
            },

            success: res => {

                resolve(res.data);

            },

            fail: res => {

                reject(res.data)

            }

        })

    });

    return promise

}

function JsonPost(url, params) {
    var token = wx.getStorageSync('token') ? wx.getStorageSync('token') : [];
    let promise = new Promise(function(resolve, reject, token) {

        wx.request({

            url: API_URL + url,

            data: JSON.stringify(params),

            method: 'POST',

            header: {
                'Content-Type': 'application/json',
                'token': token
            },

            success: res => {

                resolve(res.data);

            },

            fail: res => {

                reject(res.data);

            }

        })

    });

    return promise

}

module.exports = {

    Get,

    Post,

    JsonPost

}
var apiHost = "http://localhost:5003/";
var tokenKey = "token";
// 登录地址, 根据这个地址来设置token
var logInUrl = "/Account/LogInForMiniProgram";
// 例外不用token的地址
var exceptionAddrArr = [
  'http://localhost:8080',
];
 
/** 
 * @param url:String  require(必需) 请求地址相对路径
 * @param data:Object   可选  请求数据
 * @param success:Function  可选   成功回调函数
 * @param fail:Function     可选    失败回调函数
 */
function getRequest(url, data, success, fail) {
  CreateHeader(url, function (header) {
    wx.request({
      url: apiHost + url,
      method: 'GET',
      data: data,
      header: header,
      success: function (res) {
        if (success && typeof success === "function") {
          success(res);
        }
      },
      fail: function (error) {
        if (fail && typeof fail === "function") {
          fail(error);
        } else {
          console.log(error);
        }
      }
    })
  });
}
/** 
 * @param url:String  require(必需) 请求地址相对路径
 * @param data:Object   可选  请求数据
 * @param success:Function  可选   成功回调函数
 * @param fail:Function     可选    失败回调函数
 */
function postRequest(url, data, success, fail) {
  CreateHeader(url, function (header) {
    wx.request({
      url: apiHost + url,
      method: 'POST',
      data: data,
      header: header,
      success: function (res) {
        if (url === logInUrl) {
          wx.setStorage({
            key: tokenKey,
            data: res.data.result
          })
        }
        if (success && typeof success === "function") {
          success(res);
        }
      },
      fail: function (error) {
        if (fail && typeof fail === "function") {
          fail(error);
        } else {
          console.log(error);
        }
      }
    })
  });
}
 
/** 
 * @param url:String    请求地址(根据请求地址判断是否添加token)
 * @param complete:Function 回调函数
 */
function CreateHeader(url, complete) {
  var header = {
    'content-type': 'application/json'
  }
  if (exceptionAddrArr.indexOf(url) == -1) {  //排除请求的地址不需要token的地址
    wx.getStorage({
      key: tokenKey,
      success: function (res) {
        header.Authorization = 'Bearer ' + res.data;
      },
      fail: function (error) {
        console.log(error);
      },
      complete: function () {
        complete && typeof complete === 'Function' ? complete(header) : null;
      }
    });
  } else {
    complete && typeof complete === 'Function' ? complete(header) : null;
  }
}
 
module.exports.getRequest = getRequest;
module.exports.postRequest = postRequest;
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值