Electron 打包网页为 Windows 安装程序 - 详细教程 - 常规

要将一个网址打包成 Windows 平台的安装程序，可以使用 Electron Builder 工具。以下是步骤：

首先，需要在本地安装 Node.js 和 Electron。可以使用以下命令进行安装：

npm install electron -g
npm install electron-builder -g

在项目根目录下创建一个 package.json 文件，输入以下内容：

{
  'name': 'my-app',
  'version': '1.0.0',
  'description': 'My Electron App',
  'main': 'main.js',
  'scripts': {
    'start': 'electron .',
    'pack': 'electron-builder --dir',
    'dist': 'electron-builder'
  },
  'author': 'Your Name',
  'license': 'MIT',
  'devDependencies': {
    'electron': '^10.1.5',
    'electron-builder': '^22.8.0'
  }
}

在项目根目录下创建一个 main.js 文件，输入以下内容：

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

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

  win.loadURL('http://example.com')
}

app.whenReady().then(() => {
  createWindow()

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

执行以下命令打包应用程序：

npm run dist

这将生成一个 windows 安装包，可以在 dist 目录下找到。

注意：在打包之前需要将网址替换为实际的网址。此外，还可以在 package.json 文件中添加其他配置，如应用程序图标等。