如何快速将网站封装一个win桌面端应用？怎么将网页打包windows桌面应用？使用Electron将网页打包成win桌面应用

本文链接：https://blog.csdn.net/gjwgjw1111/article/details/130508471

本文介绍了如何创建一个基于Electron的桌面应用，通过安装Node.js和Electron，创建HTML文件，编写main.js，然后使用electron-packager进行打包，最终将网站转换为可运行的Windows应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装必要的软件：

首先需要安装Node.js和Electron。您可以访问以下网站下载并安装它们：

Node.js: https://nodejs.org/en/
Electron: https://www.electronjs.org/

创建您的应用程序：

在您的电脑上，创建一个新文件夹作为您的项目目录，并在其中创建一个HTML文件（例如：index.html），其中包含您要封装的网站内容。如果您想让应用程序打开某个网址，请执行以下操作：

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

建立一个main.js文件:

在您的项目目录下创建main.js文件，并写入 Electron 的入口代码，建立窗口。这里是一个简单的示例代码：

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

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

  const myUrl = 'https://www.baidu.com/'
  win.loadURL(encodeURI(myUrl))
  win.webContents.openDevTools()
}

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

打包应用程序：

进入项目目录。使用命令行运行以下命令来打包应用程序：

npm install -g electron-packager
electron-packager . myApp --platform=win32 --arch=x64 --electron-version:8.2.1

此命令将打包为 myApp.exe文件，并可在Windows上运行。

通过以上简单的步骤，您就可以快速将网站封装为Win桌面端应用程序，并使用Atom、VS Code或其他相应的文本编辑器来编辑和调试您的应用程序。