electron ffi-napi 调用dll 记录

用了一个星期，终于在electron  引用成功了。记录下
1.确定 dll 是32位 还是64位
2.将nodejs electron   都安装为32位,在ffi-napi中编译为32位
3.单独运行 写的调用的js文件，看看dll是否调入成功
4.将js文件加入 electron 看是否运行成功

**

1. 查看dll是多少位的

**

打开vs开发人员命令

输入dumpbin /headers +‘dll路径’

dumpbin /headers C:xx.dll

结果

2. 查看nodejs是多少位

打开cmd 输入命令 node 在输入process

如果是有多个nodejs 版本推荐使用nvm管理和切换当前环境

3.安装windows-build-tools

这里主要是注意看python版本 和位数

安装windows-build-tools(ffi-napi依赖ref-napi,这两者都需要依赖python2.7和c++编译工具，windows-build-tools为它们自动配置所需环境)

// 以管理员身份运行终端执行命令
npm install --global windows-build-tools --vs2015


            
       

成功截图

在cmd中输入 python

查看python文件路径在哪里

 where python

继续安装

npm install -g node-gyp

记住安装地址

然后去vue项目中设置node_gyp的地址

npm config set node_gyp "C:\Program Files\nodejs\node_modules\node-gyp\bin\node-gyp.js"

设置msvs_version

npm config set msvs_version 2017

设置python

npm config set python _version  "C:\Users\TF\.windows-build-tools\python27\python.exe"

在vue项目中查看配置

npm config list

Electron9.x +vue+ffi-napi 调用Dll动态链接库

在运行

4.安装 ffi-napi

安装ffi-napi,先确定dll是32还是64，安装对应的版本

npm install --save ffi-napi

进入到项目的\node_modules\ref-napi文件中
1.node-gyp build
2.输入node-gyp build  --arch=位数
如果已经编译了，不是对应的位数。重新编译下（这里是编译为32位）
node-gyp clean configure build --verbose --arch=ia32

安装ref-array-napi ref-struct-napi

npm i -S ref-array-napi ref-struct-napi

5.单个文件测试 调用的dll.js文件

将dll 与js放入同一目录

dll说明

const path = require('path')
console.log('path->引用成功')
const ffi = require('ffi-napi')
console.log('ffi-napi->引用成功')
const ref = require('ref-napi')
const ArrayType = require('ref-array-napi')
console.log('ref-array-napi->引用成功')
const iconv = require('iconv-lite')
console.log('iconv->引用成功')

// 编码格式（用utf8,会显示中文乱码）
const encoding = 'gbk'

// __dirname当前路径的绝对路径
// 默认加载 32位 DLL
const { arch } = process // x64
console.log('版本信息', arch)
// 这里的path.resolve 显示的当前文件根目录，
// 实际与electron用时，__dirname 指向根目录的dist_electron文件夹
// 如已安装electron 就会在项目的根目录找到该文件夹
var dllFilePath = path.resolve('NationECCode')
if (arch === 'x64') {
  dllFilePath = path.resolve('NationECCode')
}
console.log('dll地址:', dllFilePath)

// 加载 DLL文件,无需写扩展名,将DLL中的函数映射成JS方法
// 这个参数对应时输出参数，所以定义一个buffer，把内存地址传入dll
var refStr = ref.types.char
var refStrs = ArrayType(refStr)
console.log('加载dll')

const NationECCodeDll = new ffi.Library(dllFilePath, {
  // 方法名必须与C函数名一致
  NationEcTrans: [
    ref.types.CString, // 对应 C函数返回类型
    ['string', 'string', refStrs] // C函数参数列表
  ]
})
console.log('加载dll结束')

module.exports = {
  NationEcTrans () {
    console.log('解码asdas开始')
    var strUrl = 'xx'
    var JDataIn = {
      businessType: 'xx',
      officeId: '1234',
      officeName: 'xx',
      operatorId: 'xx',
      operatorName: 'xx',
      orgId: 'xxx'
    }
    var JECCodeInData = {
      data: JDataIn,
      orgId: 'xxx',
      transType: 'xxx'
    }
    var InData = JSON.stringify(JECCodeInData)
    // 定义接收长度
    var OutData = refStrs(10240)
    NationECCodeDll.NationEcTrans(strUrl, InData, OutData)
    
    // 如出入的参数没有中文，可不下载 iconv-lite
    // OutData.buffer.toString()
    // 因为传出有中文，使用iconv-lite转码，
    // iconv-lite 需要自己下载安装 npm install iconv-lite
    
    var refData = iconv.decode(OutData.buffer, encoding)
    return refData
  }
}
// 测试代码。正式引用时删除
// function testFun (encoding) {
//   var strUrl = 'xxxx'
//   var JDataIn = {
//     businessType: 'xx',
//     officeId: 'xx',
//     officeName: 'xx',
//     operatorId: 'xx',
//     operatorName: 'xx',
//     orgId: 'xx'
//   }
//   var JECCodeInData = {
//     data: JDataIn,
//     orgId: 'xxx',
//     transType: 'xxx'
//   }
//   var InData = JSON.stringify(JECCodeInData)
//   var OutData = refStrs(10240)
//   var refData = NationECCodeDll.NationEcTrans(strUrl, InData, OutData)
//   console.log(iconv.decode(OutData.buffer, encoding))
//   var refData = iconv.decode(OutData.buffer, encoding)
//   return refData
// }

// var aa = testFun('gbk')
// console.log(aa)

在当前文件目录下 输入 node xx.js
如果不报错，说明调用dll成功

6.安装electron

electron 也存在32 或 64，选择对应的dll安装
npm install --arch=ia32 electron

打开background.js文件。在src文件下

隐藏界面上的菜单

import { app, protocol, BrowserWindow, Menu } from 'electron'

async function createWindow () {
  // 隐藏菜单栏
  Menu.setApplicationMenu(null) //取消菜单栏
  }

相关配置参考electron 配置

7. 将xx.js加入electron

直接在background.js 文件的createWindow 引用调用dll的js方法
如果没有错误，会自动打开

使用ffi-napi 错误代码

Dynamic Linking Error: Win32 error 126

原因1.找不到对应dll
原因2：dll存在多个引用dll

解决办法： 1.单个js文件测试，将dll与js放入同一路径下测试
2. 使用 electron  时，如果dll存在多个dll引用，将dll文件放入项目根目录下

Error: \\?\F:xxx\node_modules\ref-napi\build\Release\binding.node is not a valid Win32 application.
\\?\F:xxxxnode_modules\ref-napi\build\Release\binding.node

原因：多半时因为node-gyp编译的文件不是对应dll的位数
解决办法。 查看dll 的位数。在看electron 的位数 ，
进入node_modules\ref-napi文件下 重新编译
node-gyp clean configure build --verbose --arch=ia32

node-gyp clean configure build --verbose --arch=ia32

小结

在我使用过程中。js文件调用成功，但在electron 中报错。
经过排查，发现我使用的dll是32位的。
但 nodejs 是64位 node-gyp编译的也是64
electron 也是64
把以上 重新安装 编译为32后，调用成功。
参考步骤electron +ffinapi

环境：node 14.18.1
node-gyp 8.4.1
ffi-napi 4.0.3