HarmonyOS ArkUI之开发基础（网络请求）

转载 作者：qq735679552 更新时间：2022-09-27 22:32:09 43 4

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章HarmonyOS ArkUI之开发基础（网络请求）由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

简介

前段时间一直研究ArkUI中的声明式开发，开发了一些demo，但都是界面相关的，相对来说比较基础，也比较简单。所以研究一下其他的，现在成熟的APP都会有网络交互，所以记录一篇网络请求相关的.

本项目界面搭建基于ArkUI中TS扩展的声明式开发范式，关于语法和概念直接看官网官方文档地址:

基于TS扩展的声明式开发范式1、基于TS扩展的声明式开发范式2 。

本文介绍开发基础知识(网络请求)

数据接口：聚合免费API(天气预报) 。

网络请求：ArkUI自带的网络请求 。

效果演示

开发步骤

1、声明网络请求权限

在 entry 下的 config.json 中 module 字段下配置权限 。

1. "reqPermissions": [
2. {
3. "name": "ohos.permission.INTERNET"
4. }
5. ]

2、支持http明文请求

默认支持https，如果要支持http，在 entry 下的 config.json 中 deviceConfig 字段下配置 。

1. "default": {
2. "network": {
3. "cleartextTraffic": true
4. }
5. }

3、创建HttpRequest

1. // 导入模块
2. import http from '@ohos.net.http';
3. // 创建HttpRequest对象
4. let httpRequest = http.createHttp();

4、发起请求

GET请求(默认为GET请求) 。

1. // 请求方式：GET
2. getRequest() {
3. // 每一个httpRequest对应一个http请求任务，不可复用
4. let httpRequest = http.createHttp()
5. let url = 'http://apis.juhe.cn/simpleWeather/query?key=397c9db4cb0621ad0313123dab416668&city=北京'
6. httpRequest.request(url, (err, data) => {
7. // 处理数据
8. })
9. }

POST请求

目前发现API的BUG：看官方文档method可以设置为字符串，从源码得知method的类型为：RequestMethod，但是设置 method: http.RequestMethod.POST 请求数据报错，设置成 method: http.POST 可以 。

1. // 请求方式：POST
2. postRequest() {
3. // 每一个httpRequest对应一个http请求任务，不可复用
4. let httpRequest = http.createHttp()
5. let url = 'http://apis.juhe.cn/simpleWeather/query'
6. httpRequest.request(url,
7. {
8. // 看源码得知method的类型为：RequestMethod
9. // 但是设置 method: http.RequestMethod.POST 报错
10. // 设置成 method: http.POST 可以
11. method: http.POST,
12. extraData: {
13. 'key': '397c9db4cb0621ad0313123dab416668',
14. 'city': '北京'
15. }
16. },
17. (err, data) => {
18. // 处理数据
19. })
20. }

5、解析数据(简单示例)

（1）网络请求到的json字符串 。

1. {
2. "name":"梁迪迪",
3. "age":"26",
4. "sex":"男"
5. }

（2）创建相应的对象 。

1. class User {
2. name: string // 姓名
3. age: string // 年龄
4. sex: string // 性别
5. }

（3）解析数据 。

1. // 请求方式：GET
2. getRequest() {
3. // 每一个httpRequest对应一个http请求任务，不可复用
4. let httpRequest = http.createHttp()
5. let url = ''
6. httpRequest.request(url, (err, data) => {
7. // 处理数据
8. if (!err) {
9. if (data.responseCode == 200) {
10. // 解析数据
11. var user: User = JSON.parse(JSON.stringify(data.result))
12. }
13. }
14. })
15. }

原文链接：https://harmonyos.51cto.com 。

最后此篇关于HarmonyOS ArkUI之开发基础（网络请求）的文章就讲到这里了,如果你想了解更多关于HarmonyOS ArkUI之开发基础（网络请求）的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

43 4 0

• vue3快速入门系列——基础

  vue3 快速入门系列 - 基础 前面我们已经用 vue2 和 react 做过开发了。 从 vue2 升级到 vue3 成本较大，特别是较大的项目。所以许多公司对旧项目继续使用vue2，新项目则

• C# 基础

  C# 基础 C#项目创建 这里注意win10虚拟机需要更新下补丁，不然直接下载visual studio 2022会显示版本不支持 HelloWorld C#的类文件都是以.cs结尾，入口方法为sta

