用鸿蒙开发AI应用（八）JS框架访问内核层

企业开发 2023-10-02 22:38:00 阅读次数: 0

前言

上回说到，用`C++`来写`UI`界面的开发效率不如`JS+HTML`来的高，但设备开发又免不了要通过内核态来操作硬件，这里我们就要先打通从`JS框架`到设备驱动之间的联系。本章基于`HDF驱动`和`JS+CSS+HTML`的技术上进行，相关内容可以回顾`用鸿蒙开发AI应用（五）HDF 驱动补光灯`和`用鸿蒙开发AI应用（六）UI篇`这两篇。

JS应用开发框架原理

在第六篇里，我们已经体验了一下使用JS开发界面的流程，这里简单分析ace的实现原理。

先看框架图，类小程序的Web应用先编译成js bundle包，通过JS Data binding来获取对象映射。其中Observer实现了一个极简的MVVC模型，用于将DOM上的对象分为4种类型（render、data、styleSheet、function），采用数据劫持机制分别挂载到观察者的原型函数上，并转化到C++函数执行。

查看源码就会发现，JS的部分是极简的，JS 引擎采用了JerryScript，每一个标签对应了一个C++的Component类。绝大部分功能实际都由C++实现，包括事件注册和触发，页面路由，控件的更新，超时，文件操作，命令行输出等等... 所有API的100%对接不禁让我想起了一个动画片。

进入C++领域后就方便很多了，此时的ACE仍处于用户态，用HDF上的消息机制就能触达内核，无非是再包装一层API的套娃操作。

内置模块

这里有一系列@system.xxx的模块提供了访问APP、Router、Audio、Sensor等等的设备能力。ohos_module_config.h定义了JS框架中模块的别名到模块初始化函数的对应关系。其中app，dfx，router模块是必有的。

// Config information for built-in JS modules of OHOS platform
const Module OHOS_MODULES[] = {
#ifdef ENABLE_MODULE_REQUIRE_TEST
    {"sample", InitSampleModule},
#endif
    {"app", InitAppModule},
#ifdef FEATURE_MODULE_AUDIO
    {"audio", InitAudioModule},
#endif // FEATURE_MODULE_AUDIO
    {"dfx", InitDfxModule},
    {"router", InitRouterModule},
#ifdef ENABLE_MODULE_CIPHER
    {"cipher", InitCipherModule},
#endif
};

实现ace模块

背景知识介绍完了，就可以根据业务的复杂度来依葫芦画瓢的自定义ace模块封装功能，这里为了简化操作，我们直接在内置的app模块上挂载操作。

1. 定义头文件

修改foundation/ace/frameworks/lite/src/core/modules/app_module.h，加入ToggleLed函数并初始化。

