HarmonyOS实战—服务卡片调起webview

前言

听起服务，映入开发者们脑海中的一定是根根蒂固的服务器，或者某种跟服务器有关的，但是今天我们国民系统鸿蒙横空出世，给我们带来了不一样的服务-服务卡片,什么是服务卡片，就是在桌面点击图标向上推动会弹出一个小卡片，弹出卡片后也可将卡片固定在屏幕中作为一个小组件显示。卡片中可以显示自定义的UI，也可以点击产生互动。有么有被这么方便的控件吸引，今天我们就来一起搭建服务卡片调起webview。

Webview的基本概念:

服务卡片的基本概念:

1. 显示卡片内容的宿主应用，控制卡片在宿主中展示的位置。
2. 用于管理系统中所添加卡片的常驻代理服务，包括卡片对象的管理与使用，以及卡片周期性刷新等。
3. 提供卡片显示内容的HarmonyOS应用或原子化服务，控制卡片的显示内容、控件布局以及控件点击事件。
4. 运行机制如下图所示:

5. 卡片与原子化服务: 与传统的需要安装的应用相比，原子化服务是应用的另外一种形态，他是可以提供特定功能的、免安装的、有独立入口的应用形态。这里有一个非常重要的关键词：免安装。原子化服务是鸿蒙系统提供的一种面向未来的服务提供方式，他非常非常的重要. 1 个原子化服务完成 1 个特定的便捷服务。原子化服务由 1 个或多个 HAP 包组成，1 个 HAP 包对应 1 个 FA 或 1 个 PA.每个 FA 或 PA 均可独立运行，完成 1 个特定功能。原子化服务的大小不能超过 10MB。

服务卡片的搭建流程

了解了什么是服务卡片，看了服务卡片的运行机制，那么我们今天一步一步带大家揭开服务卡片的神秘面纱。

1.新建卡片相关文件，选样式并命名。（这个废话，大家可以忽略…..不过步骤还是要有的）

2.创建好后，目录中会新增卡片的模版代码（widget目录），需要个性化实现的在WidgetImpl中，由于项目需要，我们更多的是需要服务卡为一个入口。后面只要能够拉起webView页面就好，所以无需复杂实现。如图：

3.DE会自动在config.json文件的abilitie中配置form相关数据

4.修改卡片样式在forms配置中可以看到landscapeLayouts关键字，该字段对应的value就是服务卡片的layout。这个就不啰嗦了都懂。

5.如何使用卡片

1. 使用服务中心搜索应用名，可以看到对应的卡片
2. 长按icon上滑能够触发显示卡片

6.WebView加载.首先是layout,使用Webview控件页面如图:

7.加载网页如图:

8. 打开与网页交互开关:

9.应用调用网页接口，前提网页中提供一个名为callJs(此方法自定义哦)的方法

这样一个鸿蒙系统的服务卡片调起Webview 就完工，是不是很简单，小伙伴们你学会了吗。