這份指南將帶你一步步將一個基於 worker.js 的應用程式部署到 Cloudflare Workers,所有操作都可以在網頁界面上完成,無需安裝任何本地命令行工具。
- 擁有一個 Cloudflare 帳號。
- 登錄你的 Cloudflare 帳號。
- 在左側導航欄,點擊「Workers & Pages」。
- 點擊「創建應用程式」按鈕,然後選擇「創建 Worker」。
- 為你的 Worker 命名(建議與應用功能相關,例如
my-navigation-app),然後點擊「部署」。
- 部署成功後,點擊「編輯代碼」。
- 你會進入一個在線代碼編輯器。將編輯器中所有預設的代碼刪除。
- 將你提供的
worker.js文件中的所有代碼複製並貼到這個編輯器中。 - 點擊右上角的「保存並部署」。
worker.js 文件需要一個 D1 數據庫來存儲書籤數據。
- 回到你的 Workers 應用程式頁面。
- 點擊「設置」標籤。
- 在「D1 資料庫」部分,點擊「創建資料庫」。
- 為你的數據庫命名(例如:
my_navigation_db)。
worker.js 文件使用 KV 存儲來驗證後台管理員身份。
- 在「設置」標籤中,找到「KV 命名空間繫結」部分。
- 點擊「添加繫結」。
- 在「變數名稱」中輸入
NAV_AUTH(這與代碼中的變數名一致)。 - 在「KV 命名空間」中,點擊「創建 KV 命名空間」,然後命名它(例如:
my-navigation-auth),並點擊「添加」。 - 在「變數值」中輸入你想要的用戶名和密碼,格式為:
your_username:your_password。 - 點擊「保存」。
完成上述所有步驟後,你的導航網站就成功部署了!
- 網站首頁:訪問 Cloudflare 為你提供的 Workers URL。
- 後台管理頁面:在網站 URL 後面加上
/admin,然後輸入你在第 5 步設定的用戶名和密碼即可登錄。