展示全部

# 概述

为了丰富鸿蒙生态，为国产操作系统生态做贡献，DCloud联合华为推出开发者激励计划，uni-app开发者只需将 uni-app 项目发行为鸿蒙元服务，即可获得现金激励，发行多个元服务可以获得多份现金奖励，欢迎各位开发者积极提交，活动详情

如果你是服务商、外包商，承诺短期可快速上架20个元服务，欢迎点此联系我们，我们可提供单独技术支持，以及帮助协调鸿蒙测试机。

从 HBuilderX 4.34 版本开始，uni-app 支持 鸿蒙元服务 平台应用开发。鸿蒙元服务就是鸿蒙Next系统上的快应用、小程序。在鸿蒙Next系统上，不再支持快应用，对标替换产品即为鸿蒙元服务。

欢迎加入 uni-app鸿蒙化技术交流群进行交流。

注意

目前仅支持 Vue3 项目编译到鸿蒙元服务平台，Vue2 项目升级 Vue3 项目请参考：Vue2 项目迁移到 Vue3。
目前仅支持鸿蒙 Next 真机，鸿蒙 ARM 模拟器开始内测，点击链接了解如何申请。
目前支持鸿蒙5.0，鸿蒙 Next 的机型清单如下，查看支持清单。

# 前置准备

# 开发环境准备

HBuilderX 4.34+ 下载地址
DevEco-Studio 5.0.5.200+ 下载地址

# 元服务 appid 注册

元服务的开发和上架需要使用元服务的包名 BundleName，包名的形式 com.atomicservice.[你的 APPID]。

如果还没有创建元服务，访问华为 AppGallery Connect 完成元服务应用的注册，得到相关包名。方便进行签名证书的操作。

# 元服务上架备案（上架重要）

元服务上架需要提前做好备案，强烈建议注册元服务时候立刻开始备案流程，避免临上架才开始备案，耽误上架时间。参考 App 备案相关注意事项.

如果你的元服务需要应到登录、支付权限，也立即开始着手准备申请相关权限，参考华为支付服务开发准备。

# 准备签名证书

初次运行元服务，需要配置好证书签名、权限设置等信息，第一次参与鸿蒙开发的新手请仔细阅读下面相关建议，否则可能会影响开发元服务。

如果你已有鸿蒙 App 开发经验，元服务的证书签名、权限配置和鸿蒙App的相关操作基本一致，参考证书签名配置指南。

签名证书分成两类：

面向一台鸿蒙设备的自动签名证书。签名过程比较简单，可用于调试，不能用于上架。
面向企业级协作的调试、发行证书。统一管理设备注册、权限管理等，调试证书可以用于开发，发行证书可以用于上架。

接下来文档会面向新手，详细介绍如何使用自动签名证书。发行证书会在文档下方的 发行与上架 部分进行介绍。

建议用户动手使用 DevEco Studio 编辑器创建元服务的原生项目（下面称原生工程），完成相关配置，以保证开发环境配置正确。

打开 DevEco Studio 编辑器，选择 新建工程 - 元服务 AtomService - Empty Ability，下面的截图来自 DevEco Studio：

选择元服务 AtomService

选择已注册好的 AppID，创建鸿蒙元服务示例（下面称原生工程）。

在编辑器的右上角点击Project Structure... 图标，勾选自动签名 Automatically generate signature。

注意：

也可以通过 File - Project Structure... 打开。
这种自动签名的方式只能用于运行与调试，需要发行上架时候请参考 发行与上架 章节修改签名文件。
签名操作需要连接鸿蒙真机设备。

这个时候点击 Run - Run 'entry' 或者编辑器顶部的小三角选择运行。如果可以运行成功官方的 Hello World 示例，说明相关环境、证书配置完成。

到这里前置工作就准备完成了。因为元服务还在开发迭代，下面补充相关注意事项。

# 签名文件、权限配置文件位置

请留意原生工程的两个文件比较特殊，后续 HBuilderX 编译运行需要这些文件：

根目录 build-profile.json5 - 证书签名参数等。后续元服务的开发运行、发布上架依赖此文件。
entry/src/main/module.json5 - 项目权限配置、metadata 信息配置，元服务设置权限，比如访问网络、位置定位、手机震动等功能依赖此文件。具体的鸿蒙元服务权限列表可以参考鸿蒙对所有应用开放的权限清单。

# 运行与调试

在 HBuilderX 运行 uni-app 项目到元服务分成四个步骤：

配置 manifest.json 文件
配置 build-profile.json5
配置 module.json5
项目启动

下面进行详细说明。

# 1. 配置 manifest.json 文件

