Express Web 框架 (Node.js/JavaScript)
Express 是一個流行的、非強制性的 Web 框架,用 JavaScript 編寫,並託管在 Node.js 執行時環境中。本模組將解釋該框架的一些關鍵優勢,如何設定開發環境,以及如何執行常見的 Web 開發和部署任務。
預備知識
在開始本模組之前,您需要了解什麼是伺服器端 Web 程式設計和 Web 框架,最好是透過閱讀我們 伺服器端網站程式設計入門 模組中的相關主題。強烈建議具備程式設計概念和 JavaScript 的通用知識,但這對於理解核心概念並非必需。
注意: 本網站有許多關於在客戶端開發背景下學習 JavaScript 的有用資源:JavaScript、JavaScript 指南、JavaScript 基礎、JavaScript (學習)。核心 JavaScript 語言和概念對於 Node.js 上的伺服器端開發是相同的,這些內容將是相關的。Node.js 提供了附加 API 來支援在無瀏覽器環境中執行的功能(例如,建立 HTTP 伺服器和訪問檔案系統),但不支援用於與瀏覽器和 DOM 互動的 JavaScript API。
這一系列文章將提供一些關於使用 Node.js 和 Express 的資訊,網際網路和書籍中還有許多其他優秀的資源 — 其中一些連結自 如何開始使用 Node.js (Stack Overflow) 和 學習 Node.js 的最佳資源是什麼? (Quora)。
教程
- Express/Node 介紹
-
在這第一篇 Express 文章中,我們將回答“什麼是 Node?”和“什麼是 Express?”這兩個問題,併為您概述 Express Web 框架的獨特之處。我們將概述主要功能,並向您展示 Express 應用程式的一些主要構建塊(儘管此時您還沒有可以測試它的開發環境)。
- 設定 Node (Express) 開發環境
-
既然您已經瞭解了 Express 的用途,我們將向您展示如何在 Windows、Linux (Ubuntu) 和 macOS 上設定和測試 Node/Express 開發環境。無論您使用何種常用作業系統,本文都將為您提供開始開發 Express 應用程式所需的一切。
- Express 教程:本地圖書館網站
-
我們實用教程系列的第一篇文章將解釋您將學到什麼,並概述我們在後續文章中將要學習和開發的“本地圖書館”示例網站。
- Express 教程第二部分:建立一個骨架網站
-
本文將展示如何建立一個“骨架”網站專案,然後您可以填充特定於站點的路由、模板/檢視和資料庫。
- Express 教程第三部分:使用資料庫 (Mongoose)
-
本文簡要介紹了 Node/Express 的資料庫。然後,我們將展示如何使用 Mongoose 為LocalLibrary 網站提供資料庫訪問。它解釋瞭如何宣告物件模式和模型、主要的欄位型別以及基本驗證。它還簡要展示了幾種訪問模型資料的主要方法。
- Express 教程第四部分:路由和控制器
-
在本教程中,我們將為LocalLibrary 網站最終需要的所有資源端點設定路由(URL 處理程式碼)和“虛擬”處理函式。完成後,我們將擁有一個模組化的路由處理程式碼結構,可以在後續文章中用實際的處理函式進行擴充套件。我們還將對如何使用 Express 建立模組化路由有一個很好的理解。
- Express 教程第五部分:顯示圖書館資料
-
現在我們已準備好新增顯示LocalLibrary 網站書籍和其他資料的頁面。這些頁面將包括一個顯示每種模型記錄數量的主頁,以及我們所有模型的列表和詳細資訊頁面。在此過程中,我們將獲得從資料庫中獲取記錄和使用模板的實踐經驗。
- Express 教程第六部分:使用表單
-
在本教程中,我們將向您展示如何在 Express 中使用 HTML 表單,以及如何使用 Pug,特別是如何編寫表單來建立、更新和刪除資料庫中的文件。
- Express 教程第七部分:部署到生產環境
-
既然您已經建立了一個出色的LocalLibrary 網站,您將希望將其安裝在公共 Web 伺服器上,以便圖書館員工和會員可以透過 Internet 訪問它。本文概述瞭如何尋找託管您的網站的主機,以及如何準備您的網站以進行生產。
新增更多教程
以上列出了所有現有教程,但如果您想擴充套件本模組,其他一些有趣的議題包括
- 使用會話。
- 使用者身份驗證。
- 使用者授權和許可權。
- 測試 Express Web 應用程式。
- Express Web 應用程式的 Web 安全。
對本模組的評估也將是一個很棒的補充!