ttp = require(‘./app’);
let mainWindow;
function createWindow() {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
},
});
const serverUrl = url.format({
protocol: ‘http’,
hostname: ‘localhost’,
port: 3000,
pathname: ‘index.html’,
});
mainWindow.loadURL(serverUrl);
mainWindow.on(‘closed’, () => {
mainWindow = null;
});
}
app.on(‘ready’, createWindow);
app.on(‘window-all-closed’, () => {
if (process.platform !== ‘darwin’) {
app.quit();
}
});
app.on(‘acuibot制作exetivate’, () => {
if (mainWindow === null) {
createWindow();
}
});
“`
修改 `package.json` 文件，將 Electron 添加為啟動腳本：
“`json
“scripts”: {
“start”: “electron .”
}
“`
運行應(yīng)用程序進行測試：
“`
npm start
“`
**3. 將 Electron.js 應(yīng)用程序打包成一個可執(zhí)行文件（EXE）**
安裝 electron-packager：
“`
npm install electron-packager -g
“`
運行以下命令來打包應(yīng)用程序（請根據(jù)需要替換 “my-app-name”）：
“`
electron-packager . my-app-name –platform=win32 –arch=xvb6程序生成exe文件64
“`
該命令將為您創(chuàng)建一個新的文件夾，其中包含了一個可執(zhí)行文件及所有依賴項。現(xiàn)在，您可以將此文件夾交付給其他人，他們無需安裝 Node.js 或其他依賴項即可運行它。
本教程向您展示了如何使用 Node.js 和 Electron.js 將 HTML 文件打包成 EXE 文件。雖然 Electron.js 主要用于構(gòu)建桌面應(yīng)用程序，但它也適用于將基于 Web 的應(yīng)用程序打包為獨立的可執(zhí)行文件。這可以簡化應(yīng)用程序的部署和發(fā)布，并確保應(yīng)用程序在各種系統(tǒng)和瀏覽器環(huán)境中的一致性。
