> 文档中心 > OpenHarmony JS项目开发流程

OpenHarmony JS项目开发流程


2022 CSDN OpenHarmony应用学习挑战赛火热报名中,平板电脑、智能手表、智能手环等你来拿!点击链接了解详情:2022CSDN Openharmony应用学习挑战赛(点我立即报名)

一、配置OpenHarmony开发环境

1.1软件需求

1)下载并安装好DevEco Studio 2.1 Release及以上版本,下载链接:https://developer.harmonyos.com/cn/develop/deveco-studio#download

2)获取OpenHarmony SDK包并解压,下载链接:https://mirror.iscas.ac.cn/OpenHarmony/sdk/OpenHarmony-SDK-2.0-Canary.7z

1.2配置OpenHarmony SDK

在DevEco主界面,点击工具栏中的File> Settings > Appearance & Behavior > System Settings > HarmonyOS SDK界面,点击HarmonyOS SDK Location加载SDK,如图1.2.1、1.2.2、1.2.3、1.2.4所示

 图1.2.1

 图1.2.2

图1.2.3

 图1.2.4

之后一路Next、Finish完成配置。

1.3安装额外包

​ 进入OpenHarmony-SDK-2.0-Canary\js\2.2.0.0\build-tools\ace-loader目录,然后在该目录下运行命令行工具,分别执行如下命令,直至安装完成,如图1.3.1所示:

npm cache clean -fnpm install

 图1.3.1

​ 至此,OpenHarmony 开发环境配置完成。

二、创建、打开OpenHarmony JS工程

2.1 使用DevEco2.1 Release版本

​ 2.1版本的DevEco针对OpenHarmony应用开发,只能通过导入Sample工程的方式来创建一个新工程,目前,支持OpenHarmony应用开发的Sample工程,请选择导入含有**“This sample is intended for novices at developing OpenHarmony applications.”**说明的Sample,例如选择common分类中的JsHelloWorld。如图2.1.1、2.1.2所示:

 图2.1.1

 图2.1.2

​ Sample导入后,请打开工程下的build.gradle,修改hap插件的版本号为**“2.4.4.3-RC”**,如图2.1.3所示:

 图2.1.3

​ 最后执行gradle sync,等待同步完成。同步成功后,便可以进行OpenHarmony应用开发了。

2.2 使用DevEco2.2 beta版本

2.2版本的DevEco可以在菜单栏选择File > New > New Project来创建一个OpenHarmony工程,与HarmonyOS工程的创建方法一致。

三、配置签名证书,编译

​ 在完成应用开发后,需要编译并打包为Hap才能够安装到OpenHarmony开发板中。并且没有配置证书的Hap无法被安装到OpenHarmony开发板中,所以在在打包Hap前首先需要配置证书。

3.1 申请证书

​ OpenHarmony与HarmonyOS的证书不通用,所以需要额外进行申请,具体申请流程可以参考:

OpenHarmony证书申请参考openharmony官方文档镜像版https://gitcode.net/weixin_50077637/openharmony-docs/-/blob/master/zh-cn/application-dev/quick-start/configuring-openharmony-app-signature.md

3.2 配置证书

​ OpenHarmony与HarmonyOS的证书的配置方法相同,同样可以参考:

 OpenHarmony证书配置参考openharmony官方文档镜像版https://gitcode.net/weixin_50077637/openharmony-docs/-/blob/master/zh-cn/application-dev/quick-start/configuring-openharmony-app-signature.md

3.3 编译

​ 配置好证书后,就可以编译了。OpenHarmony与HarmonyOS的应用的编译方法相同。在工具栏点击Build->Build Hap(s)/APP(s)->Build Hap(s),如图3.3.1所示:

 图3.3.1

​ 等待项目编译完成,图3.3.2为编译成功的显示:

 图3.3.2

在工程文件的build目录下找到XXXXXX-signed.hap,这个就是可以在开发板中安装的Hap包,如图3.3.3所示。

 图3.3.3

四、推送到开发板/设备

4.1下载hdc_std工具

与HarmonyOS设备使用的hdc工具不同,OpenHarmony需要hdc_std作为调试工具,hdc-std下载链接:HDC-OpenHarmony设备连接器HDC-OpenHarmony设备连接器 镜像仓库https://gitcode.net/weixin_50077637/developtools_hdc_standard/-/blob/master/README_zh.md

4.2 配置环境变量(Windows)

​ 将hdc_std.exe添加到系统的环境变量中。在cmd中输入**”hdc_std -h”**验证环境变量是否添加成功。

4.2 使用hdc_std安装Hap

使用usb连接开发板后,使用**”hdc_std install ”**来安装在3.3节中编译好的Hap,如图4.2.1所示:

输入图片说明

图4.2.1

五、运行

以Hi3516DV300开发板为例,在开发板屏幕上点击应用图标即可打开应用。

文章引用来源:OpenHarmony JS项目开发流程.md · ISRC_OHOS/UltimateHarmonyReference - Gitee.comhttps://gitee.com/isrc_ohos/ultimate-harmony-reference/blob/master/OpenHarmony%20JS%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B.md

全民K歌电脑版