electron编译ffi

最新推荐文章于 2025-10-06 16:29:05 发布

原创最新推荐文章于 2025-10-06 16:29:05 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何在Electron应用中安装和配置ffi模块，包括使用npm安装必要的环境和模块，从GitHub下载ffi源码，以及如何正确编译和配置ffi模块以调用DLL。此外，还提供了打包应用时的注意事项。

其实流程就是

1. 运行npm install windows-build-tools命令安装py环境和.net环境，这里最好是用npm安装；千万注意！！过程会有卡顿，一定得让它自动跑完install流程，流程跑完后在windows-build-tools文件夹里会有python的安装包，可是尝试安装，并配置环境变量

2.npm install -g electron-rebuild 全局安装，这个是后面编译electron和ffi模块相关的

3.项目根目录npm install ffi --save,ffi模块有时候下载失败，可以尝试ffi-napi

4.项目根目录npm install electron-rebuild --dev

5.然后就可以开始了，先把electron-vue项目生成好，然后yarn install，等待下载好所有模块

6.此时ffi不能使用需重新编译 ``` - 重新下载ffi源码：https://github.com/node-ffi/node-ffi

7.然后把项目下./node-modules/ffi目录中的内容清空替换为我们刚下载的源码。 - 然后依次进入ffi和ref目录下，手动执行node-gyp命令进行编译： node-gyp rebuild --arch=ia32 --dist-url=https://atom.io/download/electron --runtime=electron --target=3.0.7 --arch参数代表要编译的系统平台，ia32代表32位，x64代表64位 --target参数代表当前使用的electron版本号

8.依次进入ffi和ref目录下，手动执行node-gyp命令进行编译： node-gyp rebuild --arch=ia32 --dist-url=https://atom.io/download/electron --runtime=electron --target=3.0.7 --arch参数代表要编译的系统平台，ia32代表32位，x64代表64位 --target参数代表当前使用的electron版本号electron-rebuild -v 2.0.4 -a ia32 根目录

9.文件放在static文件夹中，需要在package.json中，win里面加上

8.引用ffi模块一定不要放到渲染进程main的同级目录里面，用绝对路径：const libpath = path.join(__dirname, "../../../static/CTestDLL32.dll");9.之后就可以打包确认了，在打包过程会报一个错误，原因就是electron-rebuild不要放在dependencies中，之后要用的话再看我的文章下载它就好了！到这里一个ffi应用调用dll模块和打包的问题都搞定了！