项目运行需要配置元服务包名，打开项目根目录的 mainefest.json 填写 鸿蒙元服务配置 - 应用包名，结构类似 com.atomicservice.[你的AppID]。

配置 manifest.json 文件

# 2. 配置 `build-profile.json5`

需要配置签名证书，这里依赖准备签名证书部分。项目根目录创建 harmony-mp-configs/build-profile.json5 文件，将上文提到的原生空白项目中的 build-profile.json5 文件内容复制。

在文件中搜索 useNormalizedOHMUrl 将值设置为 false。

注意： 考虑到很多用户不会修改配置，这里提供一个模版，强烈建议新手用户基于这个模版修改，只替换签名部分即可。

配置签名证书

# 3. 配置 `module.json5`

鸿蒙元服务需要获取使用特定的能力，比如元服务登录、震动、获取网络状态等原生提供的能力，需要配置权限模版。

项目根目录创建 harmony-mp-configs/entry/src/main/module.json5 文件。将上文提到的原生空白项目中的 entry/src/main/module.json5 的内容复制填充。HBuilderX 在构建时候会识别替换相关文件。

确保在 module 字段内，存在下面三个字段，如果不存在需要添加，不添加可能会让元服务运行闪退。

请务必注意：这三个字段添加到 module 内部，保证 srcEntry 出现里两次。

"srcEntry": "./ets/abilitystage/AbilityStage.ets", // 此时页面有两个 srcEntry
"metadata": [
	{
		"name": "appgallery_privacy_hosted",
		"value": "1" // 默认开启系统隐私弹窗，建议开启无需编写页面
	},
	{
	"name": "app_id",
		"value": "" // 填写实际应用的 app_id 获取方式见下方
	},
	{
		"name": "client_id",
		"value": "" // 填写实际应用的 client_id 获取方式见下方
	}
],
"dependencies": [
	{
		"bundleName": "com.huawei.hms.ascf",
		"moduleName": "ascf",
		"versionCode": 100000
	}
]

访问 AGC 后台，选择你的项目，在 项目设置 - 常规 页面中搜索 Client ID，匹配到的结果是下面需要到 client_id，这个参数会关联当前应用的相关权限，比如位置服务等。

# 4. 运行鸿蒙元服务

选择 运行 - 运行到小程序模拟器 - 鸿蒙元服务，在弹出的鸿蒙设置选择框中选择鸿蒙真机。

运行鸿蒙元服务

选择模拟器

构建流程完成后，控制台提示：

安装成功

在鸿蒙设备上启动运行 .hap ...

运行成功

同时真机页面更新，即可进行元服务开发和运行。

元服务的条件编译是 MP-HARMONY。

开发过程中遇到的问题，欢迎加入 uni-app鸿蒙化技术交流群进行交流，有官方人员进行答疑和指导。

如果遇到需要 debug 或者白屏问题可以下面方案进行调试。

# 发行与上架

元服务上架需要授权 DCloud 作为服务商完成上架，这里介绍如何将元服务上架到鸿蒙应用市场。

# 上架前置准备

注意：目前上架元服务，部分应用信息需要在鸿蒙元服务后台填写，访问华为 AppGallery Connect 后台，选择 我的元服务，选择对应的元服务 - 编辑。

需要填写 4 处资料：

设置 应用上架 - 应用信息 - 应用分类标签 填写应用分类标签，是为了下一步的内容分级做准备。
填写 内容分级 表单。
填写 隐私声明。
同意并勾选 版权信息 - 免责函 选项。

填写完点击页面右上角的保存按钮，其他没有提到的数据无需填写，这一步骤作用是填写上架所需的特定数据。

# 发行与上架步骤

在 HBuilderX 中开发 uni-app 上架到鸿蒙元服务需要下面 5 个步骤：

授权 DCloud 完成上架流程。
签署应用激励分享承诺函
配置发行签名证书。
应用打包。
完善上架资料

下面进行详细说明。

# 1. 授权 DCloud 完成上架流程

点击鸿蒙第三方授权链接打开下面页面：

第一步：

第二步：

选择你要上架的元服务，授权 DCloud 完成后续的上架流程。

# 2. 确认分享承诺

点击鸿蒙原生应用激励分享承诺函，如下图选择本次计划上架的应用（元服务），服务商字段输入“数字天堂”并选择，勾选“我已阅读”，点击提交，完成激励分享。

注意：必须完成分享承诺，才有机会拿到奖励金；

# 3. 配置发行签名证书

开发调试期间的证书不可用于应用上架。元服务发布证书的申请流程和鸿蒙应用开发类似，访问鸿蒙发布元服务文档进行发布证书的获取。