• iPhone内存管理(基础)

  关于 iPhone 内存管理的非常基本的问题: 假设我有一个 viewController，其中有几个 subview 也由 viewController 控制。当我删除顶部 viewControll

• C指针处理(基础)

  我仍在努力适应指针。不是概念——我理解内存位置、匹配可变长度的指针增量等——这是语法。这是一个我认为是我感到困惑/无法直观把握的原因之一: int a = 42; 在一个int大小的内存空间中分配并放

• Kafka-基础

  1. 简介 Kafka（Apache Kafka） 是一种分布式流数据平台，最初由LinkedIn开发，并于后来捐赠给Apache软件基金会，成为了一个Apache顶级项目。它被设计用于处理大规

• 学习mysql之后的一点总结(基础)

  1.想要在命令提示符下操作mysql服务器，添加系统变量。（计算机-系统属性——环境变量——path）  2.查询数据表中的数据；  select selection_lis

• MySQL数据库 ---MySQL表的增删改查(基础)

  MySQL表的增删改查(基础) 1. CRUD 注释：在SQL中可以使用“–空格+描述”来表示注释说明 CRUD 即增加(Create)、查询(Retrieve)、更新(Update)、删除(Dele

• javascript - 基础 - 在关闭另一个模式时打开一个模式

  我有一个网页，可以在加载时打开显示模式，在这个模式中，我有一个可以打开第二个模式的链接。当第二个模式关闭时(通过单击关闭按钮或单击模式外部)，我想重新打开第一个模式。 对于关闭按钮，我可以通过向具有

• ios - 核心数据提取属性 - 基础

  使用 Core Data Fetched Properties，我如何执行这个简单的请求: 我希望获取的属性 ( myFetchProp ) 存储 StoreA ，它应该这样做: [myFetchPr

• ios - 核心基础vs基础或核心基础+基础

  关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 8年前关闭。 Improve this

• drupal - 开发Drupal网站的前端-基础

  最近，我得到了一个现有的Drupal项目，并被要求改进前端(HTML，JavaScript，CSS)。我在Django，PHP，Ruby等方面具有大量的前端和后端开发经验，但是我没有任何Drupal经

• Java 扫描器类 - 基础

  我试图让我的用户通过使用扫描仪类来决定要做什么，但我有一个问题，代码一旦运行就不会激活，并且它不会让我跳过任何行。我的代码如下所示: Scanner input = new Scanner(S

• Java [基础] 对象问题

  对模糊的标题表示歉意，因为我想不出这个名字是什么。 基本上创建一个计算学生财务付款的小程序。当我运行它时，它计算对象限额没有问题。然而，无论我尝试什么，对象“助学金”似乎除了 0 之外什么也没有提出。

• C 基础 - 被调用的对象不是函数或函数指针

  这是我的代码 - main() { double x; double y = pow(((1/3 + sin(x/2))(pow(x, 3) + 3)), 1/3); prin

• javascript - 基础 - 变量引用

  如果我的术语在这个问题上有误，我们深表歉意。 采取以下功能: i = 1; v = i * 2; for (j = 0; j < 4; j++ ) { console.log(v);

• Android 基础 - 不同的类文件

  我的应用程序中有不同的类文件。我有 5 个类，其中 2 个是 Activity ，1 个是运行的服务。其他 2 个只是类。这两个类中变量的生命周期是多少。我知道一个 Activity 可以被操作系统杀

• Java 基础 - 实现在哪里进行？

  例如，一个方法返回一个 List 类型的对象。 public List bojangles () ... 一些代码调用方法FooBar.bojangles.iterator(); 我是 Java 的新

• css - 网格问题 - 基础

  我遇到了一个奇怪的问题，网格的大小不适合我的屏幕。当我使用 12 列大时，它只占据屏幕的 1/3 的中间，请参见图像。我不确定是什么导致了这个问题。我没有任何会导致这种情况发生的奇怪 CSS。我不会在

• C++ 头文件(基础)

  我尝试使用头文件和源文件，但遇到了问题。因此，我对我正在尝试做的事情做了一个简化版本，我在 CodeBlocks 中遇到了同样的错误(undefined reference to add(double

• css - (基础)带有背景图像的网格单元格突破

  我正在为我的网格系统使用基础，但这在任何网格系统中都可能是一个问题。我基本上用一个容器包裹了 3 个单元格，但其中一个单元格应该长到页面边框(留在我的 Sampe-Image 中)但这也可能在右侧)。