namespace OHOS {
namespace ACELite {
class AppModule final : public MemoryHeap {
public:
    static JSIValue ToggleLed(const JSIValue thisVal, const JSIValue* args, uint8_t argsNum);

void InitAppModule(JSIValue exports)
{
    JSI::SetModuleAPI(exports, "getInfo", AppModule::GetInfo);
    JSI::SetModuleAPI(exports, "terminate", AppModule::Terminate);
    JSI::SetModuleAPI(exports, "toggleLed", AppModule::ToggleLed);
}
} // namespace ACELite
} // namespace OHOS
#endif // OHOS_ACELITE_APP_MODULE_H

2. 调用HDF驱动

在foundation/ace/frameworks/lite/src/core/modules/app_module.cpp中加入，

#include <fcntl.h>
#include <sys/stat.h>
#include <sys/ioctl.h>
#include <unistd.h>
#include "hdf_sbuf.h"
#include "hdf_io_service_if.h"

#define LED_WRITE_READ 1
#define LED_SERVICE "led_service"

JSIValue AppModule::ToggleLed(const JSIValue thisVal, const JSIValue *args, uint8_t argsNum)
{
    HILOG_ERROR(HILOG_MODULE_ACE, "led button pressed.");
    printf("led button pressed\n");

    struct HdfIoService *serv = HdfIoServiceBind(LED_SERVICE, 0);
    if (serv == NULL)
    {
        printf("fail to get service %s\n", LED_SERVICE);
        return JSI::CreateUndefined();
    }

    static struct HdfDevEventlistener listener = {
        .callBack = OnDevEventReceived,c
        .priv = (void *)"Service0"};

    if (HdfDeviceRegisterEventListener(serv, &listener) != HDF_SUCCESS)
    {
        printf("fail to register event listener\n");
        return JSI::CreateUndefined();
    }

    const char *send_cmd = "toggle LED";

    if (SendEvent(serv, send_cmd))
    {
        printf("fail to send event\n");
        return JSI::CreateUndefined();
    }

    if (HdfDeviceUnregisterEventListener(serv, &listener))
    {
        printf("fail to  unregister listener\n");
        return JSI::CreateUndefined();
    }

    HdfIoServiceRecycle(serv);

    return JSI::CreateUndefined();
}

3. 配置HDF头文件路径

修改 foundation/ace/frameworks/lite/src/core/modules/BUILD.gn

include_dirs = [
    "presets",
    "maplejs",
    "//test/lite/testservice/include",
    "//vendor/huawei/watchgt/devkit/hal/include",
	"//foundation/distributedschedule/interfaces/innerkits/samgr_lite/communication/mpc/transport",
    "//foundation/distributedschedule/interfaces/innerkits/samgr_lite/communication/mpc",
    
    "//drivers/hdf/lite/include/host",
    "$HDF_FRAMEWORKS/ability/sbuf/include",        
    "$HDF_FRAMEWORKS/core/shared/include",
    "$HDF_FRAMEWORKS/core/host/include",
    "$HDF_FRAMEWORKS/core/master/include",
    "$HDF_FRAMEWORKS/include/core",
    "$HDF_FRAMEWORKS/include/utils",
    "$HDF_FRAMEWORKS/utils/include",
    "$HDF_FRAMEWORKS/include/osal",
    "$HDF_FRAMEWORKS/adapter/syscall/include",
    "$HDF_FRAMEWORKS/adapter/vnode/include",
]

修改foundation/ace/frameworks/lite/BUILD.gn

config("ace_lite_config") {
  include_dirs = [
  ...
  ]
  
  include_dirs += [
    "//drivers/hdf/lite/include/host",
    "$HDF_FRAMEWORKS/ability/sbuf/include",        
    "$HDF_FRAMEWORKS/core/shared/include",
    "$HDF_FRAMEWORKS/core/host/include",
    "$HDF_FRAMEWORKS/core/master/include",
    "$HDF_FRAMEWORKS/include/core",
    "$HDF_FRAMEWORKS/include/utils",
    "$HDF_FRAMEWORKS/utils/include",
    "$HDF_FRAMEWORKS/include/osal",
    "$HDF_FRAMEWORKS/adapter/syscall/include",
    "$HDF_FRAMEWORKS/adapter/vnode/include",
  ]
}
shared_library("ace_lite") {
      
  public_deps = [
    "//base/security/frameworks/crypto_lite/js/builtin:ace_kit_cipher",
    "//foundation/graphic/lite/frameworks/surface:surface",
    "//foundation/multimedia/frameworks/camera_lite:camera",
    "//foundation/multimedia/frameworks/player_lite:player",
    "//foundation/multimedia/interfaces/kits/player_lite/js/builtin:audio_api",
    "//third_party/bounds_checking_function:libsec_shared",
    "//third_party/cJSON:cjson_shared",
    "//third_party/jerryscript/jerry-core:jerry-core_shared",
    "//third_party/jerryscript/jerry-ext:jerry-ext_shared",
    "//third_party/jerryscript/jerry-libm:jerry-libm_shared",
    "//third_party/jerryscript/jerry-port/default:jerry-port-default_shared",
    "//utils/native/lite/js/builtin:ace_utils_kits",
    "//utils/native/lite/timer_task:ace_kit_timer",

    "//drivers/hdf/lite/manager:hdf_core",
    "//drivers/hdf/lite/adapter/osal/posix:hdf_posix_osal",
  ]
}

4. 编译烧录

python build.py my_hi3516dv300 -b debug

涉及到HDF驱动和ACE框架，就要重新完整烧录镜像文件。

开发界面程序

1. 配置模块接口

前面我们在内置app模块上增加了函数taggleLed，对于DevEco Studio来说是无法直接获取的，所以要先增加api接口。

修改\Huawei\Sdk\js\2.0.1.93\api\smartVision\@system.app.d.ts文件

export default class App {
  /**
   * Obtains the declared information in the config.json file of an application.
   */
  static getInfo(): IAppInfo;

