Electron 打包网页成 Windows 安装程序 - 完整步骤指南 - 常规

要将一个网址打包成 Windows 平台的安装包，可以使用 Electron Builder 工具。

以下是步骤：

首先，需要在 Electron 项目中添加 Electron Builder 依赖项。可以使用以下命令：

npm install electron-builder --save-dev

在 package.json 文件中添加以下配置：

"build": {
  "appId": "com.example.myapp",
  "productName": "My App",
  "directories": {
    "output": "dist"
  },
  "win": {
    "target": "nsis",
    "icon": "build/icon.ico"
  }
}

这将告诉 Electron Builder 如何构建您的应用程序。

将网址添加到 Electron 应用程序中。可以使用以下代码：

const { app, BrowserWindow } = require('electron')

let mainWindow

function createWindow () {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: false,
      contextIsolation: true,
      enableRemoteModule: false,
      preload: __dirname + '/preload.js'
    }
  })

  mainWindow.loadURL('https://example.com')

  mainWindow.on('closed', function () {
    mainWindow = null
  })
}

app.on('ready', createWindow)

这将创建一个 Electron 窗口，并加载指定的网址。

最后，运行以下命令来构建安装程序：

npm run dist

这将使用 Electron Builder 构建您的应用程序，并生成 Windows 安装程序。

注意：在构建安装程序之前，需要在 Windows 开发环境中安装 NSIS 软件包。