#鸿蒙通关秘籍#如何在HarmonyOS Next实现基于API11的HTTP请求封装与自动化Token管理？

import http from '@ohos.net.http';
import { BusinessError } from '@ohos.base';
import promptAction from '@ohos.promptAction';
import { getToken } from './index';
import router from '@ohos.router';

const BASEURL: string = "https://xxxxxxx.com";
const LOGINPAGEURL = 'pages/common/login';

//定义接口参数数据类型
interface RequestParams {
  url: string;
  method?: http.RequestMethod;
  data?: Object;
  headerContentType?: string;
}

//实现接口请求返回数据的Result类
class ResponseResult {
  code: number;
  message: string;
  data: Object | null;

  constructor(code?: number, message?: string, data?: Object | null | undefined) {
    this.code = code ?? 0;
    this.message = message ?? '';
    this.data = data ?? null;
  }
}

export default function request(params: RequestParams): Promise<ResponseResult> {
  return new Promise(async (resolve: (res: ResponseResult) => void, reject: (res: ResponseResult | string | BusinessError | http.HttpResponse) => void) => {
    //定义请求的数据格式（默认application/json）
    let contentType: string = params.headerContentType || 'application/json';
    let requestData: Object | undefined = params.data;
    if (contentType === 'application/x-www-form-urlencoded') {
      if (typeof params.data === 'object') {
        requestData = Object.entries(requestData as object).reduce((prev: string, cur: Array<Object>) => {
          return (prev && `${prev}&`) + `${cur[0]}=${cur[1]}`;
        }, '');
      }
    }
    let token: string = await getToken(); //从本地存储获取token
    let httpRequest = http.createHttp();
    httpRequest.request(BASEURL + params.url, {
      method: params.method ?? http.RequestMethod.GET,
      header: {
        'Content-Type': contentType,
        token
      },
      extraData: requestData,
      readTimeout: 30000,
      connectTimeout: 30000
    }, (err: BusinessError, data: http.HttpResponse) => {
      if (!err) {
        if (data.responseCode === 200) {
          let res: ResponseResult = JSON.parse(`${data.result}`);
          let response = new ResponseResult(res.code, res.message, res.data);
          if (res.code === 200) {
            resolve(response);
          } else if (res.code === 401) {
            router.clear();
            router.replaceUrl({ url: LOGINPAGEURL });
          } else {
            showToast(response.message);
            reject(response);
          }
        } else {
          showToast();
          reject(data);
        }
      } else {
        showToast(err.message);
        reject(err);
      }
      httpRequest.off('headersReceive');
      httpRequest.destroy();
    });
  });
}

const showToast = (message?: string) => {
  promptAction.showToast({
    message: message || '请求出错',
    duration: 2000
  });
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.

import dataPreferences from '@ohos.data.preferences';

export const getToken: Function = async () => {
  try {
    let preferences: dataPreferences.Preferences = await globalThis.getPreferences();
    return preferences.getSync('token', '');
  } catch (e) {
  }
  return '';
}

export const setToken: Function = async (value: string) => {
  try {
    let preferences: dataPreferences.Preferences = await globalThis.getPreferences();
    preferences.putSync('token', encodeURIComponent(value));
    await preferences.flush();
  } catch (e) {
    console.log(JSON.stringify(e), 'e');
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.

import { getHomeData } from "../api/home";

@Entry
@Component
struct Home {
  aboutToAppear(): void {
     getHomeData({
      storeId: '17815455885'
    }).then(res => {
       console.log(JSON.stringify(res), '接口返回数据');
    });
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.