修改 build-profile.json5 里的 release 证书签名。务必注意调试和发行证书是两套，不能混用。

# 4. 应用打包

在 HBuilderX 中选择 发行 - 鸿蒙元服务，进行元服务打包。等待打包完成，会提示上传完成。接下来到 DCloud开发者中心完善上架资料。

上传成功截图如下：

# 5. 完善上架资料

在上个步骤中，控制台在上传完成之后，提示打开 DCloud 开发者中心。如果你是项目协作者账号登录，请切换为项目作者账号登录。

选择 应用管理 - 我的应用 - 选择项目 APPID，进入项目详情，选择 各平台信息，打开下面截图的页面，选择发布按钮。

表单会默认填写部分元服务信息，请务必确定完成了 上架前置准备 要求内容。填写完成后选择 提交审核 按钮。

下面是用户上架遇到的问题，请注意：

务必配置应用图标位元服务图标，页面中有元服务图标生成工具链接，否则会审核失败
发布版本 - 版本选取，选择创建时间最新的版本，勾选选择

上架过程中遇到的问题，欢迎加入 uni-app鸿蒙化技术交流群进行交流，有官方人员进行答疑和指导。

# 注意事项

# 启动元服务之后展示一个 Hello Wolrd 不是我设置的页面

如果你启动之后展示的是一个黑白界面展示了 Hello Wrold，说明 HBuilderX 提供的默认模版没有被修改，一般是自动化脚本没有成功执行，如果是 Mac 终端请务必注意：屏幕右上角会提示是否允许终端修改文件，一定要允许，才能保证自动化脚本执行成功。

# 如何修改元服务默认标题、图标、启动图等信息？

如果你开发过鸿蒙应用，会发现元服务工程和鸿蒙应用开发设置一致，配置文件同样遵循 module.json5 效果优先于 app.json5 ，参考鸿蒙应用组件配置文档。推荐在组件级别进行配置。

打开 entry/src/main/module.json5 ，定位到 module.abilities[0] 会找到下面几个字段：

description 应用描述
icon 应用图标
label 应用标题
startWindowIcon 应用启动图标，Splashscreen
startWindowBackground 应用启动时候屏幕颜色

这里的取值一般是 $media:xxx 对应图片索引，$string:xxx $color:xxx 对应配置文件的值。通过文件配置，在项目 harmony-mp-configs 目录创建 entry/src/main/resources/ 目录，并将原生工程相关配置复制过来。注意，zh_CN 大于 base 配置，优先修改 zh_CN 配置。

举例，下面是 zh-CN/element/string.json 中的内容，可以修改 EntryAbility_label 字段。

{
  "string": [
    {
      "name": "module_desc",
      "value": "模块描述"
    },
    {
      "name": "EntryAbility_desc",
      "value": "description"
    },
    {
      "name": "EntryAbility_label",
      "value": "label"
    }
  ]
}

元服务图标必须在华为提供的标准图标底板上设计，参考生成元服务图标生成图标，否则会上架审核不通过。最终得到 216x216 的图标放置在 harmony-mp-configs/entry/src/main/resources/base/media/app_icon.png 路径内。

上架时候，这个图标文件也需要在 DCloud 管理后台进行配置。

# 发布报错 `hvigor ERROR: Invalid storeFile value. Make sure it is not null or empty. The file must be included`

如果发生在应用运行、发行阶段。可能是构建时候证书缺少或者配置不对。参考鸿蒙发布元服务进行证书申请。

# 发行报错 hvigor ERROR: Unable to find the product 'release'.

如果是发生应用发行阶段，可能是未填写完整的发布证书，需要调整 build-profile.json5。

# 发送网络请求报错

需要主动开启网络访问状态、并且需要设置网络白名单。

开启网络配置。修改 harmony-mp-configs/entry/src/main/module.json5，在 json 文件的添加，表明需要 INTERNET 权限。

"requestPermissions": [
  {
    "name": "ohos.permission.INTERNET",
    "reason": "$string:app_name",
    "usedScene": {
      "abilities": ["FromAbility"],
      "when": "inuse"
    }
  }
]

还需要在配置网络访问白名单：

临时方案。进入手机 - 设置 - 系统 - 开发者选项（如果未开启关于手机 - 软件版本连续点击开启） - 开发中元服务豁免管控，选择开启后，可以自由调试。
稳定方案。整理 web-view 需要用到的相关域名，进入华为AppGallery Connect 后台 - 我的项目 - 开发管理 - 域名设置 - 服务器域名 - httpRequest 合法域名。按照提示进行填写。填写完成后打开手机设置 - 应用与元服务，删掉正在开发的元服务，重新启动应用。

