https://github.com/yuyudifiesh/arkts-h5app-example
适用于 ArkTS 1.1 的 H5 应用模板。H5 application template for ArkTS 1.1
https://github.com/yuyudifiesh/arkts-h5app-example
arkts h5app harmonyos harmonyos-next huawei webapp
Last synced: about 1 month ago
JSON representation
适用于 ArkTS 1.1 的 H5 应用模板。H5 application template for ArkTS 1.1
- Host: GitHub
- URL: https://github.com/yuyudifiesh/arkts-h5app-example
- Owner: yuyudifiesh
- License: mit
- Created: 2026-04-12T11:28:26.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-04-12T12:31:52.000Z (2 months ago)
- Last Synced: 2026-04-12T14:14:35.189Z (2 months ago)
- Topics: arkts, h5app, harmonyos, harmonyos-next, huawei, webapp
- Language: TypeScript
- Homepage:
- Size: 128 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 鸿蒙 NEXT H5 应用模板
| [English](README_en.md) | 简体中文 |
## 快速开始
### Windows
1. 在 Release 页面下载项目压缩文件。
2. 将压缩文件中的所有内容解压到项目文件夹。
3. 在 HUAWEI DevEco Studio 中打开项目文件夹。
4. 在 `entry\src\main\ets\pages\index.ets` 中，将 `https://www.example.com` 替换为你需要的 URL 。
5. 在 DevEco Studio 生成签名文件后编译 .hap 安装包。
6. 使用虚拟机或原生鸿蒙设备进行调试。
### HarmonyOS
> [!WARNING]
> 1. 若需要在原生鸿蒙设备上编译，需要先在华为开发者官网上报名申请 DevEco Studio 的预览版本。[报名页面](https://developer.huawei.com/consumer/cn/activity/developerbeta/deveco-studio-preview)
> 2. 若需要在同一账号的其他设备上安装，需要使用数据线连接设备，并打开 USB 调试。
1. 在 Release 页面下载项目压缩文件。
2. 将压缩文件中的所有内容解压到项目文件夹。
3. 在 DevEco Studio 中打开项目文件夹。
4. 在 `entry\src\main\ets\pages\index.ets` 中，将 `https://www.example.com` 替换为你需要的 URL 。
5. 在 `DevEco Studio → 项目结构 → 签名配置 → 签名` 中生成签名文件。
6. 设备选择 “此电脑” ，或者是用数据线连接其他设备进行调试。
## 模板信息
- RuntimeOS: HarmonyOS
- ArkTSVersion: 1.1
- compatibleSdkVersion: 6.0.0(20)
- targetSdkVersion: 6.0.2(22)
## 关于图标
本模板包含默认 label 图标 `PNG` 文件。
> [!IMPORTANT]
> HarmonyOS 要求应用图标必须分层（前景图+背景图），不能直接使用单层图标。
如需使用自定义图标，需要在 `entry\src\main\resources\base\media` 中放入自定义的 `foreground.png` 和 `background.png` 图标文件（1024×1024）。