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

common.ts

typescript 复制代码
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

typescript 复制代码
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 h
    if (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, // 可选,默认为true
        priority: 1, // 可选,默认为1
        connectTimeout: 60000, // 可选,默认为60000ms
        readTimeout: 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

接口汇总

typescript 复制代码
import request from "./request"

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

export default loginApi

页面调用

typescript 复制代码
import loginApi from "../../api/login"

loginApi.login({
      account: this.account,
      password: this.password
    }).then((res: any) => {
      if (res.code == 1) {
        console.info(res.data)
      }
    })
相关推荐
Chandler249 小时前
一图掌握 网络协议 核心要点
网络协议·tcp/ip·计算机网络·http
我命由我123459 小时前
Photoshop - Photoshop 工具栏(10)透视裁剪工具
经验分享·笔记·学习·ui·职场和发展·职场发展·photoshop
JJJJ_iii10 小时前
【深度学习03】神经网络基本骨架、卷积、池化、非线性激活、线性层、搭建网络
网络·人工智能·pytorch·笔记·python·深度学习·神经网络
玉石观沧海10 小时前
高压变频器故障代码解析F67 F68
运维·经验分享·笔记·分布式·深度学习
海阳宜家电脑10 小时前
SQL Server连接字符串
服务器·网络
努力学习的小廉10 小时前
深入了解linux网络—— 自定义协议(上)
linux·服务器·网络
初级炼丹师(爱说实话版)11 小时前
MySql速成笔记5(多表关系)
笔记
要做朋鱼燕12 小时前
【AES加密专题】1.AES的原理详解和加密过程
运维·网络·密码学·c·加密·aes·嵌入式工具
iconball12 小时前
个人用云计算学习笔记 --19 (MariaDB服务器)
linux·运维·笔记·学习·云计算
岑梓铭12 小时前
《考研408数据结构》第四章(串和串的算法)复习笔记
数据结构·笔记·考研·算法