HarmonyOS应用开发 - 工具记录

前言

HarmonyOS应用开发是目前是最火、最有前景的方向，现在入门鸿蒙开发还来得及。鸿蒙开发官网：developer.huawei.com/consumer/cn

开发环境搭建

如果你之前是做前端的话，下载工具后，按照步骤即可完成环境适配，记得一定要搞一个开发机，现在的preview是完 全不同于前端的，可以理解为基本不能用。

工具下载地址：developer.huawei.com/consumer/cn…

概念普及

• 依赖管理：ohpm，可以理解为前端的pnpm；
• 开发语言：现在开发语言使用的是arkts，可以理解为typescript
• UI框架：arkui，属于flutter语法。

其实从上面来看，鸿蒙开发对于前端来说还是比较友好的，一些概念性的东西可以直接应用到鸿蒙开发上面。当然客户端的一些东西就要从头学习一下啦。

获取设备的uuid

华为开发过程中需要使用到开发机，获取开发机的uuid后，添加到白名单中，即可实现无需签名就可以使用开发机，构建应用啦。连接手机设备到电脑后执行以下命令获取到开发机的uuid：

hdc shell bm get --udid

前端页面的开发调试

客户端开发中，肯定少不了WebView的实现，如何对前端页面进行inspect呢？命令如下：

1、启动设备，即编译安装app

2、执行：hdc shell

3、获取进程：cat /proc/net/unix | grep devtools，此时会获取到一个id。

4、连接设备：hdc fport tcp:9222 localabstract:webview_devtools_remote_【id】

5、查看连接状态：hdc fport status

6、打开Chrome浏览器，输入：chrome://inspect/#devices，点击对应的页面进行inspect即可。

7、记得WebView创建的时候要设置domStorageAccess属性为true，不然使用到LocalStorage的地方会直接报错。

组件WebView的一个bug

客户端开发过程中，肯定使用到抓包，华为抓包是需要指定一个caPath的，即https请求的证书地址。 无论是使用华为提供的http包，还是使用@ohos/axios包，都是支持配置capath的。所以我们可能会封装一个request模块，去统一发起网络请求，这个时候在request模块里面直接写死caPath即可。

WebView的官方使用文档：developer.huawei.com/consumer/cn…

当我们使用 WebView 的时候，打开页面后，页面里面肯定会有其他的一些网络请求，而且现在网络请求基本都是https的网络请求，但是无法指定其网络请求发起时的caPath，所以网页里面的所有网络请求都会请求失败。

解决办法：

• 当抓包的时候，别打开WebView
• 当打开WebView的时候，别抓包，直接使用上面的inspect进行网页调试。

等华为修复后可能就好了。创建WebView的时候支持传递caPath进去。

文末福利

鸿蒙开发正当时，现在入手正是好时机。

还在犹豫不决的朋友们，小编在这里建议大家早点入手！

在这里分享一份鸿蒙学习路线图帮助那些不知道怎么入门的朋友，另外一些鸿蒙开发的资料文档也顺便分享给大家！

鸿蒙学习路线图

路线图适合人群：

• IT开发人员：想要拓展职业边界，享受新技术带来的溢价红利
• 零基础小白：鸿蒙爱好者，希望从0到1学习，增加一项技能

HarmonyOS 4.0 APP Developer

OpenHarmony 5.0 Next视音频

OpenHarmony 5.0 Next进阶

OpenHarmony 5.0 Next分布式

学习资料

内容概要：《鸿蒙零基础入门学习指南》、《鸿蒙开发学习之UI》、《鸿蒙开发学习之Web》、《鸿蒙开发学习之应用模型》

内容特点：条理清晰，含图像化表示更加易懂。

领取方式：扫描下方二维码即可免费领取！！！

《鸿蒙零基础入门学习指南》

一、快速入门

适用于HarmonyOS应用开发的初学者。通过构建一个简单的具有页面跳转/返回功能的应用，快速了解工程目录的主要文件，熟悉HarmonyOS应用开发流程。

