鸿蒙Harmony应用开发，数据驾驶舱网络请求（Axios） 封装

鸿蒙Harmony应用开发，数据驾驶舱网络请求（Axios） 封装

在进行网络请求的封装之前，先来分析一下我们项目所用到的接口的基本情况: 1. 在请求的接口中添加了签名。

2.在非登录接口中添加了token。 基于以上基本的情况。我们开始来对Axios做封装。

首先我们需要在根目录的oh-package.json5文件的dependencies中添加 axios的依赖

"@ohos/axios": "^2.1.1",

前面我们已经介绍了我们的接口请求中的2个必要因素是签名和token，现在我们开始对这2块的实现开始介绍

• 签名的生成

  我们的签名是将当前所有的请求参数加上当前的时间戳来生成的签名，所以们把请求中的参数做遍历放到一个数组中

  在添加一个当前时间戳，以及生成的签名作为新的请求参数

private generateSignature(params: RequestParams): RequestParams {
  const time = Date.now().toString().substr(0, 10);
  let str = pref + "&";
​
  const allParams: RequestParams = {};
  Object.keys(params).forEach((key) => {
    allParams[key] = params[key];
  });
  allParams['timestamp'] = time;
​
  const sortedKeys = Object.keys(allParams).sort();
​
  sortedKeys.forEach((key) => {
    const value = allParams[key];
    if (typeof value !== 'object' && value !== null) {
      if (key === "timestamp") {
        str += `${key}=${time}&`;
      } else if (key !== "sign") {
        str += `${key}=${decodeURIComponent(String(value))}&`;
      }
    }
  });
  str += suff;
  allParams['sign'] = CryptoJS.MD5(str).toString()
  return allParams
}