shangfutong-ui/jeepay-ui-uapp-face/http/http.js

/**
 * HTTP的封装， 基于uni.request
 * 包括： 通用响应结果的处理 和 业务的增删改查函数
 *
 * @author terrfly
 * @site https://www.jeequan.com
 * @date 2021/12/16 18:35
 */

// 导入全局属性
import appConfig from '@/config/appConfig.js';
import storageManage from '@/commons/utils/storageManage.js';
import { sm4DecryptByResData } from '@/commons/utils/encryptUtil.js';
import infoBox from "@/commons/utils/infoBox.js"
// 多少 ms 以内， 不提示loading
const loadingShowTime = 200;

// 通用处理逻辑
function commonsProcess(showLoading, httpReqCallback) {
  // 判断是否请求完成（用作 是否loading ）
  // 包括： 'ing', 'ingLoading', 'finish'
  let reqState = 'ing';

  // 是否已经提示的错误信息
  let isShowErrorToast = false;

  // 请求完成， 需要处理的动作
  let reqFinishFunc = () => {
    if (reqState == 'ingLoading') {
      // 关闭loading弹层
      uni.hideLoading();
    }
    reqState = 'finish'; // 请求完毕
  };

  // 明确显示loading
  if (showLoading) {
    // xx ms内响应完成，不提示loading
    setTimeout(() => {
      if (reqState == 'ing') {
        reqState = 'ingLoading';
        uni.showLoading();
      }
    }, loadingShowTime);
  }

  return httpReqCallback()
    .then((httpData) => {
      reqFinishFunc(); // 请求完毕的动作

      // 从http响应数据中解构响应数据 [ 响应码、 bodyData ]
      let { statusCode, data } = httpData;
      // 避免混淆重新命名
      let bodyData = data;
      if (statusCode == 401) {
        // 清楚 token
        storageManage.token(null, true);

        // 提示信息
        isShowErrorToast = true;
        uni
          .showToast({
            title: '请登录',
            icon: 'none',
            duration: 3000,
          })
          .then(() => {
            uni.reLaunch({
              url: '/pages/login/login',
            });
          });
        return Promise.reject(bodyData); // 跳转到catch函数
      }
      // http响应码不正确
      if (statusCode != 200) {
        isShowErrorToast = true;
        uni.showToast({
          title: '服务器异常',
        });
        return Promise.reject(bodyData); // 跳转到catch函数
      }

      // 业务响应异常
      if (bodyData.code != 0) {
        isShowErrorToast = true;
        return Promise.reject(bodyData);
      }

      // 加密数据
      if (!bodyData.data && bodyData.encryptData) {
        return Promise.resolve({
          bizData: sm4DecryptByResData(bodyData.encryptData),
          code: bodyData.code,
        });
      }

      // 构造请求成功的响应数据
      return Promise.resolve({
        bizData: bodyData.data,
        code: bodyData.code,
      });
    })
    .catch((res) => {
      reqFinishFunc(); // 请求完毕的动作 
      // 如果没有提示错误， 那么此处提示 异常。
      if (!isShowErrorToast) {
        uni.showToast({
          title: `请求网络异常`,
          icon: 'none',
        });
      }else if(res.code != 0){
				setTimeout(()=>{
					infoBox.showToast(res.msg)
				},200)
			}

      return Promise.reject(res);
    })
    .finally(() => {
      // finally 是 then结束后再执行, 此处不适用。  需要在请求完成后立马调用： reqFinishFunc()
    });
}

// 默认 显示loading(控制 xxs 内 不提示loading )
function req(uri, data, method = 'GET', showLoading = true, extParams = {}) {
  // 放置token
  let headerObject = {};
  headerObject[appConfig.tokenKey] = storageManage.token();
  headerObject.facedevice = JSON.stringify({
    deviceNo: storageManage.deviceNo(), //写入设备号
    //#ifdef MP-WEIXIN
    provider: 'wxpayQWPro', //微信刷脸支付
    //#endif
    //#ifdef MP-ALIPAY
    provider: 'alipayQT', //支付宝刷脸支付
    //#endif
  });

  return commonsProcess(showLoading, () => {
    return uni.request(
      Object.assign(
        {
          url: appConfig.env.JEEPAY_BASE_URL + uri,
          data: data,
          method: method,
          header: headerObject,
        },
        extParams
      )
    );
  });
}

// 上传
function upload(uri, data, file, showLoading = true, extParams = {}) {
  // 放置token
  let headerObject = {};
  headerObject[appConfig.tokenKey] = storageManage.token();
  return commonsProcess(showLoading, () => {
    return uni
      .uploadFile(
        Object.assign(
          {
            url: appConfig.env.JEEPAY_BASE_URL + uri,
            formData: data,
            name: 'file',
            filePath: file.path,
            header: headerObject,
          },
          extParams
        )
      )
      .then((httpData) => {
        // uni.upload 返回bodyData 的是 string类型。 需要解析。
        httpData.data = JSON.parse(httpData.data);
        return Promise.resolve(httpData);
      });
  });
}

export default {
  req: req,
  upload: upload,
};