【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)
      }
    })
相关推荐
云盾安全防护40 分钟前
CC攻击与WAF的对抗战
网络·安全·ddos
还是鼠鼠1 小时前
HTTP 请求协议简单介绍
java·开发语言·网络·网络协议·http
糯米导航2 小时前
ava多线程实现HTTP断点续传:原理、设计与代码实现
windows·http·iphone
网硕互联的小客服3 小时前
如何在服务器上部署 Python Django 应用
linux·运维·服务器·网络·安全
致***锌3 小时前
期货与期权市场基本原理是什么?
笔记
幻奏岚音5 小时前
统计学(第8版)——假设检验学习笔记(考试用)
笔记·学习·算法
泽韦德5 小时前
【Redis】笔记|第10节|京东HotKey实现多级缓存架构
redis·笔记·缓存
2301_790225885 小时前
unity加载资源学习笔记
笔记·学习
chxii5 小时前
1.6 http模块nodejs 对比 go
http·node.js
wu~9706 小时前
计算机网络自定向下:第二章复习
服务器·网络·架构