HarmonyOS鸿蒙Next端云一体化智能景区卡片元服务

HarmonyOS鸿蒙Next端云一体化智能景区卡片元服务 先上效果图：

智能景区主界面分了4个页面，导览页面，票务页面，地图页面，我的页面，每个页面对应一个元服务卡片，每个元服务卡片又对应一个ability, 由于时间有限，我的页面会在以后开发完整。 项目文件层次结构如下图所示：

导览的卡片元服务会显示当前景区天气，景区温度，景区风力，景区流量，如果用户购买了景区门票，还可以显示距离景区入场天数，以及开启提醒时间，用户凭借服务卡片的二维码，扫码入场。

导览卡片代码如下，主要技术关键点有2个，

1. 卡片设计也可以使用低码方式开发，这里有个小技巧，新建一个supervisual TestPage, 根据卡片分类尺寸，分别设置页面长宽，然后就在这范围内进行卡片页面设计，设计好了后通过convert预览代码，复制需要的设计代码粘贴到卡片源文件上就完成卡片的设计，方便快捷。

(1)卡片创建时，FormAbility获取卡片的FormID，将其作为参数交给卡片页面储存 (2)卡片页面初始化自己的FromID ， (3)(点击刷新时)卡片通过postCardAction接口触发call事件，将卡片的FormID与要执行的函数名method（例如下面代码的updateWeather方法）都作为参数提交，由系统启动对应应用的UIAbility(例如下面EntryAbility代码)， (4)UIAbility启动成功，通过预置的触发器执行method对应的函数，完成数据准备后通过updateForm接口将数据推送给卡片管理方。（例如下面EntryAbility代码中的OnCreate方法中调用updateForm接口讲数据刷新到卡片）。 (5)对应FormID的卡片检测并同步到数据变动，完成页面变更。

导览卡片代码如下：

导览卡片对应的UIAbility代码如下：

总结：

智能景区卡片元服务的开发是通过学习和参考了王丹辉老师的《 低代码开发景区元服务项目实战》系列课程，使用端云一体化卡片元服务模板进行开发的，从中不断练习和实践如何使用低代码拖曳组件的方式快速开发卡片云服务，学习和使用了stack,column,row,tabBar,tabContent,text, image, list,QR code等UI组件，以及学习和了解到卡片的router机制、call机制与message机制的不同，并使用了卡片的router机制去从卡片跳转页面，call机制拉起后台UIAbility加载大量数据（不受5s限制）。

参考课程链接（留意活动时课程可以免费学习）：

参考卡片元服务的机制讲解链接：