HarmonyOS NEXT 实战系列10-网络通信

简介: 本文介绍了网络通信相关知识,包括HTTP协议的工作原理、鸿蒙系统中HTTP模块的使用方法、Promise异步操作处理机制及async/await语法糖的应用,以及JSON数据格式的语法规则与转换方法。重点讲解了HTTP请求响应流程、鸿蒙开发中的网络权限申请与代码实现、Promise三种状态及创建方式,并通过示例说明异步编程技巧和JSON在数据传递中的应用。
  1. 网络通信-http协议
    HTTP 协议和 TCP/IP 协议族内的其他众多的协议相同,用于客户端和服务器之间的通信。

HTTP 协议规定,请求从客户端发出,最后服务器端响应该请求并返回。换句话说,肯定是先从客户端开始建立通信的,服务器端在没有接收到请求之前不会发送响应。

请求报文是由请求方法、请求 URI、协议版本、可选的请求首部字段和内容实体构成的。

常见方法:GET 查询、POST 提交、PUT 修改、DELETE 删除

响应报文基本上由协议版本、状态码(表示请求成功或失败的数字代码)、用以解释状态码的原因短语、可选的响应首部字段以及实体主体构成。

鸿蒙操作系统提供了网络通信相关的 API 和服务,其中包括支持 HTTP 协议的数据请求功能,允许开发者在其应用程序中执行 HTTP 请求。

  1. 网络通信-http模块
    HTTP数据请求功能主要由http模块提供,使用该功能需要申请ohos.permission.INTERNET权限。

开发步骤:

调用 http.createHttp() 方法,创建一个 HttpRequest 对象。
调用该对象的 request() 方法,传入 http 请求的 url 地址和可选参数,发起网络请求。
按照实际业务需要,解析返回结果。
当该请求使用完毕时,调用 destroy() 方法主动销毁。
参考代码:

module.json5 文件开启网络权限
"requestPermissions": [
{ "name": "ohos.permission.INTERNET" }
],
Index.ets 文件
aboutToAppear(): void {
this.getData()
}

getData() {
// 1. 创建 http 实例
const httpInstance = http.createHttp()
// 2. 发起网络请求
httpInstance.request('https://hmajax.itheima.net/api/news')
.then(res => {
// 3.1 成功,处理请求结果
console.log('success', res.result.toString())
})
.catch((err: Error) => {
// 3.2 失败
console.log('error', err.message)
})
.finally(() => {
// 4. 销毁实例
httpInstance.destroy()
})
}

  1. 网络通信-Promise
    Promise是一种用于处理异步操作的对象,可以将异步操作转换为类似于同步操作的风格,以方便代码编写和维护。

Promise 3 种状态:

待定(pending): 初始状态,既没有被兑现,也没有被拒绝
已兑现(fullfilled): 代表操作成功
已拒绝(rejected): 代表操作失败
创建 Promise 方式:

const p = new Promise((resolve, reject) => {
setTimeout(() => {
// 5s 执行成功
resolve('success')
}, 5000)
// 或者失败
// reject('err')
})

p.then(res => {
console.log('res:', res)
})
.catch((err: string) => {
console.log('err:', err)
})
Promise.resolve('成功')
.then(res => {
// 成功
})
Promise.reject('拒绝')
.catch((err: string) => {
// 拒绝
})

  1. 网络通信-异步编程
    async/await是一种用于处理异步操作的Promise语法糖,使得编写异步代码变得更加简单和易读。通过使用async关键字声明一个函数为异步函数,并使用await关键字等待Promise的解析(完成或拒绝),以同步的方式编写异步操作的代码。

核心步骤:

async 修饰函数
await 等待成功(Promise 对象)
async function func() {
// await 获取到的是 之后 Promise 对象的成功结果
const res1 = await Promise对象1
const res2 = await Promise对象2
const res3 = await Promise对象3
}
func()
简单例子:假设获取到数据A需要2秒,获取数据B需要3秒,B数据需要等A数据获取成功后才能获取

function getA() {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('A')
}, 2000)
})
}

function getB() {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('B')
}, 3000)
})
}

async function getData() {
const a = await getA()
console.log('数据', a)
const b = await getB()
console.log('数据', a)
}

getData()

  1. 网络通信-JSON数据
    JSON 是一种按照 JavaScript 对象语法的数据格式,虽然它是基于 JavaScript 语法,但它独立于 JavaScript。一般应用于网络数据传递、属性储存、配置文件等。

语法规则:

是一个字符串(配置文件中两边可以不写引号)
属性名用双引号包裹
属性值如果是字符串也必须用双引号包裹
对象 {},数组 []
const userStr = '{"name":"Jack","age":18}'
const arrStr = '["你好","世界"]'
转换语法:

interface User{
name:string
age:number
}

