@TOC

前言

我们前面进行了了解元服务的基础知识，包括IDE、ArkTS、ArkUI。目前前期准备工作已经差不了，我们可以进行开发阶段了。距离实现元服务上架，又是一个里程碑式的进展。奥利给~

一、创建元服务项目

在创建元服务项目之前，要在华为AppGallery平台先注册开发者账号。

1.使用DevEco Studio创建元服务工程

在通过DevEco Studio创建项目时，通过路径文件->新建->新建项目（如下图）。

在显示的弹窗中，我们选择Ability模板的时候，需要注意，这里我们选择元服务Atomic Service，然后点击下一步按钮。

在新的弹窗中，我们可以看到要关联到你的华为开发者账号，获取账号信息资源。

• 如果没有登录华为开发者正好，如下图所示，然后根据提示跳转到浏览器进行登录，然后授权之后，返回IED。

• 已经授权之后，窗口就会显示华为开发者账号的信息，包括在AppGallery应用市场后台申请的元服务信息。如果尚未申请元服务，点击下图中的Register App ID按钮，跳转到AppGallery应用市场后台，去申请添加一个元服务。

• 然后进入配置项目进行界面，填写元服务相关信息即可。最后点击右下角Finish按钮，剩下的交给IED进行构建项目。

二、了解元服务项目结构

创建好的项目目录如下图。

• AppScope > app.json5：元服务的全局配置信息。
• entry：HarmonyOS工程模块，编译构建生成一个HAP。
• src > main > ets：用于存放ArkTS源码。
• src > main > ets > entryability：元服务的入口。
• src > main > ets > pages：元服务包含的页面。
• src > main > resources：用于存放元服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。关于资源文件，详见资源分类与访问。
• src > main > module.json5：模块配置文件。主要包含HAP的配置信息、元服务在具体设备上的配置信息以及元服务的全局配置信息。具体的配置文件说明，详见module.json5。
• build-profile.json5：当前的模块信息 、编译信息配置项，包括buildOption、targets配置等。
• hvigorfile.ts：模块级编译构建任务脚本，开发者可以自定义相关任务和代码实现。
• oh_modules：用于存放三方库依赖信息。
• build-profile.json5：元服务级配置信息，包括签名signingConfigs、产品配置products等。
• hvigorfile.ts：元服务级编译构建任务脚本。

三、运行元服务

项目构建好了，要试一下运行起来如何。是骡子是马总要出去遛一遛。

1.预览

点击IDE右侧的预览器，鼠标放上去有提示。

打开预览器之后，显示的就是元服务的入口模块中的index.ets文件，是不是和鸿蒙应用是一样的。
但是仔细看一下右上角会发现多了两个按钮。第一个是分享按钮，第二个是关闭按钮。真机调试的时候我们展示效果。

2.模拟器运行

我们先从设备列表中找到设备管理器

在打开的窗口中，选择可以运行的模拟器，如果没有点击右下角的新建模拟器，点击运行。

选择从设备列表中选择Huawei_Phone模拟器，然后按照下图的步骤1、2运行即可。

模拟器运行起来的样子。左侧是模拟器，右侧是预览窗口。

3.真机运行

真机运行，需要通过USB数据线连接我们的电脑，还需要配置证书。细节将在后面的章节进行讲解。
默认已经配置好了证书，同样是在从设备列表中，选择我们的真机设备点击运行如下图，我使用的测试设备是HUAWEI Mate 60，然后点击运行。

运行起来后，我们在手机上就可以看到这个元服务项目了，然后我们尝试右上角的两个按钮，就可以看到效果了。

• 第一个按钮点击之后，底部显示一个弹窗（只有真机上可以看到），我们可以添加到我的服务；
• 第二个按钮点击后元服务就会消失，这个模拟器上也有这个效果。
  
• 点击消失后，去哪里找这个元服务呢，可以在手机桌面左滑到最后，就会显示一个菜单，通过点击里面的元服务，找到元服务市场，在里面就看到我们的这个元服务了。
  

三、小试牛刀（修改元服务名称和图标）

1.修改元服务名称

我们可以通过项目->entry->src->main->ets->resources->element->string.json中找到标签"EntryAbility_label"进行修改。

2.修改元服务图标

我们可以通过项目New > Image Asset中找到标签"EntryAbility_label"进行修改。

3.效果如下

我们看到第一张图是默认元服务开发出来的，第二张图是我们修改后的。我们成功修改了元服务的名称和图标。

参考

• 文档——元服务开发