乐趣区

关于openharmony:一文读懂在OpenHarmony轻量设备开发应用

作者:蔡奇

本文档旨在解说新建 Helloworld 我的项目步骤、固件包烧录到 BES2600WM 开发板、实现 js 和 C 代码的通信。该 Demo 重点体现的是 OpenAtom OpenHarmony(以下简称“OpenHarmony”)3.1 Beta 零碎轻量设施 js 和 C 的交互能力,

成果如图

(注:BES2600WM 是 V200Z-R 开发板外围芯片,欧智通是 V200Z-R 开发板厂商,BES2600WM 开发板为轻量设施,移植 OpenHarmony 3.1 Beta 版本零碎)

欧智通 V200Z-R 是一款可带一块 480*480 显示屏的开发板,其特点如下:

① V200Z-R 是高度集成的无线模块,具备语音和音频性能。基于 BES2600WM 解决方案实现,具备 Cortex-M33 Star 双核 MCU 子系统和 Cortex-A7 双核 AP 子系统;

② 该模块反对低功耗 Wi-Fi4(1T1R 802.11a/b/g/n 双频段)和蓝牙 5.2 双模(反对 BT/BLE、LE 音频)。此外,它还提供了一个高性能的板载天线,从而升高了硬件设计的复杂性;

③ V200Z-R 还提供了一个语音和音频编解码器子系统和一个显示 2D 图形引擎子系统。它反对 MIPI DSI 高清显示 (720P@ 60fps),反对高达 2MPixel 的 MIPICSI 摄像头,并反对最多 3 个模仿麦克风或 6 个数字麦克风用于远场语音利用的麦克风阵列。单片机子系统运行蓝牙协定栈,AP 子系统和 2D 硬件图形引擎能够减速 GUI 和 VUI、语音和音频解决以及人工智能工作。如图:

1、新建工程、抉择模板

因为 BES2600WM 开发板为轻量设施,移植的是 OpenHarmony 3.1 Beta 版本零碎,且该零碎版本反对在轻设施开发 js 利用,故这里抉择代表轻设施的: “[Lite]Empty Ability” 模板,如图:

2、填写工程信息

顺次实现如下信息填写:

①:填好工程名称(Project name)

②:抉择工程类型 Application

③:填写包名

④:批改保留门路

⑤:抉择开发语言 JS

⑥:抉择 API 版本 Version 7

⑦:抉择设施类型

抉择“Finish”,至此,新建工程结束,如图:

此时,该新建的工程构造,如下图:

其中:

a) .hml 结尾的 HML 模板文件,这个文件用来形容以后页面的文件布局构造;

b) .css 结尾的 CSS 款式文件,这个文件用于形容页面样;

c) .js 结尾的 JS 文件,这个文件用于解决页面和用户的交互。

3、增加 js 和 C 代码之间的交互

3.1 js 如何传数据给 C

首先,在 hml 文件中增加按钮 button,如图:

在 index.css 文件中定义中该按钮大小、文字色彩、字体等,如图:

而后,在 index.js 文件中定义按钮响应事件:onButtonClick(),它调用 SetKey() 能将 key 为“JSAction“,value 为“Hello World”的字符串发送给 C 端,如图:

SetKey 函数的具体写法如下:

SetKey(key1, value1) {
    CommunicationKit.set({
        key: key1,
        value: value1,
        success: function() {console.log('call storage.set success.');
        },
        fail: function(data, code) {console.log('call storage.set fail, code:' + code + ', data:' + data);
        },
    });
},

注:SetKey 函数中的 CommunicationKit 模块申明文件须要拷贝到 DevEcoStudio 所装置的:“/DevEcoToolSdk/js/3.0.0/api/common/”目录上面,如图:

该 CommunicationKit 模块申明文件在和本 README.md 文件同级目录的文件夹“CommunicationKit_Tool/”,如图:

最初,点击该按钮,如图:

此时,C 端通过 JsSetClang 办法获取 JS 端发送过去的 key 为:“JSAction“,value 为:“Hello World”的字符串数据,如图:

并且,该函数增加了 LOG_I 打印 JS 端发过来的数据,如图:

该函数定义如下:

static int JsSetClang(const char *key, char *value)
{if (NULL == key || NULL == value) {return -1;}
    if ((0 == strcmp(key, "JsAction")) && (0 == strcmp(value, "Hello World"))) {
        g_recvJsDataFlag = !g_recvJsDataFlag;
        LOG_I("Get JS string information -> %s.\r\n", value);
    }
    return 0;
}

C 端收到 JS 端数据后,该 LOG_I 所打印信息如图所示:

