制作一个网站的 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" 文件夹中。