鸿蒙APP实战案例分析——预加载so并读取RawFile文件

📌往期推文全新看点(文中附带最新·鸿蒙全栈学习笔记)

📃 鸿蒙(HarmonyOS)北向开发知识点记录~

📃 鸿蒙(OpenHarmony)南向开发保姆级知识点汇总~

📃 鸿蒙应用开发与鸿蒙系统开发哪个更有前景?

📃 嵌入式开发适不适合做鸿蒙南向开发?看完这篇你就了解了~

📃 对于大前端开发来说,转鸿蒙开发究竟是福还是祸?

📃 鸿蒙岗位需求突增!移动端、PC端、IoT到底该怎么选?

📃 记录一场鸿蒙开发岗位面试经历~

📃 持续更新中……


介绍

本示例主要介绍在TaskPool子线程中使用 dlopen 预加载 so 库并使用句柄调用库函数的方法,以及在Native中使用 pread 系统函数读取Rawfile文件的部分文本内容,并添加 HiLog 日志。

效果图预览

使用说明

  1. rawfile路径下存在一个有内容的文本文件rawfile.txt。
  2. 输入开始读取位置、需要读取的长度,点击“开始读取”,即可通过调用Native侧暴露的getRawFileContent接口把读取到的内容显示在界面上。

具体代码可参考MainPage.ets

实现思路

在TaskPool子线程中使用dlopen预加载so库和使用句柄调用so库函数的方式
  1. 将需要加载的.so文件放到工程中,在CMakeLists中使用target_link_directories命令将包含这些库文件的目录添加到预加载库的链接目录。

    target_link_directories(preloadso PUBLIC ${CMAKE_CURRENT_SOURCE_DIR}/../../../libs/${OHOS_ARCH}/)
    
  2. 使用target_link_libraries命令将需要预加载的so库链接到项目中。

    target_link_libraries(preloadso PUBLIC libhilog_ndk.z.so libace_napi.z.so global_handlers libnativerawfile.so)
    
  3. 定义一个全局对象global_handlers用于存放加载so库所得句柄,其他需要使用global_handlers的cpp文件需要引入定义全局对象的头文件。

    std::unordered_map<std::string, void *> global_handlers;
    
  4. 在 Native 层的 Preload 接口中,遍历传入的 .so 路径数组,使用 dlopen 函数加载库,并将句柄保存到 global_handlers 中。

    // 获取传入的so库路径数组的长度
    uint32_t arrayLength;
    napi_get_array_length(env, args[0], &arrayLength);
    for (uint32_t i = 0; i < arrayLength; i++)
### 实现 Vue2 和 Electron 读取本地配置文件 为了在基于 Vue2 的 Electron 应用程序中实现读取本地配置文件的功能,可以利用 Node.js 提供的 `fs` 模块来访问文件系统。下面展示了一个简单的方式来进行此操作。 #### 使用 fs 模块读取 JSON 配置文件 由于 Electron 可以直接调用 Node.js API,在主进程中可以通过引入 `fs` 来加载解析位于应用资源目录下的 JSON 文件作为配置项[^1]: ```javascript // main.js (Electron 主进程) const { app, BrowserWindow } = require('electron'); const path = require('path'); const fs = require('fs'); function loadConfig() { try { const configPath = path.join(app.getPath('userData'), 'config.json'); // 获取用户数据路径下名为 config.json 的文件位置 let rawData = fs.readFileSync(configPath); // 同步方式读取文件内容 return JSON.parse(rawData.toString()); // 将其转换成 JavaScript 对象返回 } catch (err) { console.error(err); throw new Error("Failed to read configuration file"); } } ``` 为了让前端部分能够获取到这些设置信息,可以在创建窗口之前先执行上述函数将结果传递给渲染线程或者通过 IPC 渠道发送过去。 #### 前端接收配置信息 如果选择后者,则需要定义好通信接口以便于前后端交互;而在前者的情况下可以直接把对象挂载至全局变量上方便组件随时存取: ```html <!-- index.html --> <script> window.configs = null; // 定义一个用于存储配置的地方 if (!process.env.IS_WEB) { // 判断当前环境是不是 Web 平台(即是否处于打包后的桌面环境中) window.addEventListener('DOMContentLoaded', () => { const preloadScript = document.createElement('script'); preloadScript.src = './preload.js'; document.head.appendChild(preloadScript); preloadScript.onload = function () { configs = ipcRenderer.sendSync('get-config'); // 发送同步消息请求配置数据 }; }); } else { // 如果是在浏览器里打开则模拟一些默认参数 window.configs = {}; } </script> ``` 这里假设已经有一个预加载脚本 (`preload.js`) 设置好了必要的权限让网页能发起跨域请求以及使用 nodeIntegration 功能。 #### 创建 Preload 脚本处理逻辑 最后一步就是编写这个中间件用来桥接两个世界之间的沟壑——也就是所谓的 “Preload Script”。它负责监听来自页面的消息向后台转发查询指令,同时也可反过来向 HTML 页面暴露特定的能力或属性: ```javascript // preload.js const { contextBridge, ipcRenderer } = require('electron') contextBridge.exposeInMainWorld( "api", { getConfig: () => ipcRenderer.invoke('get-config') // 注册方法名及其对应的处理器 } ) module.exports = {} ``` 此时再回到最初提到过的主流程代码那里补充一句用来响应此类事件的实际动作即可完成整个闭环设计: ```javascript // 继续上面的例子... app.whenReady().then(() => { ... mainWindow.webContents.on('did-finish-load', async () => { await mainWindow.webContents.executeJavaScript(`configs=${JSON.stringify(loadConfig())};`); }); ipcMain.handle('get-config', async (_event) => { return loadConfig(); }) }); ``` 这样就实现了从启动时自动注入配置直到按需动态拉取最新版本的一套完整的解决方案。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值