• electron 使用 node-ffi 调用 C++ 动态链接库(DLL)


    一、为什么需要使用DLL

    • 需要使用系统 API 操作或扩展应用程序;
    • 需要调用第三方的接口API,特别是与硬件设备进行通信,而这些接口 API 基本上都是通过 C++ 动态链接库(DLL)实现的;
    • 需要调用C++实现的一些复杂算法等。

    二、node-ffi 是什么

    node-ffi:Node.js Foreign Function Interface

    node-ffi is a Node.js addon for loading and calling dynamic libraries using pure JavaScript. It can be used to create bindings to native libraries without writing any C++ code. It also simplifies the augmentation of node.js with C code as it takes care of handling the translation of types across JavaScript and C, which can add reams of boilerplate code to your otherwise simple C. See the example/factorial for an example of this use case.

    WARNING: node-ffi assumes you know what you're doing. You can pretty easily create situations where you will segfault the interpreter and unless you've got C debugger skills, you probably won't know what's going on.

    上面是 node-ffi 的介绍,英语不好,就不翻译了。

    三、electron 使用 node-ffi

    使用上一篇文章里的项目,在 package.json 的 dependencies 节点上加上node-ffi 依赖:

    "dependencies": {
            "electron": "^1.6.11",
            "ffi": "2.2.0"
        }

    然后安装缺失的 npm 包(参考之前的文章),注意,安装 ffi npm 包之前需要安装 python2.7,否则 ffi 会编译总是失败,导致安装不成功,具体安装参考:https://github.com/nodejs/node-gyp#installation

    安装完成后,在 app.js 文件第一行中添加如下代码:

    const ffi = require('ffi')

    然后运行程序,出现如下错误:

    参考资料:https://github.com/electron/electron/blob/master/docs-translations/zh-CN/tutorial/using-native-node-modules.md,原来是需要把 ffi 重新编译为适合 electron的模块。

    打开 nodejs 命令行窗口,先执行如下命令:

    set python=python安装路径python.exe

    设置 python 的路径,切换到项目目录,然后执行如下命令:

    "./node_modules/.bin/electron-rebuild" "./node_modules/ffi"

    编译完成后,运行程序,漂亮的界面终于出现了。

    四、使用 ffi 调用 Widows API 解决一个小缺陷

    上篇文章中的仿 QQ 登录界面还有一个小问题,就是鼠标右键点击窗口的任意地方,都会弹出系统菜单:

    现在使用 ffi 调用 user32.dll 中的 GetSystemMenu 函数来解决这个问题,首先新建一个 user32.js 文件,为了展示 ffi ,我多定义了几个API函数:

    const ffi = require('ffi')
    
    exports.User32 = ffi.Library('user32', {
        'GetWindowLongPtrW': ['int', ['int', 'int']],
        'SetWindowLongPtrW': ['int', ['int', 'int', 'long']],
        'GetSystemMenu': ['int', ['int', 'bool']],
        'DestroyWindow': ['bool', ['int']]
    });

    修改 app.js 文件,首先导入 user32.js:

    const user32 = require('./app/scripts/user32').User32

    然后修改如下内容:

    win.once('ready-to-show', () => {
            let hwnd = win.getNativeWindowHandle() //获取窗口句柄。
            user32.GetSystemMenu(hwnd.readUInt32LE(0), true); //禁用系统菜单.
            win.show()
        })

    再运行项目,系统菜单就消失的无影无踪了。

    最后,所有代码都已经提交到了github:https://github.com/starts2000/ElectronQQLogin,欢迎获取。

  • 相关阅读:
    产生6位的随机码
    用户输入注册的小程序
    进度条的小程序
    文件的相关操作---读写与修改
    字符串分割(C++) 转载
    C++ Stream与编码转换
    wxWidgets界面设计工具DialogBlocks(转载)
    WIN32窗口模板
    WTL对话框应用程序响应键盘消息
    常用网站
  • 原文地址:https://www.cnblogs.com/Starts_2000/p/electron-ffi.html
Copyright © 2020-2023  润新知