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

首頁 > 程式設計 > 您的第一個使用 Node.js 的後端應用程式

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

發佈於2024-11-05

您是否正在學習 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('Hello, Express.js Server!');
   });

   // 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

現在，開啟 Web 瀏覽器並前往 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.測試您的路線：儲存後，請前往瀏覽器並造訪以下 URL：