WordPress.com 是一個廣受歡迎的網站託管平台,它為用戶提供了從個人博客到專業網站的一站式解決方案。對於初學者而言,它提供了免費方案,讓用戶無需支付任何費用即可開始建立自己的線上空間。對於開發者而言,WordPress.com 提供了強大的 REST API,允許外部應用程式安全地與網站內容進行互動,實現自動化發佈、數據同步等高級功能。本教學將詳細指導您如何利用 WordPress.com 的免費資源,並進一步設定其開發者 API。
第一部分:建立免費 WordPress.com 網站
建立一個免費的 WordPress.com 網站過程直接且簡單,無需任何技術背景。
步驟一:訪問與註冊
步驟二:選擇網域名稱與免費方案
註冊後,您將需要為您的網站選擇一個網域名稱。輸入您想要的名稱,系統會提供多個選項。請務必選擇帶有 .wordpress.com 子網域的免費選項(例如:yourname.wordpress.com)。
接下來,系統會引導您進入方案選擇頁面。此時,請仔細查看頁面底部的選項,通常會有一個不起眼的連結或按鈕,指示您可以「從免費網站開始」(Start with a free site)或「跳過並使用免費方案」。點擊此選項,以確保您選擇的是免費託管服務,而非付費訂閱。
步驟三:網站設定與發佈
選擇免費方案後,您將進入網站設定流程。您可以:
1.選擇網站目標:例如,寫作、推廣業務、展示作品集等。
2.選擇主題:從數百個免費主題中選擇一個您喜歡的設計模板。
3.自訂網站:您可以開始添加頁面、撰寫第一篇貼文、設定選單和側邊欄小工具。
完成基本設定後,點擊「發佈您的網站」(Launch your site)。您的免費 WordPress.com 網站即刻上線,可供全球訪問。
第二部分:設定 WordPress.com 開發者 API
WordPress.com 的 API 允許您以程式設計的方式與您的網站內容進行交互。設定 API 憑證是開發任何外部應用程式的第一步。
步驟一:訪問應用程式管理頁面
步驟二:建立新應用程式
點擊「建立新應用程式」(Create New Application)按鈕。您需要填寫以下關鍵資訊:
1.應用程式名稱 (Name):為您的應用程式取一個易於識別的名稱。
2.描述 (Description):簡要說明應用程式的用途。
3.網站網址 (Website URL):您的應用程式或網站的主頁網址。
4.重新導向網址 (Redirect URLs):這是 OAuth2 驗證流程中至關重要的一步。當用戶授權您的應用程式訪問其 WordPress.com 帳號後,系統會將用戶重新導向到此處指定的網址。對於大多數 Web 應用程式,這將是您處理授權碼的後端端點。請確保填寫正確,否則授權將會失敗。


點填?
只需要填 網域(Origin) Redirect,唔要 path:
Redirect URL https://lywkjdwklxqoqhbpnrlb.supabase.co/functions/v1/wpcom-oauth-callback
Website URL https://justice-whisper-stream.lovable.app
步驟三:獲取與使用憑證
提交應用程式資訊後,您將立即獲得一組憑證,這是您的應用程式與 WordPress.com API 進行身份驗證的關鍵:
|
憑證名稱
|
用途
|
備註
|
|
Client ID
|
應用程式的公開識別碼
|
用於向 WordPress.com 識別您的應用程式。
|
|
Client Secret
|
應用程式的私密金鑰
|
必須保密,用於驗證應用程式的真實性。
|
請務必妥善保管您的 Client Secret,切勿將其暴露在客戶端程式碼(如瀏覽器前端)中。
身份驗證方式的選擇
WordPress.com API 主要支援兩種身份驗證方式:
1.OAuth2 授權流程:這是最安全且推薦的方式,適用於需要代表多個用戶訪問其網站的第三方應用程式。它涉及將用戶重新導向到 WordPress.com 進行登入和授權,然後您的應用程式會收到一個 Access Token,用於後續的 API 請求 。
2.應用程式密碼 (Application Passwords):如果您只需要為自己的網站建立一個簡單的腳本或工具,您可以在您的 WordPress.com 網站後台(wp-admin -> 用戶 -> 個人資料)中生成一個「應用程式密碼」。這個密碼可以直接用於 Basic Authentication,但它僅適用於您自己的帳號,且安全性不如 OAuth2 。
總結
透過上述步驟,您不僅成功地在 WordPress.com 上擁有了一個免費的網站,還掌握了設定開發者 API 的關鍵流程。無論您是想透過 API 實現自動化內容發佈,還是為您的網站建立一個配套的移動應用程式,這些基礎知識都將為您的開發工作奠定堅實的基礎。