  /**
   * Destroys the current ability.
   */
  static terminate(): void;
  
  /**
   * 翻转Led
   */
  static toggleLed(): void;
}

2. 页面触发

这里我们在之前的UI篇的程序中，借用一个滑动事件来触发这个翻转Led的操作。

修改entry/src/main/js/default/pages/index/index.js

swiperChange (e) {
    this.swiperPage = e.index;
    if(e.index == 0){
        this.iconcheckedColor = '#ffffff';
        this.iconUncheckedColor = '#262626';
    }else{
        this.iconcheckedColor = '#262626';
        this.iconUncheckedColor = '#ffffff';
    }
    // 调用翻转Led函数
    app.toggleLed();
}

其中toggleLed这个函数名要与之前ace模块初始化注册时，JSI::SetModuleAPI中定义的字符串名称相匹配。

3. 打包成Hap

将应用打包成Hap改名为MyUILed.hap

4. 安装到设备

具体nfs映射目录，参考前篇所述。

mkdir nfs
mount 192.168.1.52:/nfs /nfs nfs
cd nfs
./dev_tools/bin/bm set -s disable
./dev_tools/bin/bm install -p MyUILed.hap

5. 运行程序

滑动主界面，看到Led灯切换就说明程序运行成功了。

简单总结一下整个流程，

  • 主页面index，引入import app from '@system.app'模块；

  • 事件中调用app.toggleLed();来发起操作；

  • 通过JS框架打包成MyUILed.hap（本质是一个zip包）；

  • 安装到设备上后，就被解压还原成JS代码；

  • 设备上的ace框架通过JSI::SetModuleAPI，将JS代码通过关键字"toggleLed"映射成对应的C++函数AppModule::ToggleLed；

  • AppModule::ToggleLed函数中找到LED_SERVICE,发送HDF消息

  • 内核中HDF驱动收到消息后，真正执行了LED翻转操作。

至此，鱼和熊掌是可以兼得了，我们既能高效的以类小程序方式来构建漂亮的UI部分，又能高效的用C++来访问设备底层功能，可以为后续大量的AI密集计算铺平了道路。

资料下载

本期相关文件资料，可在公众号“深度觉醒”，后台回复：“ohos08”，获取下载链接。

下一篇预告

最近更新 DevEco Device Tools 2.0，

整合了很多 hpm 和 hos 命令，

下一篇，我们先来尝鲜一下新版的烧录工具，

敬请期待...

往期推荐

猜你喜欢

转载自blog.csdn.net/weixin_47479625/article/details/113733673
今日推荐
火速冲上 GitHub 热榜 —— 开源编程语言、框架哪有这么可爱？
北京人形机器人创新中心发布全球首个纯电驱拟人奔跑的全尺寸人形机器人“天工”
LFOSSA 源来如此公开课 | 掌握云原生未来：CNCF 认证全面攻略与备考秘籍
国产云输入法——仅华为无云端数据上传安全问题
开源日报 | 工业开源项目OGG 1.0；姐姐，你要和我一起配置火狐吗；苹果AI遥遥落后？Fedora 40
开放签电子签章：停止新增，优化体验，前进更进（五一假期前工作）
开源日报 | 中学生开源前端动画引擎；全球首个Llama3 8B中文版开源模型；联想电脑恐出局；Linus讽刺AI炒作
周排行
浏览器对同一域名进行请求的最大并发连接数
React Hook之自定义Hook
【转】MyBatis缓存机制
-Java-泛型
自动化测试常用脚本-发送邮件
LeetCode#859: Buddy Strings
java、Python处理字符串
第二篇の博客
Hadoop伪分布式环境安装
SQL Server进阶（十一）临时表、表变量
每日归档
更多
2024-04-27(56)
2024-04-26(39)
2024-04-25(22)
2024-04-24(36)
2024-04-23(26)
2024-04-22(39)
2024-04-21(0)
2024-04-20(6)
2024-04-19(5)
2024-04-18(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022