Electron11+Vue+ffi-napi环境配置

原创 已于 2022-05-29 19:24:43 修改 · 6.3k 阅读 · 16 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #dll #javascript #node.js

于 2021-02-19 16:55:12 首次发布
本文详细介绍了如何在Electron应用中结合Vue，通过ffi-napi调用DLL动态链接库。步骤包括：下载并配置Node.js，替换node.lib，安装vue-cli，创建Vue项目，添加electron-builder，安装必要工具如windows-build-tools和node-gyp，下载相关依赖，设置vue.config.js，最后实现DLL的调用和测试。整个过程涉及到了DLL的创建、Vue组件的使用以及前后端的交互。

目录

下载node.js并检查版本

这里我下载的node版本为14.15.5（版本不能太低）。我下载的是32位（我在64位node环境下载ffi-napi时会提示：无法解析的外部命令）在这里插入图片描述

替换node.lib

打开C:\Users\你的用户名\AppData\Local\node-gyp\Cache\14.15.5\ia32看看里面的node.lib是不是只有几百K，如果是，那么你在安装ffi-node的时候八成是要报错了：node.lib : fatal error LNK1106: 文件无效或磁盘已满

解决方案如下

在https://nodejs.org/download/release/v14.1.0/win-x86/ 下载node.lib
在这里插入图片描述
然后替换C:\Users\你的用户名\AppData\Local\node-gyp\Cache\14.15.5\ia32里的node.lib
在这里插入图片描述

安装vue-cli并检查版本

确保版本在3.0以上（我用的版本是4.5.11）

