1. 主进程代码
在主进程中，使用 `os` 模块获取本机 IP 地址，并通过 `ipcMain` 将结果发送给渲染进程。
- // main.js
- const { app, BrowserWindow, ipcMain } = require("electron");
- const os = require("os");
- function createWindow() {
- const win = new BrowserWindow({
- width: 800,
- height: 600,
- webPreferences: {
- nodeIntegration: true,
- contextBridge: true,
- },
- });
- win.loadFile("index.html");
- }
- app.whenReady().then(() => {
- createWindow();
- app.on("activate", () => {
- if (BrowserWindow.getAllWindows().length === 0) {
- createWindow();
- }
- });
- });
- // 获取本机 IP 地址的函数
- function getLocalIP() {
- let interfaces = os.networkInterfaces();
- for (let devName in interfaces) {
- let iface = interfaces[devName];
- for (let i = 0; i < iface.length; i++) {
- let alias = iface[i];
- if (
- alias.family === "IPv4" &&
- alias.address !== "127.0.0.1" &&
- !alias.internal
- ) {
- return alias.address;
- }
- }
- }
- }
- // 监听渲染进程的请求
- ipcMain.on("get-ip-address", (event) => {
- const localIP = getLocalIP();
- event.reply("ip-address", localIP);
- });
在渲染进程中，使用 `ipcRenderer` 向主进程发送请求，并吸收主进程返回的 IP 地址。
- <!-- index.html -->
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <title>Electron IP Address</title>
- </head>
- <body>
- <button id="get-ip">获取本机 IP 地址</button>
- <p id="ip-address"></p>
- <script>
- const { ipcRenderer } = require("electron");
- const getIpButton = document.getElementById("get-ip");
- const ipAddressDisplay = document.getElementById("ip-address");
- getIpButton.onclick = () => {
- ipcRenderer.send("get-ip-address");
- };
- ipcRenderer.on("ip-address", (event, ip) => {
- ipAddressDisplay.textContent = ip;
- });
- </script>
- </body>
- </html>
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
