HarmonyOS ArkTS HTTP 请求简单封装(二十二)

在鸿蒙ArkTs 中进行 HTTP 请求封装可以通过使用 http 模块来实现。以下是一个简单的示例,演示如何在鸿蒙ArkTs 中封装 HTTP 请求:

  • 1、首先,创建一个 HttpUtil.ts 文件,并引入相关模块:
bash 复制代码
import { HttpMethod, Request, Response, sendRequest } from '@ohos-tool/http';
  • 2、编写一个简单的 HTTP 请求封装函数,例如:
bash 复制代码
export async function httpRequest(url: string, method: HttpMethod, data?: any): Promise<any> {
    const request: Request = {
        url: url,
        method: method,
        data: data ? JSON.stringify(data) : undefined,
        header: {
            'Content-Type': 'application/json'
        }
    };

    try {
        const response: Response = await sendRequest(request);
        if (response.statusCode === 200) {
            return JSON.parse(response.data);
        } else {
            console.error(`HTTP request failed with status code: ${response.statusCode}`);
            return null;
        }
    } catch (error) {
        console.error(`An error occurred during the HTTP request: ${error}`);
        return null;
    }
}

在这个示例中,我们定义了一个 httpRequest 函数,接收 URL、HTTP 方法和可选的数据作为参数。函数会将请求发送到指定的 URL,并返回响应数据(如果请求成功的话)。

  • 3、在其他文件中使用这个封装好的 HTTP 请求函数,例如:
bash 复制代码
import { HttpMethod } from '@ohos-tool/http';
import { httpRequest } from './HttpUtil';

async function fetchData() {
    const url = 'https://jsonplaceholder.typicode.com/posts/1';
    const method = HttpMethod.GET;

    const response = await httpRequest(url, method);
    if (response) {
        console.log(response);
    } else {
        console.log('Failed to fetch data');
    }
}

fetchData();

在这个示例中,我们导入了 httpRequest 函数并使用它来发送一个 GET 请求,然后打印响应数据或错误消息。

请确保在项目中添加对应的依赖库,以及在 config.json 中配置 TypeScript 编译选项,确保项目能够正确编译并运行。这只是一个简单的示例,你可以根据实际需求对 HTTP 请求封装进行更复杂的处理。

相关推荐
ChinaDragon3 小时前
HarmonyOS:ArkWeb在新窗口中打开页面
harmonyos
ChinaDragon4 小时前
HarmonyOS:通过组件导航设置标题栏动态显隐及隐藏类型
harmonyos
牛奶6 小时前
从一行字到改变世界:HTTP这三十年都经历了什么?
前端·http·http3
牛奶7 小时前
浏览器到底在偷偷帮你做什么?——HTTP缓存与刷新机制
前端·http·浏览器
CHB20 小时前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark
uni-app·harmonyos
韭菜炒大葱2 天前
前端经典面试题:从 URL 输入到页面展示,中间经历了什么?
前端·http·面试
chenyingjian4 天前
鸿蒙|性能优化-概述与工具使用
harmonyos
二流小码农4 天前
鸿蒙开发:路由组件升级,支持页面一键创建
android·ios·harmonyos
TT_Close4 天前
【Flutter×鸿蒙】debug 包也要签名,这点和 Android 差远了
android·flutter·harmonyos
TT_Close5 天前
【Flutter×鸿蒙】FVM 不认鸿蒙 SDK?4步手动塞进去
flutter·swift·harmonyos