• 开发准备
• 构建第一个ArkTS应用（Stage模型）
• 构建第一个ArkTS应用（FA模型）
• 构建第一个JS应用（FA模型）

二、开发基础知识

• 应用程序包基础知识
• 应用配置文件（Stage模型）
• 应用配置文件概述（FA模型）

三、资源分类与访问

应用开发过程中，经常需要用到颜色、字体、间距、图片等资源，在不同的设备或配置中，这些资源的值可能不同。

• 资源分类与访问
• 创建资源目录和资源文件
• 资源访问

四、学习ArkTs语言

ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步扩展，继承了TS的所有特性，是TS的超集。因此，在学习ArkTS语言之前，建议开发者具备TS语言开发能力。

• 初识ArkTS语言
• 基本语法
• 状态管理
• 其他状态管理
• 渲染控制

领取方式：扫描下方二维码即可免费领取！！！

《鸿蒙开发学习之UI》

一、方舟开发框架（ArkUI）概述

二、基于ArkTS声明式开发范式

• 1、UI开发（ArkTS声明式开发范式）概述
• 2、开发布局
• 3、添加组件
• 4、显示图片
• 5、使用动画
• 6、支持交互事件
• 7、性能提升的推荐方法

三、兼容JS的类Web开发范式

• 1、概述
• 2、框架说明
• 3、构建用户界面
• 4、常见组件开发指导
• 5、动效开发指导
• 6、自定义组件

领取方式：扫描下方二维码即可免费领取！！！

《鸿蒙开发学习之Web》

Web组件概述

使用Web组件加载页面

设置基本属性和事件

• 设置深色模式
• 上传文件
• 在新窗口中打开页面
• 管理位置权限

在应用中使用前端页面JavaScript

• 应用侧调用前端页面函数
• 前端页面调用应用侧函数
• 建立应用侧与前端页面数据通道
• 管理页面跳转及浏览记录导航
• 管理Cookie及数据存储
• 自定义页面请求响应
• 使用Devtools工具调试前端页面

ArkTS语言基础类库概述

并发

• 并发概述
• 使用异步并发能力进行开发
• 使用多线程并发能力
• 容器类库
• XML生成、解析、与转换
• 通知

窗口管理

• 窗口开发概述
• 管理应用窗口（Stage模型）
• 管理应用窗口（FA模型）

WebGL

• 概述
• WebGL开发指导

媒体

• 媒体应用开发概念
• 图片

安全

• 访问控制
• ohos.permission.USE_BLUETOOTH
• ohos.permission.DISCOVER_BLUETOOTH
• ohos.permission.MANAGE_BLUETOOTH
• ohos.permission.INTERNET
• ohos.permission.INTERNET
• …

网络与连接

• 网络管理
• IPC与RPC通信

电话服务

• 电话服务开发概述
• 跳转拨号页面
• 获取当前蜂窝网络信号信息

数据管理

• 数据管理概述
• 应用数据持久化
• 场景介绍
• 运作机制
• 约束限制
• 接口说明
• …

文件管理

• 文件管理概述
• 应用文件
• 用户文件
• 分布式文件系统

后台任务管理

• 后台任务总体概述
• 短时任务
• 长时任务
• 延时任务
• 代理提醒

设备管理

• USB服务
• 位置服务
• 传感器
• 分布式跟踪开发指导
• 错误管理
• …

国际化

• 国际化开发概述
• Intl开发指导
• I18n开发指导

应用测试

• 自动化测试框架使用指南

Native API相关指导

• Native API在应用工程中的使用指导
• Drawing开发指导
• Rawfile开发指导
• NativeWindow 开发指导
• …

领取方式：扫描下方二维码即可免费领取！！！

《鸿蒙开发学习之应用模型》

应用模型概述

• 应用模型的构成要素
• 应用模型解读

Stage模型开发指导

• Stage模型开发概述
• Stage模型应用组件

FA模型开发指导

• FA模型开发概述
• FA模型应用组件配置
• 进程模型
• 线程模型

领取方式：扫描下方二维码即可免费领取！！！