const userStr = '{"name":"Jack","age":18}'
// 转对象
const user = JSON.parse(userStr) as User
user.age = 20
// 转JSON
const newUserStr = JSON.stringify(user)
————————————————

                        版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/zsgzsgzsgzsgzsg/article/details/146199555

相关文章
|
2月前
|
移动开发 前端开发 JavaScript
鸿蒙NEXT时代你所不知道的全平台跨端框架:CMP、Kuikly、Lynx、uni-app x等
本篇基于当前各大活跃的跨端框架的现状,对比当前它们的情况和未来的可能,帮助你在选择框架时更好理解它们的特点和差异。
269 0
|
30天前
|
移动开发 网络协议 小程序
鸿蒙NEXT即时通讯/IM系统RinbowTalk v2.4版发布,基于MobileIMSDK框架、ArkTS编写
RainbowTalk是一套基于开源即时通讯讯IM框架 MobileIMSDK 的产品级鸿蒙NEXT端IM系统。纯ArkTS编写、全新开发,没有套壳、也没走捷径,每一行代码都够“纯血”。与姊妹产品RainbowChat和RainbowChat-Web 技术同源,历经考验。
64 1
|
2月前
|
缓存 移动开发 网络协议
纯血鸿蒙NEXT即时通讯/IM系统:RinbowTalk正式发布,全源码、纯ArkTS编写
RainbowTalk是一套基于MobileIMSDK的产品级鸿蒙NEXT端IM系统,目前已正式发布。纯ArkTS、从零编写,无套壳、没走捷径,每一行代码都够“纯”(详见:《RainbowTalk详细介绍》)。 MobileIMSDK是一整套开源IM即时通讯框架,历经10年,超轻量级、高度提炼,一套API优雅支持 UDP 、TCP 、WebSocket 三种协议,支持 iOS、Android、H5、标准Java、小程序、Uniapp、鸿蒙NEXT,服务端基于Netty编写。
172 1
|
3月前
|
开发者 容器
鸿蒙Next仓颉语言开发实战教程:设置页面
本教程介绍了仓颉语言商城应用设置页面的开发,重点讲解了List容器的使用。页面分为三组列表内容,第一组直接使用ListItem实现,后两组通过ListItemGroup及自定义组件setrow完成布局。教程还演示了如何通过自定义组件提升代码复用性,并介绍了分割线divider的设置方法,帮助开发者高效构建美观的设置界面。
鸿蒙Next仓颉语言开发实战教程:订单列表
本文介绍了使用仓颉语言开发HarmonyOS商城应用的订单列表页实现方法,包含导航栏、订单类型切换和订单列表展示三部分。通过代码示例讲解了布局技巧与组件使用,适合初学者学习参考。
|
编译器
鸿蒙NEXT-鸿蒙三层架构搭建,嵌入HMRouter,实现便捷跳转,新手攻略。(2/3)
本文介绍在三层架构中实现模块依赖的步骤。首先在产品定制层(features)的oh-package.json5文件中导入共享包依赖,如"basic":"file:../../commons/basic"。然后在产品层(products)的配置文件中同时导入公共能力层和产品定制层的依赖,示例展示了如何添加"basic"和"my"两个依赖项。通过这些配置,三层架构的各模块之间建立了完整的依赖关系。
129 0
鸿蒙NEXT-鸿蒙三层架构搭建,嵌入HMRouter,实现便捷跳转,新手攻略。(2/3)
|
3月前
|
存储 开发者
鸿蒙Next仓颉开发语言中的数据类型总结分享
仓颉语言数据类型包括多种数字类型(Int、Float)、字符串(String)、数组(Array、ArrayList、ObservedArrayList)及HashMap。数字类型区分长度和精度,数组支持固定与动态操作,HashMap用于存储键值对。适合开发者快速掌握仓颉基础数据结构。#仓颉 #HarmonyOS
详解鸿蒙Next仓颉开发语言中的全屏模式
仓颉开发语言实现全屏模式教程:默认非全屏,需手动设置沉浸模式以占满屏幕。通过`setWindowLayoutFullScreen`开启全屏,并利用`getWindowAvoidArea`获取摄像头与导航条区域高度,结合AppStorage保存尺寸,适配界面布局,避免内容被遮挡。附屏幕尺寸获取方法及单位说明。
|
3月前
|
容器
鸿蒙Next仓颉语言开发实战教程:聊天列表
本文分享了 HarmonyOS 仓颉语言实现聊天页面布局的全过程,包括顶部导航栏、动态消息列表及底部输入框的设计与代码实现,详细讲解了上中下结构布局、消息方向区分、阴影设置等内容。
鸿蒙Next仓颉语言开发实战教程:消息列表
本教程分享了使用仓颉语言开发商城应用中的消息列表页面,包含导航栏布局、消息筛选列表及消息内容列表的实现。通过Row、Scroll、List和ForEach等组件,完成页面结构搭建与数据循环渲染,适合初学者实战练习。

热门文章

最新文章