HarmonyOS鸿蒙Next中想要使用js/css/html开发一个元服务应用，怎么创建项目，目前创建出来的都是ets

HarmonyOS鸿蒙Next中想要使用js/css/html开发一个元服务应用，怎么创建项目，目前创建出来的都是ets 想要使用js/css/html开发一个元服务应用，怎么创建项目，目前创建出来的都是ets，新的编辑器创建项目的时候也不能选择语言

4 回复

鸿蒙原生的开发语言就是Arkts语言，要使用js/css/html，需要用web桥接[https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomicserviceweb-guidelines-V5]

更多关于HarmonyOS鸿蒙Next中想要使用js/css/html开发一个元服务应用，怎么创建项目，目前创建出来的都是ets的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


元服务开发指导：https://developer.huawei.com/consumer/cn/doc/atomic-guides-V5/atomic-service-development-V5

在HarmonyOS鸿蒙Next中使用js/css/html开发元服务应用，创建项目时默认生成的是ets文件，而非js/css/html。这是因为鸿蒙Next的默认开发模式是基于ArkTS（即ets文件）的。若需使用js/css/html进行开发，需手动调整项目配置。

  1. 创建项目：在DevEco Studio中，选择“Create Project”，然后选择“Service”模板。默认生成的项目会基于ArkTS（ets文件）。

  2. 调整项目结构：在项目根目录下，找到entry/src/main目录，删除其中的ets文件夹。然后在该目录下创建js、css、html文件夹，分别用于存放JavaScript、CSS和HTML文件。

  3. 修改配置文件：在entry/src/main目录下，找到config.json文件，修改其中的abilities配置，将srcEntry属性指向你创建的HTML文件路径。例如：

"abilities": [
    {
        "name": ".MainAbility",
        "srcEntry": "./html/index.html",
        "launchType": "standard"
    }
]
  1. 编写HTML/JS/CSS：在创建的html、js、css文件夹中分别编写对应的文件。例如，在html/index.html中引入JS和CSS文件：
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <script src="../js/main.js"></script>
</body>
</html>
  1. 编译运行：完成上述配置后，通过DevEco Studio编译并运行项目。项目将以HTML/JS/CSS为基础进行开发。

通过以上步骤，可以在鸿蒙Next中使用js/css/html开发元服务应用。

在HarmonyOS鸿蒙Next中，若要使用JS/CSS/HTML开发元服务应用，请按以下步骤操作：

  1. 打开DevEco Studio，选择新建项目。
  2. 在项目模板中，选择"Service Ability"模板。
  3. 在语言选择中，选择"JS"。
  4. 完成项目创建后，你将在项目中看到js、css和html文件目录，这些文件用于开发元服务应用。

确保你的DevEco Studio版本支持JS开发，并遵循官方文档进行配置和开发。

回到顶部