小白挑战一周上架元服务——创建元服务05

@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.效果如下

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


参考

本文由mdnice多平台发布

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。