在 ArkTS 网络请求中,重新封装一下 http 模块

在ArkTS中,重新封装http模块可以提供一个更简洁、更易于使用的API,同时隐藏底层细节,使开发者能够更专注于业务逻辑。以下是一个简单的示例,展示了如何重新封装鸿蒙系统的@kit.NetworkKit中的http模块:

// 创建一个新的文件,例如 httpService.ets

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

import { http } from "@kit.NetworkKit";
import CommonConstant from "../constants/Contants";
import {AllType} from "./Type"

export class HttpService {
  private static instance: HttpService;

  // 私有构造函数,防止外部实例化
  private constructor() {
  }

  // 获取单例
  public static getInstance(): HttpService {
    if (!HttpService.instance) {
      HttpService.instance = new HttpService();
    }
    return HttpService.instance;
  }

  // 发起GET请求
  public async get(url: string, headers?: object) {
    const httpRequest = http.createHttp();
    try {
      const response = await httpRequest.request(url, {
        method: http.RequestMethod.GET,
        header: headers,
        readTimeout: CommonConstant.READ_TIMEOUT,
        connectTimeout: CommonConstant.CONNECT_TIMEOUT
      });
      if (response.responseCode === 200) {
        return response.result;
      } else {
        throw new Error(`请求失败: ${response.responseCode}`);
      }
    } catch (error) {
      throw new Error(`请求发生错误: ${error.message}`);
    }
  }

  // 发起POST请求
  public async post(url: string, params:AllType, headers?: object) {
    const httpRequest = http.createHttp();
    try {
      const response = await httpRequest.request(url,{
        method: http.RequestMethod.POST,
        header: {
          'Content-Type': 'application/json'
        },
        extraData: params,
        readTimeout: CommonConstant.READ_TIMEOUT,
        connectTimeout: CommonConstant.CONNECT_TIMEOUT
      });
      if (response.responseCode === 200) {
        return JSON.stringify(response.result);
      } else {
        throw new Error(`请求失败: ${response.responseCode}`);
      }
    } catch (error) {
      throw new Error(`请求发生错误: ${error.message}`);
    }
  }
}
;

使用示例:

// 使用示例
// 在你的组件或服务中
import {HttpService } from "../common/utils/HttpUtils";
const httpService = HttpService.getInstance();

httpService.get('https://api.example.com/data')
  .then(response => {
    console.log('请求成功:', response);
  })
  .catch(error => {
    console.error('请求失败:', error);
  });

httpService.post('https://api.example.com/submit', { key: 'value' })
  .then(response => {
    console.log('提交成功:', response);
  })
  .catch(error => {
    console.error('提交失败:', error);
  });

在这个封装中,我们创建了一个HttpService类,它使用单例模式来确保全局只有一个实例。这个类提供了getpost方法,分别用于发起GET和POST请求。你可以根据需要添加其他HTTP方法,如PUT、DELETE等。

注意,这个封装假设服务器返回的是JSON格式的数据,并在成功响应时将其解析为JavaScript对象。如果服务器返回的是其他格式的数据,你需要相应地修改解析逻辑。

此外,这个封装没有处理请求超时、重试机制等高级功能。如果你需要这些功能,可以在封装中添加相应的逻辑。

最后,请确保在项目的config.jsonmodule.json5文件中正确配置了网络权限,以便应用能够访问网络。

根据引用内容,在使用ArkTS开发HarmonyOS应用时,需要调用HTTP网络请求来获取数据并进行UI列表的刷新。根据官方文档提供的示例代码进行功能开发时,可能会遇到一些问题。其一个常见的问题是,在封装HTTP请求的方法后,返回的数据总是为空,无法获取到调用接口的结果。 在解决这个问题之前,首先需要确保在配置文件module.json5添加了ohos.permission.INTERNET权限,如引用所示。这是因为HTTP网络请求需要申请此权限才能正常工作。 另外,根据引用所示的异常描述,可能会遇到"org.springframework.http.converter.HttpMessageNotReadableException: Required request body is missing"异常。这个异常表示请求体缺失,可能是在封装HTTP请求方法时没有正确设置请求体。需要检查代码是否正确设置了请求体参数。 如果以上步骤都正确无误,但仍然无法获取到数据,可以进一步检查网络连接是否正常,以及接口是否正确返回数据。可以使用调试工具来查看请求和响应的具体信息,以便更好地定位问题。 总结起来,封装ArkTSHTTP请求时,需要确保配置文件添加了ohos.permission.INTERNET权限,并检查代码是否正确设置了请求体参数。如果仍然无法获取到数据,可以进一步检查网络连接和接口返回数据的情况。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [【HarmonyOS】【ArkTS】如何使用HTTP网络请求获取动态数据刷新UI界面](https://blog.csdn.net/Mayism123/article/details/131082935)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [Http请求异常Required request body is missing](https://blog.csdn.net/m0_37583655/article/details/130387221)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

读心悦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值