Electron 调用原生代码的正确打开方式，不是ffi！

最新推荐文章于 2025-10-17 12:23:15 发布

原创

最新推荐文章于 2025-10-17 12:23:15 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #android studio #编程语言

本文介绍了如何在Electron应用中调用原生代码，解决ffi在高版本Node.js中的兼容性问题。通过使用ffi-napi库，成功在Node.js 12和Electron中实现调用本地C代码的例子，详细解释了关键代码配置，展示了调用过程。

我收集了一些学习用的资料，其中包含了很多学习，面试，中高进阶fluuter资料，还有很多视频详解，如果有同学想进一步了解，详情请看文末。也欢迎各路大神门前来装X。

electron 很不错，可以实现跨平台应用的开发，但是如果需要跟硬件交互就显得欠缺了，好在 electron 实际上是 node js + html + css，而 nodejs 想要调用本地代码还是可以实现的。我也是基于这个想法去做的，但是遇到了一堆的问题。
在这里插入图片描述
我们知道，nodejs 主要使用 ffi 实现调用原生代码，这点毋庸置疑，而 Electron 你想使用 ffi 却不行，实际上，electron 需要较高版本的 nodejs 而 ffi 却不支持高版本 nodejs，笔者这里是 nodejs 12 这个版本。如果使用 ffi 也可以，但是页面显示不出来，之后换用 nodejs8，但是 electron 用不了，毕竟 nodejs8 已经快要不维护了。

之后使用了，ffi-napi ，其使用方法与 ffi 一样，但是兼容 nodejs 12，下面是我个人写的一段例子。
在这里插入图片描述
然后编译这个文件：gcc hello.c -fPIC -shared -o hello.so 此时会生成一个 hello.so 文件。将 hello.so 文件复制到 Electron 项目的某个目录，具体你来定。

这是 vue 源码，编译后运行，控制台会输出：199 + 201 = 400 的信息，这里虽然只有几行代码，却完全可以