Skip to content

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

Cloudflare Workers 部署指南

這份指南將帶你一步步將一個基於 worker.js 的應用程式部署到 Cloudflare Workers,所有操作都可以在網頁界面上完成,無需安裝任何本地命令行工具。

1. 前提條件

  • 擁有一個 Cloudflare 帳號

2. 創建 Cloudflare Worker 應用程式

  1. 登錄你的 Cloudflare 帳號。
  2. 在左側導航欄,點擊「Workers & Pages」。
  3. 點擊「創建應用程式」按鈕,然後選擇「創建 Worker」。
  4. 為你的 Worker 命名(建議與應用功能相關,例如 my-navigation-app),然後點擊「部署」。

3. 貼上代碼並部署

  1. 部署成功後,點擊「編輯代碼」。
  2. 你會進入一個在線代碼編輯器。將編輯器中所有預設的代碼刪除。
  3. 將你提供的 worker.js 文件中的所有代碼複製並貼到這個編輯器中。
  4. 點擊右上角的「保存並部署」。

4. 創建 D1 數據庫

worker.js 文件需要一個 D1 數據庫來存儲書籤數據。

  1. 回到你的 Workers 應用程式頁面。
  2. 點擊「設置」標籤。
  3. 在「D1 資料庫」部分,點擊「創建資料庫」。
  4. 為你的數據庫命名(例如:my_navigation_db)。

5. 創建 KV 存儲並設置管理員憑證

worker.js 文件使用 KV 存儲來驗證後台管理員身份。

  1. 在「設置」標籤中,找到「KV 命名空間繫結」部分。
  2. 點擊「添加繫結」。
  3. 在「變數名稱」中輸入 NAV_AUTH(這與代碼中的變數名一致)。
  4. 在「KV 命名空間」中,點擊「創建 KV 命名空間」,然後命名它(例如:my-navigation-auth),並點擊「添加」。
  5. 在「變數值」中輸入你想要的用戶名和密碼,格式為:your_username:your_password
  6. 點擊「保存」。

6. 最終訪問與測試

完成上述所有步驟後,你的導航網站就成功部署了!

  • 網站首頁:訪問 Cloudflare 為你提供的 Workers URL。
  • 後台管理頁面:在網站 URL 後面加上 /admin,然後輸入你在第 5 步設定的用戶名和密碼即可登錄。

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages