electron-vue跨平台桌面应用开发实战教程(七)——ffi调用C++(macOS平台)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/David1025/article/details/104496951

electron功能很强大,但是有一些跟操作系统底层交互的功能,electron无法实现,这个时候我们就可以调用原生来配合完成对应功能,本文主要讲解在macOS平台下,调用C++的dylib文件

在开始之前我们要安装

1.node-gyp

  1. npm install node-gyp -g

使用ffi-napi调用dll(c++)

1. 安装ffi-napi

执行

  1. npm install ffi-napi --save

2. 准备C++动态链接库libdemo.dylib文件

libdemo.dylib文件可以去gitee中获取,也可以自己编译

  1. gcc -g -shared demo.cpp -o libdemo.dylib

electron-vue-demos gitee 地址

3. 调用libdemo.dylib文件中的方法

这里dll是找的别的写好的,dylib是我自己写的

  1. let cpplib
  2. if (process.platform === 'darwin') {
  3. // 在使用libdemo的时候最好自己编译下cpp,命令gcc -g -shared demo.cpp -o libdemo.dylib
  4. let libPath
  5. // 在这儿需要判断下是开发环境还是打包环境,在mac上这两个环境用的路径不一样
  6. if (process.env.NODE_ENV === 'development') {
  7. libPath = path.resolve('resources/dll/libdemo')
  8. } else {
  9. libPath = path.join(__dirname, '..') + '/dll/libdemo'
  10. }
  11. cpplib = ffi.Library(libPath, {
  12. Add: ['double', ['double', 'double']]
  13. })
  14. } else if (process.platform === 'win32') {
  15. cpplib = ffi.Library(path.resolve('resources/dll/MyDLL'), {
  16. Add: ['float', ['float', 'float']],
  17. Hello: ['string', []],
  18. StrLength: ['int', ['string']]
  19. })
  20. }

这里需要注意的点就是mac获取dylib的路径,开发环境和打包环境的路径是不一样的,在这儿需要特殊处理下

调用方法

  1. // dll和dylib提供了不同的方法,所以在这儿不能通用,但是写了各自的调用方法
  2. if (process.platform === 'win32') {
  3. console.log('fii.Library Hello result:', cpplib.Hello())
  4. console.log('fii.Library Add result:', cpplib.Add(1, 2))
  5. console.log('fii.Library Add result:', cpplib.StrLength('hello world'))
  6. }
  7. if (process.platform === 'darwin') {
  8. console.log(cpplib.Add(12345, 54321))
  9. }

更多内容请关注公众号
在这里插入图片描述