【HarmonyOS Arkts笔记】http网络请求封装

common.ts

export default class CommonConstant {/*** The host address of the server.*/static readonly SERVER: string = '请求接口地址';/*** The request success code.*/static readonly SUCCESS_CODE: number = 200;/*** Read timeout.*/static readonly READ_TIMEOUT: number = 50000;/*** Connect timeout.*/static readonly CONNECT_TIMEOUT: number = 50000;
}

request.ts

import http from '@ohos.net.http';
import CommonConstant from './common';
import Prompt from '@system.prompt';const request = (url: string, data?: Object, header?: Object,) => {return new Promise((resolve, reject) => {// 请求头let hif (header) {h = header} else {h = {'Content-Type': 'application/json',}}// 每一个httpRequest对应一个HTTP请求任务，不可复用let httpRequest = http.createHttp();// 用于订阅HTTP响应头，此接口会比request请求先返回。可以根据业务需要订阅此消息// 从API 8开始，使用on('headersReceive', Callback)替代on('headerReceive', AsyncCallback)。 8+httpRequest.on('headersReceive', (header) => {// console.info('header: ' + JSON.stringify(header));});httpRequest.request(// 填写HTTP请求的URL地址，可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定CommonConstant.SERVER + url,{method: http.RequestMethod.POST,// 开发者根据自身业务需要添加header字段header: h,// 当使用POST请求时此字段用于传递内容extraData: data,expectDataType: http.HttpDataType.STRING, // 可选，指定返回数据的类型usingCache: true, // 可选，默认为truepriority: 1, // 可选，默认为1connectTimeout: 60000, // 可选，默认为60000msreadTimeout: 60000, // 可选，默认为60000ms}, (err, res: any) => {if (!err) {// data.result为HTTP响应内容，可根据业务需要进行解析console.info('Result:' + res.result);resolve(JSON.parse(res.result))} else {console.info('error:' + JSON.stringify(err));Prompt.showToast({message: JSON.stringify(err)})return JSON.stringify(err)// reject(JSON.stringify(err))// 取消订阅HTTP响应头事件httpRequest.off('headersReceive');// 当该请求使用完毕时，调用destroy方法主动销毁。httpRequest.destroy();}});})
}export default request

接口汇总

import request from "./request"const loginApi = {// 账号登录async login(data: object) {return await request('/account/login', data, {Token: false})}
}export default loginApi

页面调用

import loginApi from "../../api/login"loginApi.login({account: this.account,password: this.password}).then((res: any) => {if (res.code == 1) {console.info(res.data)}})