如何制作网站exe

制作一个网站的 exe 文件,通常是将网站打包成一个可执行程序,用户在运行该程序时不需要打开浏览器,即可访问并使用该网站。这种方法称为创建 Webview 或 WebView 应用。在本教程中,我们将介绍使用 Electron 和 Pywebview 进行网站打包的基本方法。

方法一:使用 Electron (适用于 JavaScript 编程者)

1. 安装 Node.js

要开始使用 Electron,首先需要安装 Node.js。请访问 https://nodejs.org/ 下载并安装适合您的计算机类型的 Node.js。

2. 初始化项目

打开命令行工具,进入到您想要存放项目的文件夹,然后执行以下命令:

```

mkdir my-website-exe

cd my-website-exe

npm init -y

npm install electron --save-dev

```

3. 创建程序入口文件

在项目文件夹中,创建一个名为 `main.js` 的文件,然后将下面的代码粘贴到该文件中:

```javascript

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

let mainWindow;

function createWindow() {

mainWindow = new BrowserWindow({

width: 1024,

height: 768,

webPreferences: {

nodeIntegration: true

}

})

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

mainWindow.on('closed', () => {

mainWindow = null

})

}

app.on('ready', createWindow)

app.on('window-all-closed', function () {

if (process.platform !== 'darwin') app.quit()

})

```

请确保将 `'https://www.example.com'` 替换为您要加载的网站地址。

4. 更改 `package.json`

打开项目文件夹中的 `package.json` 文件,修改 `scripts` 部分如下:

```json

"scripts": {

"start": "electron ."

}

```

5. 运行并打包项目

在命令行工具中,切换到项目文件夹,然后执行以下命令:

```

npm start

```

如果一切顺利,您的网站将在一个独立的窗口中打开。最后,使用 electron-builder 将 Electron 项目打包成 exe 文件:

```

npm install electron-builder --save-dev

npx electron-builder

```

完成后,您的 exe 文件将在项目目录中的 "dist" 文件夹中生成。

方法二:使用 Pywebview(适用于 Python 编程者)

1. 安装 Python

要开始使用 Pywebview,首先需要安装 Python。请访问 https://www.python.org/downloads/ 下载并安装适合您计算机类型的 Python。

2. 安装 Pywebview

打开命令行工具,然后执行以下命令以安装 Pywebview:

```

pip install pywebview

```

3. 创建程序入口文件

在您想要存放项目的文件夹中,创建一个名为 `my_website.py` 的文件,然后将下面的代码粘贴到该文件中:

```python

import webview

webview.create_window("My Website", "https://www.example.com")

webview.start()

```

请确保将 `"https://www.example.com"` 替换为您要加载的网站地址。

4. 运行并打包项目

在命令行工具中,切换到项目文件夹,然后执行以下命令:

```

python my_website.py

```

如果一切顺利,您的网站将在一个独立的窗口中打开。要将其打包成 exe 文件,您可以使用 PyInstaller:

```

pip install pyinstaller

pyinstaller --onefile --noconsole my_website.py

```

完成后,您的 exe 文件将生成在项目目录中的 "dist" 文件夹中。