网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
点击这个文本标签,会在log窗口打印如下日志,
演示不够直观,操作繁琐,看log也不方便,我们改一下,让调用结果直接显示在界面上。
import hilog from '@ohos.hilog';
import testNapi from 'libentry.so'
@Entry
@Component
struct Index {
@State message: string = 'Result of Native call:'
build() {
Row() {
Column() {
Text(this.message)
.fontSize(30)
.fontWeight(FontWeight.Bold)
.onClick(() => {
hilog.info(0x0000, 'testTag', 'Test NAPI 2 + 3 = %{public}d', testNapi.add(2, 3));
})
Text(testNapi.add(2, 3).toString())
.fontSize(50)
.fontColor(Color.Red)
}
.width('100%')
.height('100%')
.justifyContent(FlexAlign.Center)
}
.height('100%')
}
}
现在的运行结果是这样的,
现在已经证实了项目是完整的可以正常运行,下面分析一下具体的项目结构。
▍****基本项目结构
1.Entry/src/main/cpp/types/libentry/index.d.ts
export const add: (a: number, b: number) => number;
接口描述文件,描述C++接口的方法名、入参、返回参数等信息,用来暴露lib库相关的声明。
2.Entry/src/main/cpp/types/libentry/oh-package.json5
{
"name": "libentry.so",
"types": "./index.d.ts",
"version": "",
"description": "Please describe the basic information."
}
native库的配置文件。
3.Entry/src/main/cpp/types/CMakeLists.txt
# the minimum version of CMake.
cmake_minimum_required(VERSION 3.4.1)
project(MyNativeApp)
set(NATIVERENDER_ROOT_PATH ${CMAKE_CURRENT_SOURCE_DIR})
include_directories(${NATIVERENDER_ROOT_PATH}
${NATIVERENDER_ROOT_PATH}/include)
add_library(entry SHARED hello.cpp)
target_link_libraries(entry PUBLIC libace_napi.z.so)
编译脚本
cmake_minimum_required用于设定需要的最低版本的CMake
project指定工程名为MyNativeApp
Set 设置变量,指定NATIVERENDER_ROOT_PATH的位置
include_directories命令用于在构建(build)中添加包含目录
add_library 使用指定的代码向项目中增加一个库。
target_link_libraries指定链接给定目标和/或其依赖项时要使用的库或标志。将传播链接库目标的使用要求。目标依赖项的使用要求会影响其自身源的编译。
4.Entry/src/main/cpp/types/hello.cpp
#include "napi/native_api.h"
static napi_value Add(napi_env env, napi_callback_info info)
{
size_t requireArgc = 2;
size_t argc = 2;
napi_value args[2] = {nullptr};
napi_get_cb_info(env, info, &argc, args , nullptr, nullptr);
napi_valuetype valuetype0;
napi_typeof(env, args[0], &valuetype0);
napi_valuetype valuetype1;
napi_typeof(env, args[1], &valuetype1);
double value0;
napi_get_value_double(env, args[0], &value0);
double value1;
napi_get_value_double(env, args[1], &value1);
napi_value sum;
napi_create_double(env, value0 + value1, &sum);
return sum;
}
EXTERN_C_START
static napi_value Init(napi_env env, napi_value exports)
{
napi_property_descriptor desc[] = {
{ "add", nullptr, Add, nullptr, nullptr, nullptr, napi_default, nullptr }
};
napi_define_properties(env, exports, sizeof(desc) / sizeof(desc[0]), desc);
return exports;
}
EXTERN_C_END
static napi_module demoModule = {
.nm_version =1,
.nm_flags = 0,
.nm_filename = nullptr,
.nm_register_func = Init,
.nm_modname = "entry",
.nm_priv = ((void*)0),
.reserved = { 0 },
};
extern "C" __attribute__((constructor)) void RegisterEntryModule(void)
{
napi_module_register(&demoModule);
}
功能具体实现的源文件。
napi_module_register进行模块注册,nm_modname指的是模块名称,nm_register_func是模块对外接口注册函数。
5.Entry/build-profile.json5
{
"apiType": 'stageMode',
"buildOption": {
"externalNativeOptions": {
"path": "./src/main/cpp/CMakeLists.txt",
"arguments": "",
"cppFlags": "",
}
},
"targets": [
{
"name": "default",
"runtimeOS": "HarmonyOS"
},
{
"name": "ohosTest",
}
]
}
当前的模块信息、编译信息配置项,包括buildOption、targets配置等。
buildOption中的externalNativeOptions代表cpp相关编译的一些配置信息,里面的参数简介如下
- Path:CMake配置文件,提供CMake构建脚本
- Arguments:传递给CMake的可选编译参数
- cppFlags:设置C++编译器的可选参数
6.Entry/oh-package.json5
{
"name": "entry",
"version": "1.0.0",
"description": "Please describe the basic information.",
"main": "",
"author": "",
"license": "",
"dependencies": {},
"devDependencies": {
"@types/libentry.so": "file:./src/main/cpp/types/libentry"
}
}
应用/服务支持通过ohpm来安装、共享、分发代码,管理项目的依赖关系,这里的devDependencies参数指的是开发时的需要依赖,用于本地环境开发时候所需要的依赖包,
新增功能
新增一个计算平方根的功能,输入数字,实时计算该数的平方根。
修改页面布局文件entry/src/ets/pages/Index.ets
import hilog from '@ohos.hilog';
import testNapi from 'libentry.so'
@Entry
@Component
struct Index {
@State message: string = 'Test NAPI 2 + 3 = '
@State numX: number = 0.0;
private textInputControllerX: TextInputController = new TextInputController();
build() {
Column() {
Row() {
Text(this.message)
.fontSize(30)
.fontWeight(FontWeight.Bold)
.onClick(() => {
hilog.info(0x0000, 'testTag', 'Test NAPI 2 + 3 = %{public}d', testNapi.add(2, 3));
})
Text(testNapi.add(2, 3).toString())
.fontSize(40)
.fontColor(Color.Red)
}
.width('100%')
.justifyContent(FlexAlign.Center)
Column() {
Row() {
TextInput({ controller: this.textInputControllerX })
.width(100)
.type(InputType.Number)
.onChange(value => {
let temp = parseFloat(value);
this.numX = testNapi.sqrt(temp);
})
Text("的平方根=")
.fontSize(40)
Text(this.numX.toString())
.fontSize(40)
.fontColor(Color.Green)
}
.width('100%')
.justifyContent(FlexAlign.Center)
}
.width('100%')
.justifyContent(FlexAlign.Center)
.margin({ top: 100 })
}
.height('100%')
.justifyContent(FlexAlign.Center)
}
}
修改底层库实现文件Entry/src/main/cpp/types/hello.cpp
#include "napi/native_api.h"
#include "math.h"
static napi_value Add(napi_env env, napi_callback_info info)
{
size_t requireArgc = 2;
size_t argc = 2;
napi_value args[2] = {nullptr};
napi_get_cb_info(env, info, &argc, args , nullptr, nullptr);
napi_valuetype valuetype0;
napi_typeof(env, args[0], &valuetype0);
napi_valuetype valuetype1;
napi_typeof(env, args[1], &valuetype1);
double value0;
napi_get_value_double(env, args[0], &value0);
double value1;
napi_get_value_double(env, args[1], &value1);
napi_value sum;
napi_create_double(env, value0 + value1, &sum);
return sum;
}
static napi_value Sqrt(napi_env env, napi_callback_info info)
{
size_t requireArgc = 1;
size_t argc = 1;
napi_value args[1] = {nullptr};
napi_get_cb_info(env, info, &argc, args , nullptr, nullptr);
napi_valuetype valuetype0;
napi_typeof(env, args[0], &valuetype0);
**深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!**
![](https://img-blog.csdnimg.cn/direct/743b668910224b259a5ffe804fa6d0db.png)
![img](https://img-blog.csdnimg.cn/img_convert/6efb408bb204a913081526682c728f0d.png)
![img](https://img-blog.csdnimg.cn/img_convert/25c67f8d6476ef27e8d050da0889dbc4.png)
**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!**
**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**
**[需要这份系统化的资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618636735)**
天花板技术停滞不前!**
![](https://img-blog.csdnimg.cn/direct/743b668910224b259a5ffe804fa6d0db.png)
[外链图片转存中...(img-wqPhsyHr-1715804957927)]
[外链图片转存中...(img-jCtiBBV0-1715804957927)]
**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!**
**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**
**[需要这份系统化的资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618636735)**