【鸿蒙开发示例代码】H5页面跳转

示例代码合集地址：

HarmonyOS示例代码-鸿蒙系统示例代码-华为开发者联盟 (huawei.com)

代码工程地址：

PageRedirection: 本示例基于ArkUI框架和Web实现了H5页面和ArkTS原生界面之间的相互跳转。 (gitee.com)

H5页面跳转

介绍

本示例基于ArkUI框架和Web实现了H5页面和ArkTS原生界面之间的相互跳转。

效果预览

商品列表	商品详情	订单确认

使用说明

1. 启动应用，查看商品列表。

2. 点击某个商品，查看商品详情。

3. 在商品详情页点击底部返回按钮或者首页按钮返回到商品列表，此时点击底部前进按钮进入商品详情。

4. 在商品详情页点击立即购买按钮，查看订单确认页面。

工程目录

├──entry/src/main/ets                           // 代码区
│  ├──common
│  │  ├──constants   
│  │  │  └──CommonConstants.ets                 // 常量
│  │  └──utils   
│  │     └──Logger.ets                          // 日志打印  
│  ├──entryability
│  │  └──EntryAbility.ets
│  ├──model
│  │  └──ProductModel.ets                       // 产品模型
│  └──pages
│     ├──IndexPage.ets                          // 首页页面
│     └──OrderConfirmPage.ets                   // 订单确认页面
└──entry/src/main/resources                     // 资源文件夹

相关权限

不涉及。

依赖

不涉及。

约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。

2. HarmonyOS系统：HarmonyOS NEXT Developer Beta1及以上。

3. DevEco Studio版本：DevEco Studio NEXT Developer Beta1及以上。

4. HarmonyOS SDK版本：HarmonyOS NEXT Developer Beta1 SDK及以上。