🌐 網站是怎麼運作的？
你有沒有好奇過，當我們打開一個網站的時候，背後到底發生了什麼？今天，我們來聊聊網站的運作方式，以及如何建立一個購物網站的前端和後端架構。
🖥️ 前端和後端：誰負責什麼？
一個網站通常分為兩個主要部分：
- 🎨 前端（Front-end）：使用者看到的部分，包括畫面、按鈕、文字和圖片。它負責和使用者互動，內容會在瀏覽器中運行。
- 🔧 後端（Back-end）：藏在幕後的部分，運行在伺服器上，負責處理資料、驗證規則，並確保前端取得正確資訊。
🌍 使用者訪問網站時發生了什麼？
假設使用者 Jenny 想逛我們的購物網站，她在瀏覽器輸入 goodbuy.com，然後按下 Enter。這時：
-
瀏覽器會發送一個請求，類似說：「嗨~~我想看看首頁！」
-
伺服器收到後會處理這個請求，然後回傳結果給瀏覽器。這一來一回的過程是透過 HTTP（🔗 Hypertext Transfer Protocol） 完成的，這是一種讓瀏覽器和伺服器溝通的語言。
-
(註)
goodbuy.com是URL（🌐 Uniform Resource Locator） 等於是網站的地址，幫助 Jenny 的瀏覽器找到伺服器。
⚙️ 後端如何提供內容？
當伺服器收到請求後，有兩種方式回應：
-
📄 生成完整的網頁並回傳：
- 伺服器會使用 HTML（超文本標記語言） 建立完整的網頁，然後傳送給使用者。
-
📊 只提供所需數據，讓前端生成頁面：
- 伺服器只傳回資料（例如產品清單），由前端工具（如 React）生成畫面。
🤔 選擇第二種方式的好處:
- 減輕伺服器壓力：伺服器只專注處理數據，能夠服務更多使用者。
- 擴展性更好：隨著用戶數量增加，伺服器的負擔也更容易管理。
這也是為什麼現在越來越多網站使用 React、Angular 和 Vue 來處理前端。
🛠️ 後端的角色：資料的管家
如果把頁面生成交給前端，那後端的主要任務就是管理數據，並提供 API（應用程式介面，Application Programming Interface）。
🎛️ API 是什麼？
API 就像遙控器上的按鈕：
- 每個按鈕都有特定功能，比如開關電視或調整音量。
- 同樣，API 是伺服器提供的「按鈕」，讓前端用來取得產品資料或提交訂單。
🐍 用 Django 建立 API
在後端世界裡，Django 是一個非常受歡迎的框架，能快速幫助我們建立 API：
- Django 讓處理數據和提供接口變得更簡單高效。
- 前端應用（例如使用 React 或 Angular 開發的網站）可以透過 API 與後端互動，完成查詢產品或提交訂單的功能。
🏁 結論
現代網站開發強調分工合作：
- 🎨 前端 負責生成畫面，提升使用者體驗。
- 🔧 後端 專注處理數據和業務邏輯，提供高效的 API。
如果你想建立一個高效的網站，像 Django 這樣的後端框架絕對是值得考慮的好選擇！希望這次的分享讓你對網站的運作有更清楚的了解！ 🚀