ArkUI 中的网络请求封装

最新推荐文章于 2025-11-27 01:50:26 发布

原创

最新推荐文章于 2025-11-27 01:50:26 发布 · 568 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #华为 #Harmony next #兼容API12

1. 引言

在鸿蒙 ArkUI 开发中，网络请求是应用程序与后端服务器交互的重要方式，例如获取数据、提交表单等。为了提高代码的复用性和可维护性，我们通常会对网络请求进行封装，统一处理请求参数、错误处理等。本文将详细讲解如何封装网络请求并提供实际应用示例。

2. 使用 `@ohos.net.http` 发送 HTTP 请求

鸿蒙系统提供了 @ohos.net.http 模块用于发起网络请求，我们可以使用该模块进行 GET 和 POST 请求。

2.1 安装网络请求模块

如果默认项目中没有包含 @ohos.net.http，可以使用 ohpm 进行安装：

ohpm install @ohos.net.http --save

然后在代码中导入：

import http from '@ohos.net.http';

3. 封装通用的网络请求方法

我们可以创建一个 HttpService 统一封装 GET 和 POST 请求，处理请求参数、超时设置、错误处理等。

import http from '@ohos.net.http';

export class HttpService {
   
   
  static BASE_URL: string = 'https://api.example.com';

  static async request(url: string, options: {
   
    method: string; data?: any; headers?: any }) {
   
   
    return new Promise((resolve, reject) => {
   
   
      const httpRequest = http.createHttp();
      httpRequest.request(
        `${
     
     this.BASE_URL}${
     
     url}`,
        {
   
   
          method: options.method,
          header: options.headers || {
   
    'Content-Type': 'application/json' },
          extraData: op