npm install --global vue-cli
最低0.47元/天 解锁文章
解决Electron客户端主进程中设置nodeIntegration为true，渲染进程中依旧无法使用remote模块的问题
duansamve的博客
09-05 6220
解决Electron主进程中设置enableRemoteModule为true，渲染进程中依旧无法使用remote模块的问题
万字长文，Electron高性能DLL调用实战：手把手教你使用Koffi调用DLL
最新发布
Simon的blog
10-17 1297
本文介绍了在Electron项目中使用Koffi库调用DLL实现高效图像处理的方法。相比传统FFI方案，Koffi具有性能高、安装简单、类型安全等优势。文章详细讲解了Koffi的基本用法，包括函数调用、结构体处理等，并重点分析了复杂数据类型的处理技巧，特别是通过指针传递大块图像数据以提升性能的方案。这种轻量结构体+指针的方式实现了零拷贝、异步解码，兼顾了性能和内存安全，为工业视觉检测等对性能要求高的场景提供了优化思路。
electron ffi-napi调用C++ dll踩坑记录
Jonny_r的专栏
10-16 1256
->报错：renderer.dev.js:113102 Uncaught Error: No native build was found for platform=win32 arch=x64 runtime=electron abi=76 uv=1 libc=glibc。在GitHub一篇文章里找到了解决方案。
Electron中调用dll
专注前端技术，包括Web端、移动端、小程序、APP
01-05 2486
截止目前Electron的官方稳定版本已经更新到了28.1.1。我在创建Electron项目时用的28.0.0版本，后面在项目中有用到调用dll方法的需求，大致的实现就是将后端给的dll文件引入到项目中，安装ffi-napi依赖，然后进行使用。但是在ElectronV21+的时候，官方引入了V8内存隔离区，当再使用ffi-napi这个库的时候就会报错，用尽了一切办法，都未果（如果读者有解决办法可私聊）。最终还是将Electron版本降到了20.3.8。当然ffi-napi。
Electron通过ffi-napi调用dll导出接口
02-19
编译好的ffi-napi,可以直接放到项目目录下使用
Vue+Electron项目学习（三）electron-vue + ffi-napi 调用C++动态库
liujian_01的博客
12-09 1961
我们已经实现调用C#的动态库文件，现在我们试试调用C++动态库文件。这样直接启动会报错，记住vue.config.js需要增加配置。渲染进程调用需要用到ipc，ipcMain的代码。ipcRender的代码。构造调用dll的工具类。
electronjs 安装 ffi-napi 记录.pdf
12-16
本文档主要记录了在ElectronJS环境中安装ffi-napi模块的过程及步骤。此文档适用于那些希望通过详细步骤来安装并配置ffi-napi模块以支持ElectronJS应用的开发人员。 #### 1. 前置条件与背景 - **开发环境**： - ...
基于Electron-Vue框架开发的跨平台桌面宠物测试应用_支持Windows7及以上系统_包含热重载开发环境_集成node-ffi-napi本地模块调用_需要VS201520.zip
08-05
本应用采用了Electron-Vue框架，这是一个结合了Vue.js与Electron的框架，利用了Vue.js的前端开发能力以及Electron的跨平台桌面应用程序开发能力，使得开发者可以在一个统一的环境中，使用Web技术来构建桌面应用。...
Electron & Vue踩坑（1）：整合vue 3.0 + electron 11.2.1 & 使用ffi-napi调用dll
in twilight
03-31 2953
搭建环境： vue-cli 4 electron 11.2.1 npm 6.14.11 node .12.18.3x86
将Vue工程打包为Electron：vue-cli-plugin-electron-builder
超频化石鱼的博客
04-13 2511
介绍 vue-cli-plugin-electron-builder 插件的作用是将一个Vue工程打包为Electron程序。 官网: https://nklayman.github.io/vue-cli-plugin-electron-builder/ 与electron-vue对比 作用目标 作用方式 更新维护 electron-vue electron-vue工程 编译工程中的Vue代码 不及时 vue-cli-plugin-electron-builder Vue工程 将V
node-ffi-napi:适用于N.API风格的Node.js的外部函数接口（FFI）
04-29
节点ffi-napi N-API的Node.js外部功能接口 node-ffi-napi是一个Node.js插件，用于使用纯JavaScript加载和调用动态库。 它可以用于创建与本机库的绑定，而无需编写任何C ++代码。 由于它可以处理跨JavaScript和C的类型转换，因此还简化了C代码对node.js的扩充，这可以将样板代码添加到原本简单的C语言中。有关此example/factorial请参见example/factorial用例。 警告： node-ffi-napi假定您知道自己在做什么。 您可以很容易地创建将解释器隔离的情况，除非您具有C调试器技能，否则您可能不知道发生了什么。 警告： node-ffi的原始API在N-API包装器中几乎没有被改动。 但是，在垃圾回收和多线程执行的上下文中，API没有非常明确定义的属性。 如果可能，建议避免使用此库的任何多线程用法。
高性能Electron桌面应用开发 - 使用ffi-napi调用C++库
码农飞上天
04-25 6354
Electron让我们用Web技术开发桌面应用,但当需高性能时会受限。此时,可使用C++开发底层库,然后在Electron中通过ffi-napi调用。ffi-napi可以在Node.js中加载和调用C/C++的动态库。本文介绍如何在Electron中使用ffi-napi 调用C++库:开发库,安装ffi-napi,加载库并调用函数,检查结果。通过调用C++函数,可实现高性能功能,大大提高应用性能和扩展性。
Electron 项目中使用 ffi-napi 调用 C++ 动态库之解决中文字符串编码问题
梵心白莲的博客
01-03 1101
在本教程中，我们将详细介绍如何在 Electron 项目中通过 ffi-napi 调用 Visual Studio 2017 编写的 C++ 动态库，并解决在这个过程中出现的中文字符串编码问题，包括输入参数在动态库内部的乱码问题以及输出字符串在 JavaScript 中的乱码问题。只有保证输入字符串与动态库内部使用的编码一致，才能保证动态库内部业务逻辑正常解析和处理带中文的字符串，另外还得保证动态库输出字符串与js中的字符编码保持一致，这样js中的业务逻辑才能正常解析带中文的字符串。下面将介绍解决方案。
electron ffi-napi 调用dll 记录
欲掩不从心
11-30 7569
用管理员身份打开CMD 先安装 安装windows-build-tools(ffi-napi依赖ref-napi,这两者都需要依赖python2.7和c++编译工具，windows-build-tools为它们自动配置所需环境) // 以管理员身份运行终端执行命令 npm install --global --production windows-build-tools 成功截图 在cmd中输入 python where pyton 继续安装 npm install -g node-gyp
electron打包ffi-napi报错 npm ERR! gyp reason: read ECONNRESET
前端界的小学生
11-23 5312
网上其他人报错都是403，我的是根本没连接上服务器。因为我连的是公司的网络，公司的网络经常会屏蔽一些东西，比如哔哩哔哩就打不开。了，在package.json中去掉ffi-napi就可以打包，但是打包运行后提示缺少ffi-napi，所以必须带着ffi-napi打包。刚开始我以为是ffi-napi依赖包的问题，然后重新npm install了好多次，打包依然是这个问题。我本来连的是公司的wifi，更换了一下网络，打开手机热点，让电脑连接手机热点。然后百度有人说是镜像源的问题，换了镜像源还是不行。
dll找不到dll electron_electron之集成node-ffi-napi
weixin_39731586的博客
11-27 504
调用第三方DLL采用ffi-napi一、集成环境1)electron需要6.0.0版本2)安装electron-rebuild，以便编译node-java3)node版本12.8.1，npm版本6.10.24)全局安装node-gyp 和 Windows-Build-Tools二、安装ffi-napinpm i ffi-napi注意：如果项目目录中存在空格，则会出现 fatal error C10...
Electron13.x +vue+ffi-napi 调用Dll动态链接库
idoits的博客
07-23 3464
Electron13.x +vue+ffi-napi 调用Dll动态链接库
win10环境下electron+ffi 开发环境的配置
jianlangood的博客
08-10 4492
win10环境下electron+ffi 开发环境的配置 在win10 ，64 位环境下配置electron+ffi环境。配置环境花了将近8小时，小白伤不起呀。 笔记本准备 win10,64位 Markdown及扩展 1.win10，64位 2.安装node.js(8.11.3 LTS版)。安装后执行 node -v，显示node版本号 npm -v, 显示v...
评论 8
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值