下創(chuàng)建一個名為”main.js”的文件，包含以下內(nèi)容：
“`javascript
const { app, BrowserWindow } = require(‘electron’)
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
win.loadFile(‘index.html’)
}
app.whenReady().then(createWindow)
app.on(‘window-all-closed’,unity生成exe文件 () => {
if (process.platform !== ‘darwin’) {
app.quit()
}
})
app.on(‘activate’, () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
“`
6. 修改”package.json”中的”main”字段為”main.js”，并添加一個”start”腳本，如下：
“`json
{
“name”: “your-app”,
“version”: “1.0.0”,
“description”: “”,
“main”: “main.js”,
“scripts”: {
“start”: “electron .”
},
“keywords”: [],
“author”: “”,
“license”: “ISC”,
“dependencies”: {},
“devDepenh5bootstrap打包exedencies”: {
“electron”: “^latest” // 請更新為適用的特定版本
}
}
“`
7. 至此，項目已準(zhǔn)備就緒。在命令行終端運行以下命令以啟動Electron應(yīng)用程序：
“`
npm start
“`
8. 如果您要構(gòu)建EXE文件，可以使用electron-builder。在項目目錄中，運行以下命令以安裝electron-builder：
“`
npm install electron-builder –save-dev
“`
9. 在”package.json”文件中，添加”build”字段，包含有關(guān)應(yīng)用程序的一些信息（如名稱、版本、描述等）：
“`json
{
“build”: {
“appId”: “com.example.your-app”,
“productName”: “YourAppName”,
“copyright”: “Copyright ? 2022”,
“directories”: {
“buildResources”: “build”,
“output”: “dist”
},
“win”: {
“target”: “nsis”,
“icon”: “build/icon.ico”
}
}
}
“`
10. 現(xiàn)在，在命令行運行以下命令以構(gòu)建可執(zhí)行文件：
“`
npm run dist
“`
當(dāng)構(gòu)建完成后，您將在”dist”文件夾中找到用于分發(fā)的EXE文件。
方法二：使用NW.js
類似于Electron，NW.js是另一種將HTML頁面打包為桌面EXE應(yīng)用程序的解決方案。它也是基于Chromium和Node.js的，因此支持Web技術(shù)來構(gòu)建桌面程序。轉(zhuǎn)換過程與Electron類似，您只需更改配置文件及打包命令即可。詳細(xì)教程和示例可在NW.js的官方文檔中找到。
除了這兩種流行的解決方案，還有其他一些專門針對HTML轉(zhuǎn)EXE的工具，如：WebViewGold、HTML Compiler等。您可以根據(jù)需求選擇合適的工具。在將HTML轉(zhuǎn)換為EXE時，請確保應(yīng)用程序的安全性，以防止惡意代碼注入。
