【HarmonyOS】元服务卡片router实现跳转到指定页面

【关键字】

元服务卡片、router跳转不同页面

 

【写在前面】

本篇文章主要介绍开发元服务卡片时，如何实现从卡片中点击事件跳转到指定的应用内页面功能。此处以JS UI开发服务卡片为例，JS卡片支持组件设置action，包括router事件和message事件，其中router事件用于应用跳转，message事件用于卡片开发人员自定义点击事件，本篇文章介绍如何通过设置router事件实现跳转指定页面功能。

 

【开发步骤】

步骤1：在卡片的index.html页面中定义两个文本，点击“跳转index”实现跳转到index页面，点击“跳转sceond”实现跳转second页面，给两个文本绑定点击事件，如下图所示：

​​​

步骤2：在index.json设置routerEvent和routerEvent2事件，各字段说明如下：

1、action设置事件类型，固定“router”跳转事件；

2、want字段中存放跳转的页面信息，其中：

1）bundleName为应用包名；

2）abilityName为卡片提供方应用的跳转目标Ability名；

3）parameters中url设置跳转的页面路径；