# 组件 web-view 渲染空白，不能展示网页

同上，发送网络请求报错的解决方案。

# 组件打开 map 地图无法展示、API 位置相关使用报错

Map 和相关定位需要华为AppGallery Connect 后台进行权限申请。具体可以参考鸿蒙 Map Kit 开发准备，在项目设置 - API 管理开启定位服务、位置服务、地图服务。

在 harmony-mp-configs/entry/src/main/module.json5 在 requestPermissions 字段里添加 ohos.permission.LOCATION 和 ohos.permission.APPROXIMATELY_LOCATION 两条记录。

参考鸿蒙 Account Kit 开发准备设置相关权限，添加 scope 权限。

易错点： 1. 签名证书不能是自动签名，设置的是 agc 上下载的调试证书 2. mp-configs/entry/src/main/modueljson5 里有个 metadata cliend_id 确保值正确。 3. AGC 后台配置了指纹，添加了证书。

具体写法可以参考华为元服务登录开源代码进行参考。欢迎使用 uni-id-pages 插件加速元服务开发落地。

# API 获取网络类型失败、手机震动不等效

需要 GET_NETWORK_INFO 和 vibrate 权限。具体的鸿蒙元服务权限列表可以参考鸿蒙对所有应用开放的权限清单进行查询。按照 配置权限模版 章节进行配置。

# 组件 rich-text 渲染空白不展示

已修复。动态更新 rich-text 的 nodes 数据时候，内容不会更新。可以临时通过给 rich-text 添加 v-if 控制显隐，在 nextTick 中动态切换生效。

# 组件 Image 选择本地图片不展示

已知问题，等待元服务修复。目前 image 组件不支持本地路径，可临时通过路径字符串展示、或者上传后提供远程 URL 规避。

# 运行报错 `failed to install bundle. code:9568296 error: install failed due to error bundle type`

模拟器或者真机上已经安装了当前 BundleName 的应用。可能是证书复用导致的错误，重新确认当前证书是元服务证书，而不是鸿蒙 App 的证书。

# 运行报错 `hvigor ERROR: SDK component missing. Please verify the integrity of your SDK.`

你可能声明了不兼容的字段，需要在 harmony-mp-configs/build-profile.json5 里面去掉 app.products.*.compileSdkVersion 属性。

# 运行运行闪退，但是没有报错

一般来说 harmony-mp-configs/entry/src/main/module.json5 配置文件有问题，导致运行失败，需要检查配置文件，如果配置文件没有问题，可以尝试删除文件，重新运行一下。

确保按照 配置 module.json5 章节添加了三个字段，请注意是 module 内部添加，不是和 module 字段平级。

# 配置的 module.json5 注意事项

文件 harmony-mp-configs/entry/src/main/module.json5 会用来配置应用的一些应为，你可以参考鸿蒙 module.json5配置文件进行学习和参考。

如果你已经在开发鸿蒙 App ，见到 module.json5会感觉比较熟悉，有几个属性需要特别注意：

需要 module.installationFree 设置为 true
需要设置 module.srcEntry module.metadata 和 module.dependencies 参考上一条问题。

# 鸿蒙元服务的条件编译怎么写？

MP-HARMONY，具体参考条件编译文档。

# 运行报错 `Failed to install the HAP or HSP`

参考文档顶部 开发环境准备 部分，请确认：

真机是鸿蒙 Next 真机，系统版本是鸿蒙 5.0+。如果是鸿蒙 4.x 版本不属于鸿蒙 Next 系统，模拟器暂不支持。具体支持机型参考 HarmonyOS NEXT 支持机型
如果你调整过 hvigor 文件，可能锁定了 hbigor 版本为 1.0.0，请修改 hvigor/hvigor-config.json5 文件，粘贴下面内容。

{
  "modelVersion": "5.0.0",
  "dependencies": {
    "@atomicservice/ascf-toolkit-hvigor-plugin": "~1.0.1"
  },
  "execution": {
    // "analyze": "normal",                     /* Define the build analyze mode. Value: [ "normal" | "advanced" | false ]. Default: "normal" */
    // "daemon": true,                          /* Enable daemon compilation. Value: [ true | false ]. Default: true */
    // "incremental": true,                     /* Enable incremental compilation. Value: [ true | false ]. Default: true */
    // "parallel": true,                        /* Enable parallel compilation. Value: [ true | false ]. Default: true */
    // "typeCheck": false,                      /* Enable typeCheck. Value: [ true | false ]. Default: false */
  },
  "logging": {
    // "level": "info"                          /* Define the log level. Value: [ "debug" | "info" | "warn" | "error" ]. Default: "info" */
  },
  "debugging": {
    // "stacktrace": false                      /* Disable stacktrace compilation. Value: [ true | false ]. Default: false */
  },
  "nodeOptions": {
    // "maxOldSpaceSize": 8192                  /* Enable nodeOptions maxOldSpaceSize compilation. Unit M. Used for the daemon process. Default: 8192*/
    // "exposeGC": true                         /* Enable to trigger garbage collection explicitly. Default: true*/
  }
}

