🔧Chore: IPC 通信

index.html

@@ -16,5 +16,7 @@
   <body>
     <h1>Hello Electron</h1>
     <p>👋</p>
+    <p id="info"></p>
   </body>
+  <script src="renderer.js"></script>
 </html>

main.js

@@ -1,14 +1,24 @@
-const { app, BrowserWindow } = require("electron");
+const { app, BrowserWindow, ipcMain } = require("electron");
+
+const path = require("node:path");
 
 const createWindow = () => {
   const win = new BrowserWindow({
     width: 800,
     height: 600,
+    webPreferences: {
+      preload: path.join(__dirname, "preload.js"),
+    },
   });
 
   win.loadFile("index.html");
 };
 
 app.whenReady().then(() => {
+  ipcMain.handle("ping", () => "pong");
   createWindow();
 });
+
+app.on("window-all-closed", () => {
+  if (process.platform !== "darwin") app.quit();
+});

preload.js

@@ -0,0 +1,8 @@
+const { contextBridge, ipcRenderer } = require("electron");
+
+contextBridge.exposeInMainWorld("versions", {
+  node: () => process.versions.node,
+  chrome: () => process.versions.chrome,
+  electron: () => process.versions.electron,
+  ping: () => ipcRenderer.invoke("ping"),
+});

renderer.js

@@ -0,0 +1,9 @@
+const func = async () => {
+  const response = await window.versions.ping();
+  console.log(response);
+};
+
+func();
+
+const information = document.getElementById("info");
+information.innerText = `Node.js version: ${window.versions.node()}\nChrome version: ${window.versions.chrome()}\nElectron version: ${window.versions.electron()}`;