Express Web 框架 (Node.js/JavaScript)

Express 是一款流行的無約束 Web 框架,用 JavaScript 編寫,並在 Node.js 執行時環境中執行。本模組解釋了該框架的一些主要優勢,如何設定您的開發環境以及如何執行常見的 Web 開發和部署任務。

先決條件

在開始學習本模組之前,您需要了解什麼是伺服器端網頁程式設計和網頁框架,理想情況下,可以閱讀我們 伺服器端網站程式設計入門 模組中的主題。強烈建議您具備程式設計概念和 JavaScript 的基本知識,但不是理解核心概念的必要條件。

注意: 本網站提供了許多有用的資源,可以幫助您在客戶端開發的背景下學習 JavaScript:JavaScriptJavaScript 指南JavaScript 基礎JavaScript(學習)。核心 JavaScript 語言和概念在 Node.js 上的伺服器端開發中是一樣的,這些資料將是有幫助的。Node.js 提供了 額外的 API 來支援在無瀏覽器環境中(例如,建立 HTTP 伺服器和訪問檔案系統)有用的功能,但它不支援與瀏覽器和 DOM 互動的 JavaScript API。

本指南將提供一些關於使用 Node.js 和 Express 的資訊,網際網路和書籍中還有許多其他優秀的資源——其中一些資源連結自 如何開始使用 Node.js(StackOverflow)和 學習 Node.js 的最佳資源是什麼?(Quora)。

指南

Express/Node 簡介

在第一篇 Express 文章中,我們將回答“什麼是 Node?”和“什麼是 Express?”的問題,併為您概述 Express 網頁框架的特殊之處。我們將概述主要功能,並向您展示 Express 應用程式的一些主要構建塊(儘管此時您還沒有一個可以測試它的開發環境)。

設定 Node (Express) 開發環境

既然您已經瞭解了 Express 的用途,我們將向您展示如何在 Windows、Linux(Ubuntu)和 macOS 上設定和測試 Node/Express 開發環境。無論您使用的是哪種常見的作業系統,本文都應該提供您開始開發 Express 應用程式所需的知識。

Express 教程:本地圖書館網站

我們實用的教程系列的第一篇文章解釋了您將學到的內容,並概述了我們在後續文章中將要使用和演化的“本地圖書館”示例網站。

Express 教程第 2 部分:建立網站框架

本文介紹瞭如何建立一個“骨架”網站專案,然後您可以用站點特定的路由、模板/檢視和資料庫填充它。

Express 教程第 3 部分:使用資料庫 (使用 Mongoose)

本文簡要介紹了 Node/Express 的資料庫。然後繼續介紹如何使用 MongooseLocalLibrary 網站提供資料庫訪問。它解釋瞭如何宣告物件模式和模型、主要欄位型別以及基本驗證。它還簡要介紹了一些訪問模型資料的主要方法。

Express 教程第 4 部分:路由和控制器

在本教程中,我們將為LocalLibrary 網站中最終需要的每個資源端點設定路由(URL 處理程式碼)以及“虛擬”處理函式。完成之後,我們將擁有路由處理程式碼的模組化結構,可以在後續文章中使用真實的處理函式對其進行擴充套件。我們還將對如何使用 Express 建立模組化路由有更深入的瞭解。

Express 教程第 5 部分:顯示圖書館資料

現在我們已經準備好新增顯示LocalLibrary 網站書籍和其他資料的頁面。這些頁面將包括一個主頁,顯示我們擁有每種模型型別的記錄數量,以及所有模型的列表頁面和詳細資訊頁面。在此過程中,我們將獲得實際經驗,從資料庫中獲取記錄並使用模板。

Express 教程第 6 部分:使用表單

在本教程中,我們將向您展示如何在 Express 中使用 Pug 與 HTML 表單 互動,特別是如何編寫表單來建立、更新和刪除資料庫中的文件。

Express 教程第 7 部分:部署到生產環境

現在您已經建立了一個很棒的LocalLibrary 網站,您需要將其安裝在公共 Web 伺服器上,以便圖書館工作人員和成員可以透過網際網路訪問它。本文概述瞭如何找到主機來部署您的網站,以及您需要做些什麼才能使您的網站準備好投入生產。

新增更多教程

上面列出了所有現有的教程,但如果您想擴充套件本模組,以下是一些其他有趣的主題:

  • 使用會話。
  • 使用者身份驗證。
  • 使用者授權和許可權。
  • 測試 Express 網頁應用程式。
  • Express 網頁應用程式的 Web 安全。

模組評估也是一個非常棒的補充!