第一次启动会跳转到应用市场访问应用，网络问题可能会超时，重试两次就可以。正式上架后不会出现此问题。

# 运行报错 `code:9568305 error: Failed to install the HAP or HSP because the dependent module does not exist.`

此问题发行后不会出现，仅运行调试时有概率出现。

出现此问题时，请用鸿蒙 Next 真机，在手机搜索框或手机里的华为应用市场里搜索uniapp，并点击出现的元服务 helloUniApp，点打开，然后再关闭，最后在hbx重启项目即可

# 分包 `The subpackage path name does not meet the requirements`

已修复。参考运行报错调整 hvigor 版本号。

# 之后突然报错 `Cannot find module '@atomicservice/ascf-toolkit'`

已修复。参考运行报错调整 hvigor 版本号。

# 元服务 ARM 模拟器申请

基于 ARM 架构 Mac M1 等系列芯片用户，目前可以申请 ARM 模拟器运行和调试鸿蒙元服务。如需申请，请发送邮件向华为运营人员申请。在收到邮件申请后，华为运营人员将在1-3个工作日内为你安排对接人员。

申请方法如下：

申请邮箱地址：atomicservice@huawei.com
邮件标题：[模拟器联调版本申请]-[元服务名称]-[APP ID]-[Developer ID]，APP ID等查询方法见下方信息。
邮件正文：

XXX元服务当前正在进行鸿蒙化开发，由于样机不足等，特申请携带ASCF框架特性直板机模拟器 Mac Arm联调版本，用于XXX。
【使用范围】：开发调试XXX元服务
【版本接收人】：XXXX (接收人邮箱)
【华为账号ID】：XXXX (开发者ID，不是账号名称)
【使用时限】： 2024年X月XX日 - 2024年12月31日 （在结束时间点需要完成版本收编）
我承诺：我清楚该版本是非正式发布版本，可能存在部分问题。如遇到问题，我愿意参与帮助改进。该版本仅用于功能测试和问题联调，受限使用不会扩散，版本会按时收编。

承诺人：XX 
日期：202X年X月XX日

注意：如何查询 APP ID 和 Developer ID？

打开华为 AGC 后台，打开 我的项目 - 选择项目 ，也在页面顶部选择当前的元服务应用。页面中包含 Developer ID 和 APPID （APPID 也就是元服务包名中的数字部分）。

# 我希望自动化来处理元服务的创建、更新和维护

目前华为提供了一个自动化工具，用来自动化处理多个元服务的创建、信息维护和更新操作。详见元服务工具使用指导

# 备案如何获取公钥和签名信息？

备案类问题参考阅读：APP 备案 FAQ。

# 元服务如何调试、遇到渲染白屏了怎么看？

首先建议缩小问题范围，注释页面相关逻辑，锁定出问题的页面、组件、逻辑，从而针对性的调试。如果希望开启远程调试，可以按照下面方法操作。

阅读官方文档使用DevTools工具调试前端页面

按照文档操作，简单来说可以分成三个步骤：

确认插入了设备执行 hdc shell "cat /proc/net/unix | grep devtools" 记录返回数据尾部的数字部分
转发端口 hdc fport tcp:9222 localabstract:webview_devtools_remote_[刚才的数字部分] 返回 OK
打开浏览器 chrome://inspect/#devices 观察 Remoet Target 进行调试。

# API uploadFile 报错，其他端正常

已知问题，等下修复。观察上传参数里是否有数字类型参数，强转为字符串。

运营产品

uni-ad uni统计 uni发行 uni安全专题

开发者服务

问答社区开发者后台

技术文档

uni-app文档 uniCloud文档原生开发者支持文档 HBuilder文档

生态服务

插件市场 OAuth用户开放平台

关于我们： DCloud官网案例需求墙许可协议加入我们赞助我们

联系我们：商务合作：bd@dcloud.io 广告合作：uniad@dcloud.io

DCloud.io 数字天堂（北京）网络技术有限公司是

HTML5中国产业联盟发起单位

京公网安备：11010802035340号

国家信息安全等级保护三级，证书编号：11010813802-20001