如何在 Ubuntu 上安裝和設定 MEAN Stack(MongoDB、Express.JS、Angular.JS、Node.JS)


MEAN stack 是一種流行的 Web 開發框架,由 MongoDB、Express.js、Angular.js 和 Node.js 組成。它是一個開源平臺,允許開發人員快速有效地建立健壯的 Web 應用程式。在本文中,我們將指導您完成在 Ubuntu 上安裝和設定 MEAN stack 的過程。

步驟 1:安裝 Node.js 和 NPM

Node.js 是一個執行時環境,允許開發人員在瀏覽器外部執行 JavaScript 程式碼。它是 MEAN stack 的核心。要在 Ubuntu 上安裝 Node.js,請按照以下步驟操作:

透過按 Ctrl+Alt+T 在 Ubuntu 上開啟終端。

鍵入以下命令將 Node.js PPA(個人軟體包檔案)新增到您的系統中:

$ curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -

新增 PPA 後,執行以下命令安裝 Node.js 和 npm:

$ sudo apt-get install -y nodejs

要驗證安裝,請鍵入以下命令以檢查 Node.js 和 npm 的版本:

$ node -v
$ npm -v

如果安裝成功,Node.js 和 npm 的版本號將顯示在終端上。

步驟 2:安裝 MongoDB

MongoDB 是一個 NoSQL 資料庫,它以類似 JSON 的文件儲存資料。由於其靈活性和可擴充套件性,它是開發人員的熱門選擇。要在 Ubuntu 上安裝 MongoDB,請按照以下步驟操作:

開啟終端並鍵入以下命令以匯入 MongoDB 公共 GPG 金鑰:

$ wget -qO - https://www.mongodb.org/static/pgp/server-5.0.asc | sudo apt-key add -

接下來,透過執行以下命令將 MongoDB 儲存庫新增到系統源列表中:

$ echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu $(lsb_release -sc)/mongodb-org/5.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-5.0.list

新增儲存庫後,更新軟體包列表並透過執行以下命令安裝 MongoDB:

$ sudo apt-get update
$ sudo apt-get install -y mongodb-org

要啟動 MongoDB 服務,請執行以下命令:

$ sudo systemctl start mongod

要啟用 MongoDB 在啟動時啟動,請執行以下命令:

$ sudo systemctl enable mongod

要驗證安裝,請鍵入以下命令以檢查 MongoDB 服務的狀態:

$ sudo systemctl status mongod

如果安裝成功,MongoDB 服務狀態應顯示為“active (running)”。

步驟 3:安裝 Express.js 和 Angular.js

Express.js 是一個用於 Node.js 的 Web 應用程式框架,它提供了一套用於構建 Web 應用程式的工具和功能。Angular.js 是一個用於構建動態 Web 應用程式的 JavaScript 框架。要在 Ubuntu 上安裝 Express.js 和 Angular.js,請按照以下步驟操作:

開啟終端並導航到您的專案目錄

透過執行以下命令安裝 Express.js:

$ npm install express --save

透過執行以下命令安裝 Angular.js:

$ npm install angular --save

步驟 4:建立 MEAN Stack 應用程式

現在我們已經安裝了所有必需的元件,讓我們建立一個簡單的 MEAN stack 應用程式來測試我們的安裝。

開啟終端並導航到您的專案目錄。

透過執行以下命令為您的 MEAN stack 應用程式建立一個新目錄:

$ mkdir mean-app

透過執行以下命令導航到新目錄:

$ cd mean-app

透過執行以下命令建立一個名為 server.js 的新檔案:

$ touch server.js

在您首選的文字編輯器中開啟 server.js 檔案並新增以下程式碼:

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
   res.send('Hello World!');
});

app.listen(port, () => {
   console.log(`Server running on port ${port}`);
});

儲存 server.js 檔案。

開啟一個新的終端視窗並導航到您的專案目錄。

透過執行以下命令啟動 MongoDB 服務:

$ sudo systemctl start mongod

透過執行以下命令啟動伺服器:

$ node server.js

開啟 Web 瀏覽器並導航到 https://:3000。您應該看到頁面上顯示的訊息“Hello World!”。

恭喜!您已成功在 Ubuntu 上安裝和設定了 MEAN stack 並建立了一個簡單的 MEAN stack 應用程式。

雖然上面概述的步驟提供了關於如何在 Ubuntu 上安裝和設定 MEAN stack 的基本瞭解,但開發人員可以使用許多其他工具和功能來增強其應用程式。

例如,開發人員可以使用 Mongoose 庫與 MongoDB 進行互動,該庫提供了其他功能,例如驗證和模式定義。他們還可以使用 Angular CLI(命令列介面)來生成元件、服務和 Angular 應用程式的其他部分。

此外,開發人員可以使用 Express.js 中介軟體向其應用程式新增身份驗證和錯誤處理等功能。他們還可以使用 Node.js 包來新增其他功能,例如傳送電子郵件或處理付款。

使用 MEAN stack 時需要考慮的一個重要因素是安全性。由於 MEAN stack 是基於開源元件構建的,因此開發人員必須採取措施來保護其應用程式免受潛在漏洞的侵害。

提高安全性的一個方法是使用 HTTPS 加密客戶端和伺服器之間傳輸的資料。這可以透過獲取 SSL 證書並將伺服器配置為使用 HTTPS 來實現。開發人員還可以使用 Helmet.js 等庫向其應用程式新增其他安全標頭,並防止常見的攻擊,例如跨站點指令碼 (XSS) 和跨站點請求偽造 (CSRF)。

另一個重要因素是資料驗證和清理。由於 MEAN stack 使用 MongoDB(一個 NoSQL 資料庫),因此務必仔細驗證和清理使用者輸入,以防止注入攻擊。開發人員可以使用 Joi 或 express-validator 等庫來驗證傳入的資料,並防止執行惡意程式碼。

最後,開發人員應瞭解常見的安全漏洞,例如 SQL 注入、緩衝區溢位和目錄遍歷攻擊,並採取措施來降低這些風險。他們可以使用 OWASP ZAP 或 Nikto 等工具掃描其應用程式是否存在潛在漏洞,並採取措施解決這些漏洞。

透過採取這些措施來保護其應用程式,開發人員可以確保其 MEAN stack 應用程式是安全的,並保護使用者資料免受潛在威脅。

結論

MEAN stack 是一種強大的 Web 開發框架,允許開發人員快速有效地建立健壯的 Web 應用程式。透過遵循本文中概述的步驟,您可以輕鬆地在 Ubuntu 上安裝和設定 MEAN stack 並建立您自己的 MEAN stack 應用程式。憑藉其靈活性和可擴充套件性以及易用性,MEAN stack 對於所有技能水平的開發人員來說都是一個絕佳的選擇。

更新於:2023 年 4 月 28 日

963 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

立即開始
廣告