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

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

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

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

在开始之前我们要安装

1.node-gyp

  1. npm install node-gyp -g

2.windows-build-tools

  1. npm install windows-build-tools -g

这里需要确定的是python的版本必须是2.7

这里有一个要注意的的点是,如果gyp编译的时候报错,可能会看到2017的字样,这个时候我们执行以下命令,将ms的版本改为2015:

  1. npm config set msvs_version 2015

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

1. 安装ffi-napi

执行

  1. npm install ffi-napi --save

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

dll文件请去gitee中获取,这里没办法上传
electron-vue-demos

3. 调用dll文件中的方法

  1. const ffi = require('ffi-napi')
  2. const path = require('path')
  3. const Dll = ffi.Library(path.resolve('resources/dll/MyDLL.dll'), {
  4. Add: ['float', ['float', 'float']],
  5. Hello: ['string', []],
  6. StrLength: ['int', ['string']]
  7. })

这个dll一共提供了3个方法,

  • 第一个方法是计算加和
  • 第二个方法是返回‘Hello’ 字符串
  • 第三个方法是计算字符串的长度

具体方法调用

  1. callCppDll () {
  2. console.log('fii.Library Hello result:', Dll.Hello())
  3. console.log('fii.Library Add result:', Dll.Add(1, 2))
  4. console.log('fii.Library Add result:', Dll.StrLength('hello world'))
  5. }

调用dll其实很简单,只是需要安装node-gyp和C++编译工具比较麻烦。本文是基于windows平台进行开发的,C++编译出来的文件是dll,如果在Mac平台上,需要将C++编译成dylib,接下来我来一个mac平台的

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