您的第一個使用 Node.js 的後端應用程式

您是否正在學習 Web 開發並對如何啟動 Node.js 專案感到困惑？別擔心，我有你！我將指導您只需 5 個步驟即可使用 Node.js 和 Express.js 建立您的第一個後端。

️5個關鍵步驟：

• 第 1 步：設定項目
• 第 2 步：整理資料夾
• 第 3 步：建立 server.js 檔案
• 第 4 步：建構路線
• 第 5 步：運行後端

第 1 步：設定項目？ ️

1。安裝Node.js和npm：從官網下載並安裝Node.js。它附帶了 npm（Node Package Manager），可以幫助您管理套件。

2。建立專案資料夾：為您的專案建立一個資料夾。開啟終端機（或命令提示字元）並輸入：

   mkdir my-node-project
   cd my-node-project

3。初始化您的專案：在資料夾內，輸入以下命令設定新的 Node.js 專案：

   npm init

這將建立一個 package.json 文件，其中儲存所有專案資訊和相依性。如果您不確定，只需按 Enter 鍵回答每個問題。

4。安裝 Express.js：Express.js 是一個讓建置後端變得更容易的框架。輸入以下指令安裝：

   npm install express

第 2 步：整理您的資料夾？

保持一切井井有條很重要！以下是建構專案的方法：

• server.js：這是我們寫主伺服器程式碼的地方。
• routes/：在此處儲存路由檔案（處理網路請求的位置）。
• controllers/：儲存管理路由邏輯的程式碼。
• models/：如果您使用資料庫，則儲存資料庫模型（現在不需要）。

資料夾結構範例：

my-node-project/
├── routes/
├── server.js
├── package.json
└── node_modules/

步驟3：建立server.js檔案？ ️

1。建立檔案：在專案資料夾中，建立一個名為 server.js 的檔案。這將是您的應用程式的入口點。

2。寫你的第一個 Node.js 伺服器:

   const express = require('express'); // Importing express
   const app = express(); // Creating an express app

   // Create a route that sends a response when visiting the homepage
   app.get('/', (req, res) => {
     res.send('<h1>Hello, Express.js Server!</h1>');
   });

   // Set up the server to listen on port 3000
   const port = 3000;
   app.listen(port, () => {
     console.log(`Server is running on port ${port}`);
   });

3。測試它：透過輸入以下命令來運行您的伺服器：

   node server.js

現在，打開網頁瀏覽器並造訪 http://localhost:3000。您應該會看到“Hello, Express.js Server!”在螢幕上！

第 4 步：建造路線 ?

路由定義您的伺服器如何回應不同的 URL 請求。

1。建立一條路由：在 server.js 檔案中，您已經有一條路由：

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

2。增加更多路線：讓我們增加更多路線：

   app.get('/about', (req, res) => {
     res.send('This is the about page');
   });

   app.get('/contact', (req, res) => {
     res.send('This is the contact page');
   });

3。測試您的路線：儲存後，請前往瀏覽器並存取以下網址：

• http://localhost:3000/ – 應該會顯示「Hello, Express.js Server!」
• http://localhost:3000/about – 應該顯示「這是關於頁面」
• http://localhost:3000/contact – 應該顯示「這是聯絡頁面」

第 5 步：運行你的後端？

保持伺服器運作並測試變更：

1。啟動您的伺服器：再次運行您的伺服器：

   node server.js

2。測試：您可以在瀏覽器中存取網址，或使用Postman等工具發送請求。

3。保持伺服器更新：您可以安裝nodemon，它會在您更改程式碼時自動重新啟動伺服器：

   npm install -g nodemon

現在，運行：
，而不是 Node server.js

   nodemon server.js

輸出？ ：

當你造訪 http://localhost:3000/ 時，你會看到：

Hello, Express.js Server!

當您造訪 http://localhost:3000/about 時，您會看到：

This is the about page

---

✅？推薦：

使用此可列印後端開發人員概念範本來追蹤您的進度！

初學者開發人員經常難以選擇正確的技術堆疊，這導致他們浪費時間並失去動力。因此，我在 Notion 中創建了一個設計精美、非常容易遵循的 6 個月後端開發人員路線圖，以便您可以追蹤您的進度並堅持您的目標。 _

此路線圖：

• ?️ 提供清晰的路徑以避免混亂。
• ？概述從哪裡開始和結束，幫助您保持動力。
• ？遵循類似學校教學大綱的結構化計畫。
• ？透過工具和語言的每週目標來組織您的學習。
• ⏳ 確保在 6 個月內完成，涵蓋您所需的一切。
• ？具有精美的設計，方便導航。

---

感謝您閱讀這篇文章。一定要關注我嗎？了解最新動態。

続きを読む: 6 か月でバックエンド開発者になるためのスキル (ロードマップ)

以上是您的第一個使用 Node.js 的後端應用程式的詳細內容。更多資訊請關注PHP中文網其他相關文章！