Electron调用Delphi窗体Dll

源码资源网

Electron调用Delphi窗体Dll
一、环境准备：

调用Dll需要安装node-ffi-napi，由于node-ffi-napi包含 C 原生代码，所以安装需要配置 Node 原生插件编译环境

https://github.com/node-ffi-napi/node-ffi-napi

npm install --global --production windows-build-tools
npm install -g node-gyp
npm install ffi-napi

二、Delphi窗体Dll编写

2.1 Project1代码

1. library Project1;
   
2. 
   
3. uses
   
4.   System.SysUtils,
   
5.   System.Classes,
   
6.   Unit1 in 'Unit1.pas' {Form1};
   
7. 
   
8. {$R *.res}
   
9. 
   
10. exports
    
11.   ShowForm;
    
12. 
    
13. begin
    
14. 
    
15. end.

复制代码

2.2 窗体单元代码Unit1

1. unit Unit1;
   
2. 
   
3. interface
   
4. 
   
5. uses
   
6.   Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants,
   
7.   System.Classes, Vcl.Graphics,
   
8.   Vcl.Controls, Vcl.Forms, Vcl.Dialogs, Vcl.StdCtrls;
   
9. 
   
10. type
    
11.   TForm1 = class(TForm)
    
12.     Button1: TButton;
    
13.   private
    
14.     { Private declarations }
    
15.   public
    
16.     { Public declarations }
    
17.   end;
    
18. 
    
19. var
    
20.   Form1: TForm1;
    
21. procedure ShowForm; stdcall;// 需要从DLL中导出的函数，一定要有stdcall关键字
    
22. 
    
23. implementation
    
24. 
    
25. 
    
26. procedure ShowForm; stdcall;
    
27. begin
    
28.   try
    
29.     Form1 := TForm1.Create(nil);
    
30.     try
    
31.       Form1.ShowModal;
    
32.     finally
    
33.       Form1.Free;
    
34.     end;
    
35.   except
    
36.     on E: Exception do
    
37.       ShowMessage(E.ToString);
    
38.   end;
    
39. end;
    
40. 
    
41. {$R *.dfm}
    
42. 
    
43. end.

复制代码

三、将编译好Dll放入程序目录下，然后再Electron主进程main.js中引用Dll

1. // 调用Dll
   
2. const ffi = require('ffi-napi');
   
3. var libm = ffi.Library('Project1.dll', {
   
4.   'ShowForm': ['void', []],
   
5. });
   
6. libm.ShowForm();

复制代码

四、如果是渲染进程（web页面）要调用，则需要通过主进程与渲染进程通信，然后调用

4.1 主进程main.js

1. // 获取ipc
   
2. const {ipcMain} = require('electron')
   
3. // 调用Dll
   
4. const ffi = require('ffi-napi');
   
5. var libm = ffi.Library('Project1.dll', {
   
6.   'ShowForm': ['void', []],
   
7. });
   
8. // 监听ipc通道
   
9. ipcMain.on('showForm', e => libm.ShowForm());

复制代码

4.2 渲染进程调用，以Vue为例

1. <template>
   
2.   <div style="width: 100%;height: 100%;background-color:#b979ff;">
   
3.     <img src="../assets/logo.png" alt="" @click="showForm">
   
4.   </div>
   
5. </template>
   
6. 
   
7. <script>
   
8.     //if (window.require) {
   
9.      const {ipcRenderer} = window.require('electron');
   
10.    // }
    
11.     export default {
    
12.         name: "Setting",
    
13.         methods: {
    
14.             showForm: function () {
    
15.                 console.log("showForm");
    
16.                 ipcRenderer.send("showForm");
    
17.                 // if (window.require) {
    
18.                 //     console.log("max");
    
19.                 //     ipcRenderer.send("max");
    
20.                 // }
    
21. 
    
22.             }
    
23.         }
    
24.     }
    
25. </script>
    
26. 
    
27. <style scoped>
    
28. 
    
29. </style>

复制代码