1# 使用Node-API实现跨语言交互开发流程 2 3 4使用Node-API实现跨语言交互,首先需要按照Node-API的机制实现模块的注册和加载等相关动作。 5 6 7- **ArkTS/JS侧**:实现C++方法的调用。代码比较简单,import一个对应的so库后,即可调用C++方法。 8 9- **Native侧**:.cpp文件,实现模块的注册。需要提供注册lib库的名称,并在注册回调方法中定义接口的映射关系,即Native方法及对应的JS/ArkTS接口名称等。 10 11 12此处以在ArkTS/JS侧实现add()接口、在Native侧实现Add()接口,从而实现跨语言交互为例,呈现使用Node-API进行跨语言交互的流程。 13 14 15## 创建Native C++工程 16 17- 在DevEco Studio中**New > Create Project**,选择**Native C++**模板,点击**Next**,选择API版本,设置好工程名称,点击**Finish**,创建得到新工程。 18 19- 创建工程后工程结构可以分两部分,cpp部分和ets部分,工程结构具体介绍可见<!--RP1-->[C++工程目录结构](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-project-structure-V5)<!--RP1End-->。 20 21 22## Native侧方法的实现 23 24- 设置模块注册信息 25 26 ArkTS侧import native模块时,会加载其对应的so。加载so时,首先会调用napi_module_register方法,将模块注册到系统中,并调用模块初始化函数。 27 28 napi_module有两个关键属性:一个是.nm_register_func,定义模块初始化函数;另一个是.nm_modname,定义模块的名称,也就是ArkTS侧引入的so库的名称,模块系统会根据此名称来区分不同的so。 29 30 ``` 31 // entry/src/main/cpp/napi_init.cpp 32 33 // 准备模块加载相关信息,将上述Init函数与本模块名等信息记录下来。 34 static napi_module demoModule = { 35 .nm_version = 1, 36 .nm_flags = 0, 37 .nm_filename = nullptr, 38 .nm_register_func = Init, 39 .nm_modname = "entry", 40 .nm_priv = nullptr, 41 .reserved = {0}, 42 }; 43 44 // 加载so时,该函数会自动被调用,将上述demoModule模块注册到系统中。 45 extern "C" __attribute__((constructor)) void RegisterDemoModule() { 46 napi_module_register(&demoModule); 47 } 48 ``` 49注:以上代码无须复制,创建Native C++工程以后在napi_init.cpp代码中已配置好。 50 51- 模块初始化 52 53 实现ArkTS接口与C++接口的绑定和映射。 54 55 ``` 56 // entry/src/main/cpp/napi_init.cpp 57 EXTERN_C_START 58 // 模块初始化 59 static napi_value Init(napi_env env, napi_value exports) { 60 // ArkTS接口与C++接口的绑定和映射 61 napi_property_descriptor desc[] = { 62 // 注:仅需复制以下两行代码,Init在完成创建Native C++工程以后在napi_init.cpp中已配置好。 63 {"callNative", nullptr, CallNative, nullptr, nullptr, nullptr, napi_default, nullptr}, 64 {"nativeCallArkTS", nullptr, NativeCallArkTS, nullptr, nullptr, nullptr, napi_default, nullptr} 65 }; 66 // 在exports对象上挂载CallNative/NativeCallArkTS两个Native方法 67 napi_define_properties(env, exports, sizeof(desc) / sizeof(desc[0]), desc); 68 return exports; 69 } 70 EXTERN_C_END 71 72 ``` 73 74- 在index.d.ts文件中,提供JS侧的接口方法。 75 76 ``` 77 // entry/src/main/cpp/types/libentry/index.d.ts 78 export const callNative: (a: number, b: number) => number; 79 export const nativeCallArkTS: (cb: (a: number) => number) => number; 80 ``` 81 82- 在oh-package.json5文件中将index.d.ts与cpp文件关联起来。 83 84 ``` 85 // entry/src/main/cpp/types/libentry/oh-package.json5 86 { 87 "name": "libentry.so", 88 "types": "./index.d.ts", 89 "version": "", 90 "description": "Please describe the basic information." 91 } 92 ``` 93 94- 在CMakeLists.txt文件中配置CMake打包参数。 95 96 ``` 97 # entry/src/main/cpp/CMakeLists.txt 98 cmake_minimum_required(VERSION 3.4.1) 99 project(MyApplication2) 100 101 set(NATIVERENDER_ROOT_PATH ${CMAKE_CURRENT_SOURCE_DIR}) 102 103 include_directories(${NATIVERENDER_ROOT_PATH} 104 ${NATIVERENDER_ROOT_PATH}/include) 105 106 # 添加名为entry的库 107 add_library(entry SHARED napi_init.cpp) 108 # 构建此可执行文件需要链接的库 109 target_link_libraries(entry PUBLIC libace_napi.z.so) 110 ``` 111 112- 实现Native侧的CallNative以及NativeCallArkTS接口。具体代码如下: 113 114 ``` 115 // entry/src/main/cpp/napi_init.cpp 116 static napi_value CallNative(napi_env env, napi_callback_info info) 117 { 118 size_t argc = 2; 119 // 声明参数数组 120 napi_value args[2] = {nullptr}; 121 122 // 获取传入的参数并依次放入参数数组中 123 napi_get_cb_info(env, info, &argc, args, nullptr, nullptr); 124 125 // 依次获取参数 126 double value0; 127 napi_get_value_double(env, args[0], &value0); 128 double value1; 129 napi_get_value_double(env, args[1], &value1); 130 131 // 返回两数相加的结果 132 napi_value sum; 133 napi_create_double(env, value0 + value1, &sum); 134 return sum; 135 } 136 137 static napi_value NativeCallArkTS(napi_env env, napi_callback_info info) 138 { 139 size_t argc = 1; 140 // 声明参数数组 141 napi_value args[1] = {nullptr}; 142 143 // 获取传入的参数并依次放入参数数组中 144 napi_get_cb_info(env, info, &argc, args , nullptr, nullptr); 145 146 // 创建一个int,作为ArkTS的入参 147 napi_value argv = nullptr; 148 napi_create_int32(env, 2, &argv ); 149 150 // 调用传入的callback,并将其结果返回 151 napi_value result = nullptr; 152 napi_call_function(env, nullptr, args[0], 1, &argv, &result); 153 return result; 154 } 155 ``` 156 157 158## ArkTS侧调用C/C++方法实现 159 160ArkTS侧通过import引入Native侧包含处理逻辑的so来使用C/C++的方法。 161 162``` 163// entry/src/main/ets/pages/Index.ets 164// 通过import的方式,引入Native能力。 165import nativeModule from 'libentry.so' 166 167@Entry 168@Component 169struct Index { 170 @State message: string = 'Test Node-API callNative result: '; 171 @State message2: string = 'Test Node-API nativeCallArkTS result: '; 172 build() { 173 Row() { 174 Column() { 175 // 第一个按钮,调用add方法,对应到Native侧的CallNative方法,进行两数相加。 176 Text(this.message) 177 .fontSize(50) 178 .fontWeight(FontWeight.Bold) 179 .onClick(() => { 180 this.message += nativeModule.callNative(2, 3); 181 }) 182 // 第二个按钮,调用nativeCallArkTS方法,对应到Native的NativeCallArkTS,在Native调用ArkTS function。 183 Text(this.message2) 184 .fontSize(50) 185 .fontWeight(FontWeight.Bold) 186 .onClick(() => { 187 this.message2 += nativeModule.nativeCallArkTS((a: number)=> { 188 return a * 2; 189 }); 190 }) 191 } 192 .width('100%') 193 } 194 .height('100%') 195 } 196} 197``` 198 199 200## Node-API的约束限制 201 202 203### SO命名规则 204 205导入使用的模块名和注册时的模块名大小写保持一致,如模块名为entry,则so的名字为libentry.so,napi_module中nm_modname字段应为entry,ArkTS侧使用时写作:import xxx from 'libentry.so'。 206 207 208### 注册建议 209 210- nm_register_func对应的函数(如上述Init函数)需要加上static,防止与其他so里的符号冲突。 211 212- 模块注册的入口,即使用__attribute__((constructor))修饰的函数的函数名(如上述RegisterDemoModule函数)需要确保不与其它模块重复。 213 214 215### 多线程限制 216 217每个引擎实例对应一个JS线程,实例上的对象不能跨线程操作,否则会引起应用crash。使用时需要遵循如下原则: 218 219- Node-API接口只能在JS线程使用。 220 221- Native接口入参env与特定JS线程绑定只能在创建时的线程使用。 222