将網址封裝成一個獨立的Windows應用程式（.exe檔案）可以使用一些工具和技術來實作。這樣的程式也被稱為Webview應用，它在一個獨立的視窗中加載并顯示Web内容。下面是一個使用Electron架構的簡單方法來建立一個這樣的應用。
- 安裝Node.js：首先，您需要在計算機上安裝Node.js，它是一個JavaScript運作時。請通路https://nodejs.org/ 下載下傳并安裝适合您的作業系統的版本。
- 安裝Electron：打開指令提示符或終端，運作以下指令以全局安裝Electron：
Copy codenpm install -g electron
- 建立項目檔案夾：建立一個新的檔案夾作為您的項目，例如“webview-app”。在此檔案夾中，建立兩個檔案：index.html 和 main.js。
- 編寫index.html：在index.html中添加以下代碼，它将用于顯示網頁内容：
htmlCopy code<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WebView App</title>
</head>
<body>
<webview id="webview" src="https://example.com" style="width:100vw; height:100vh;"></webview>
</body>
</html>
将 https://example.com 替換為您要封裝的網址。
- 編寫main.js：在main.js中添加以下代碼，它将負責建立應用程式視窗并加載index.html：
javascriptCopy codeconst { app, BrowserWindow } = require('electron');
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
contextIsolation: false,
},
});
win.loadFile('index.html');
}
app.whenReady().then(createWindow);
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit();
}
});
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow();
}
});
- 運作應用程式：在指令提示符或終端中，導航到項目檔案夾并運作以下指令：
Copy codeelectron .
這将啟動應用程式，并在視窗中顯示指定的網址。
- 打包應用程式：為了将應用程式打包成一個.exe檔案，我們可以使用electron-builder。首先，安裝electron-builder：
cssCopy codenpm install electron-builder --save-dev
接下來，在項目檔案夾中建立一個名為package.json的檔案，其中包含以下内容：
jsonCopy code{
"name": "webview-app",
"version": "1.0.0",
"description": "A WebView application",
"main": "main.js",
"scripts": {
"start": "electron .",
"build": "electron-builder"
},
"author": "Your Name",
"license": "MIT",
"devDependencies": {
"electron": "^"13.6.2",
"electron-builder": "^22.14.5"
}
} 請確定根據您的實際安裝版本替換 "electron" 和 "electron-builder" 的版本号。您可以通過運作以下指令檢視已安裝的版本：
electron -v
electron-builder -v
現在，您可以使用以下指令建構應用程式：
npm run build
建構完成後，您可以在項目檔案夾中找到 "dist" 檔案夾，該檔案夾包含生成的.exe安裝程式。
請注意，打包過程可能需要根據您的需求進行定制。您可以檢視electron-builder的官方文檔（https://www.electron.build/）以擷取更多詳細資訊和選項。
至此，您已成功将網址封裝成一個Windows應用程式，并将其打包為.exe安裝程式。
![Windows系統下通過CMD指令行或運作視窗打開常用附件和功能[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)