(注:C 端的代码门路 (https://gitee.com/openharmony…))

3.2 C 如何传数据给 js

首先,轻量设施端的 C 程序通过 JsGetClang 办法向 JS 发送 key 为”ResponseFromC“,value 为“Hello World from BES2600!”的字符串,如图:

该函数定义如下:

static int JsGetClang(const char *key, char *value)
{char buf[1024] = {0};
    memset(buf, 0, sizeof(buf));

    if(0 != g_recvJsDataFlag) {memcpy(buf, "{\"ResponseFromC\":\"Hello World from BES2600!\"}",
            strlen("{\"ResponseFromC\":\"Hello World from BES2600!\"}") + 1);
        buf[strlen("{\"ResponseFromC\":\"Hello World from BES2600!\"}")] = '\0';
    }
    memcpy(value, buf, strlen(buf) + 1);
    return 0;
}

而后,JS 页面初始化的时候,JS 曾经通过设置定时器来轮询 GetKey() 办法,一直获取 C 程序传过来的数据,当收到数据后,在界面显示进去,如图:

GetKey() 办法的具体写法如下,如图:

GetKey() {
    CommunicationKit.get({
        key: 'storage_key',
        success: (data)=> {console.log('call storage.get success:' + data);
            let res = JSON.parse(data)
            if (res.ResponseFromC) {this.title = res.ResponseFromC;}
        },
        fail: function(data, code) {console.log('call storage.get fail, code:' + code + ', data:' + data);
        },
        complete: function() {console.log('call complete');
        },
    });
},

最初,C 端发送过去的数据“Hello World from BES2600!”在界面显示如下:

4、生成 Hap 文件

下载 / 新建结束 js 端代码后,在 DevEcoStudio 开发环境关上如下代码,如图:

(注:js 端的代码门路 (https://gitee.com/openharmony…))

顺次抉择:

①:“Build”

②:“Build Hap(s)/APP(s)”

③:“Build Haps(s)”,如图:

编译通过,生成 Hap 文件结束,点击“Build”可查看后果,如图所示:

5、提取 Hap 文件内 js 相干文件

进入到新建的 HelloWrold 工程下“\entry\build\outputs\hap\debug”目录,找到 hap 包:“entry-debug-lite-unsigned.hap”,如图:

(注:因为目前轻量设施的包不须要签名,所以间接应用 unsigned 的 hap 包)

将该.hap 文件复制一份,并将后缀名批改成“.zip”,如图:

解压该 zip 包,顺次进入“asset/js/default/”目录,删除 app.js.map,残余的文件是 js 相干文件,如图:

6、生成 Bes2600 固件

6.1 OpenHarmony v3.1-Beta 代码下载

关上虚拟机,输出如下 repo 命令

• 首先,在虚拟机输出:

repo init -u git@gitee.com:openharmony/manifest.git -b refs/tags/OpenHarmony-v3.1-Beta –no-repo-verify

如图:

执行结束后,如图:

• 而后,输出:

repo sync -c

如图:

执行结束后,如图:

• 最初,输出:

repo forall -c ‘git lfs pull’

如图:

执行结束后,如图:

这三条命令执行结束,即可实现 OpenHarmony V3.1 Beta 版本代码下载,其工程构造如下图:

为了和后续的 bes2600 辨别开,可将上图 ”vendor/” 文件夹下层的“Bes2600/”文件夹改成“OpenHarmony3.1_Beta/”,而后,顺次进入“OpenHarmony3.1_Beta/vendor/team_x”,如下图:

6.2 增加 Bes2600 c 端代码下载

关上 HelloWorld C 端的代码门路 (https://gitee.com/openharmony…)(该源码可运行于 Bes2600 开发板),顺次点击“克隆 / 下载”和“下载 zip”,如图:

下载结束,解压 zip 后,进入如下目录,复制:“knowledge_demo_temp\dev\team_x\bes2600_app_jsi_helloworld”文件夹下全部内容,如图:

粘贴到“OpenHarmony3.1_Beta/vendor/team_x/bes2600”门路下,如图:

(注:“bes2600”文件夹不存在的话,能够新建,OpenHarmony3.1_Beta 为刚刚下载的零碎代码)

关上“bes2600/fs/data/data/js/”文件夹,如图:

复制刚刚从 Hap 文件中提取的 js 文件:即 “default/” 文件夹下全部内容,如图:

粘贴到“smart_door_bell/fs/data/data/js”门路 (注:同名文件能够笼罩),如图:

该门路在虚拟机显示成果,如图:

6.3 Bes2600 固件生成

在虚拟机进入 OpenHarmony3.1_Beta/ 目录,输出命令:“hb set”,抉择编译的工程名字,如图:

抉择方才的工程名字:“bes2600”,开始编译,如图:

编译通过,Bes2600 开发板固件生成胜利,如图:

7、烧录固件

7.1 下载 CP210x 串口驱动

在浏览器关上下载链接,点击下载,如图:(注:该串口驱动官网下载链接:https://www.silabs.com/docume…)

7.2 装置 CP210x 串口驱动

解压“CP210x_Windows_Drivers.zip”,点击:“CP210xVCPInstaller_x64.exe”,如图:

(注:32 位零碎能够装置 x86 版本,64 位零碎能够装置 x64 版本)

装置结束,点击“实现”,如图:

链接好开发板(Bes2600 开发板的“烧录”和“电源”接口能够别离通过 type_c 连贯到电脑),如图:

关上 WIFI 烧录工具,如图:

(注:当编译结束、固件生成胜利后,该烧录工具“Wifi_download_main.exe”就会主动被生成在:工程 ”bes2600/write_flash_gui” 文件夹下)

关上后,如图:

7.3 开始烧录固件

鼠标右键点击 PC 右下角,关上:“设施管理器 (M)”,如图:

(注: 关上设施管理器前,请确保 CP210x 串口驱动是否装置)

搜寻“端口 -> USB SERIAL Port(COM10*)”,须要记住 COM,每台设施的不一样,如图:

(注:如果端口没显示,请拔掉 usb 口再插上或更换 usb 线)

抉择对应的 com 口,点击“OK”,如图:

按下 BES2600WM 开发板反面的复位 Reset 按钮,如图:

开始烧录,如图:

烧录胜利,如图:

按下轻量设施反面的复位 Reset 按钮,如图:

此时,BES2600WM 开发板将重新启动,在屏幕上点击“js 调用 c”按钮后,界面胜利显示 C 端传过来的字符串:“Hello World from BES2600!”,如图:

智能门铃样例也基于恒玄开发板

https://growing.openharmony.c…

更多样例请参考官网

https://growing.openharmony.c…

退出移动版