鸿蒙Web混合开发精要

1. Cookie管理

Cookie是网络访问过程中，由服务端发送给客户端的一小段数据。客户端可持有该数据，并在后续访问该服务端时，方便服务端快速对客户端身份、状态等进行识别。

Web组件提供了WebCookieManager类，用于管理Web组件的Cookie信息。Cookie信息保存在应用沙箱路径下/proc/{pid}/root/data/storage/el2/base/cache/web/Cookiesd的文件中。

try { 
   // 设置为true时同时清除rom和ram中的缓存，设置为false时只清除ram中的缓存     
   this.controller.removeCache(true); 
} catch (error) { 
   let e: business_error.BusinessError = error as 
   business_error.BusinessError;console.error(`ErrorCode: ${e.code}, Message: ${e.message}`); 
}

2.网页缩放

Web().zoomAccess(true);
this.controler.zoom(this.factor);

• 需要注意的是只有网页自身支持缩放，才能在Web组件里面进行缩放。

文本缩放

Web().textZoomAtio(150)//将文本放大为原来的1.5倍，但是图片不会一起放大

3.H5、js调用原生Web组件

使用registerJavaScriptProxy方法生效，须调用refresh方法。

this.controller.registerJavaScriptProxy({
      object: this.testObj,
      name: 'objName',
      methodList: ['test', 'toString'],
});
this.controller.refresh();

• 还可以使用deleteJavaScriptRegister删除通过registerJavaScriptProxy注册到window上的指定name的应用侧JavaScript对象

2024最新鸿蒙学习路线图

路线图适合人群：

• 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模型应用组件配置
• 进程模型
• 线程模型

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