鸿蒙开发(一)：使用ArkTS实现HTTP请求功能：GET与POST请求的封装

🌟 使用ArkTS实现HTTP请求功能：GET与POST请求的封装

在开发鸿蒙应用时，网络请求是一个常见的需求。无论是获取数据还是提交数据，都需要与后端服务器进行交互。在ArkTS中，我们可以使用@ohos.net.http模块来实现HTTP请求。以下是一个封装好的HTTP请求工具类，支持GET和POST请求。

代码解析

1. 导入模块
import http from '@ohos.net.http';
- - 导入了鸿蒙提供的http模块，用于创建和管理HTTP请求。
2. GET请求封装

点击查看代码

export function httpRequestGet(url: string, params?: string) {
  return httpRequest(url, http.RequestMethod.GET, params);
}

• 定义了一个httpRequestGet函数，用于发送GET请求。

• 参数：

  • url：请求的URL。
  • params：可选参数，用于传递查询字符串。

• 返回值：返回一个Promise，表示请求的结果。

3. POST请求封装

点击查看代码

export function httpRequestPost(url: string, params?: string) {
  return httpRequest(url, http.RequestMethod.POST, params);
}

• 定义了一个httpRequestPost函数，用于发送POST请求。

• 参数：

  • url：请求的URL。
  • params：可选参数，用于传递请求体数据。

• 返回值：返回一个Promise，表示请求的结果。

4. HTTP请求通用实现

点击查看代码

function httpRequest(url: string, method: http.RequestMethod, params?: string): Promise<string> {
  let httpRequest = http.createHttp();
  let responseResult = httpRequest.request(
    url, {
      method: method,
      readTimeout: 10000, // 读取超时时间，可选
      header: {
        'Content-Type': 'application/json' // 数据提交方式
      },
      connectTimeout: 10000, // 连接超时时间
      extraData: params
    }
  );
  let getjson: string = '';
  return responseResult.then((value: http.HttpResponse) => {
    console.log('请求状态 -- > ' + value.responseCode);
    if (value.responseCode === 200) {
      console.log("请求成功");
      let result = `${value.result}`;
      getjson = result;
    } else {
      getjson = '';
    }
    return getjson;
  }).catch(() => {
    httpRequest.destroy();
    return '';
  });
}

• 定义了一个通用的httpRequest函数，用于处理HTTP请求。

• 参数：

  • url：请求的URL。
  • method：请求方法，可以是http.RequestMethod.GET或http.RequestMethod.POST。
  • params：可选参数，用于传递查询字符串或请求体数据。

• 返回值：返回一个Promise，表示请求的结果。

• 实现：

  • 使用http.createHttp()创建一个HTTP请求对象。
  • 使用httpRequest.request()发送请求，配置请求方法、超时时间、请求头和请求体。
  • 在then回调中，检查响应状态码，如果状态码为200，表示请求成功，返回响应结果；否则返回空字符串。
  • 在catch回调中，捕获异常并销毁HTTP请求对象，返回空字符串。

使用示例

GET请求示例

点击查看代码

let url = 'https://api.example.com/data';
httpRequestGet(url).then((data) => {
  console.log('GET请求结果: ', data);
});

POST请求示例

点击查看代码

let url = 'https://api.example.com/submit';
let params = JSON.stringify({ key: 'value' });
httpRequestPost(url, params).then((data) => {
  console.log('POST请求结果: ', data);
});