小游戏应该如何创建一个元服务项目
在鸿蒙开发中,元服务作为一种新的服务形态,提供比应用更细粒度的元服务能力,并且通过卡片形式直接将用户关心的服务或内容展示出来。对于游戏开发者来说,元服务卡片成为一个非常好的用户入口,可以将游戏的精简介绍聚焦至卡片中,用户点击卡片即可直接打开快游戏。
今天分享一下如何创建一个小游戏元服务项目。
一、配置开发环境
Nodejs 环境变量
本次项目创建是在华为提供的工具 AppGallery Connect(以下简称 AGC)上实现的,需提前安装一个工具。
工具成功安装后,将在 C 盘用户的.quickgame-assistant 目录下自动下载匹配的 Nodejs,在环境变量中配置与工具相匹配的 Nodejs 版本:
具体的配置步骤如下:
1.在系统变量 Path 中添加与工具版本相匹配的 Nodejs 路径。例如:
2.检查 Nodejs 版本是否与工具版本相匹配。在命令行窗口输入如下命令,查看 Nodejs 的版本。
二、配置 NPM 代理
打开 C 盘用户目录下的 .npmrc 文件。若没有该文件,请新建 txt 文本文档,再将文档名称改为 .npmrc。
根据网络是否受限修改.npmrc 文件:
保存并关闭 .npmrc 文件。
代理配置后,在当前路径下进入 Windows 命令行窗口,执行如下命令,验证网络是否正常。
若执行结果如下图所示,说明代理设置成功。
![](https://static001.geekbang.org/infoq/15/1565cba9ab68ab32acbcca89a942a3a9.png)
三、创建元服务
环境准备好之后,就可以开始创建元服务卡片了。首先选择一种卡片样式,目前官方提供了 3 种卡片样式,根据官方的要求准备好素材就行了。
打开快游戏开发者工具,选择“新建项目 > 元服务”,在界面右侧 选择卡片样式后,点击“下一步”。
![](https://static001.geekbang.org/infoq/04/04ffcea9c8b6acafecd3b178edb24feb.png)
根据提示 填写元服务信息,完成后点击“下一步”。
![](https://static001.geekbang.org/infoq/db/db3b2cd3081ea56672fd7495d929f8a3.png)
选择 Debug 或 Release 后,根据提示 填写签名信息,完成后点击“导出 Debug/Release 包”。
![](https://static001.geekbang.org/infoq/e9/e900c3d3eac3ba738d3f642fe583b0e2.png)
成功导出的 Hap 调试包或 Release 上架包将自动存放至 C 盘用户的 AppData\Local\Temp\outputs 路径下。
最后在本地调试上架就可以了,用 AGC 工具操作步骤还是挺简单的。
四、技术延伸:小组件
在开发元服务的过程中,笔者发现另一种小程序小组件技术和鸿蒙元服务的交互形式非常类似,不同的在于元服务是在系统层面,小组件是在 APP 层面。相同点在于这种卡片式的开发、交互形式确实在用户体验部分更加灵活。举例来说:FinClip小组件就采用了卡片式设计,允许开发者在 APP 的原生页面中直接嵌入小程序的部分内容。这种设计使得小程序视图能够在 APP 的页面中无缝渲染。并且小组件的代码语法与小程序保持一致,也就是说开发者可以在原生页面中,插入小程序卡片。这种小程序卡片的交互形式也可以在原生 app 当中获得更多的入口。
评论