1.安裝Node.js

首先，確保已經(jīng)安裝了Node.js。

可以在終端或命令提示符中輸入以下命令來(lái)檢查是否已安裝Node.js：

node -v

如果已經(jīng)安裝了Node.js，該命令將顯示已安裝的版本號(hào)。

如果沒(méi)有安裝，請(qǐng)?jiān)L問(wèn)Node.js官網(wǎng)下載并安裝適合你操作系統(tǒng)的版本。

2.創(chuàng)建項(xiàng)目文件夾

在文件系統(tǒng)中創(chuàng)建一個(gè)新的文件夾，作為你的項(xiàng)目文件夾。

你可以根據(jù)自己的喜好選擇位置。

3.初始化項(xiàng)目

打開(kāi)終端或命令提示符，進(jìn)入項(xiàng)目文件夾，并使用以下命令初始化一個(gè)新的Node.js項(xiàng)目：

npm init

這將創(chuàng)建一個(gè)package.json文件，其中包含項(xiàng)目的默認(rèn)配置。

4.起個(gè)名字，一直點(diǎn)擊回車

直到出現(xiàn)package.json文件

5.安裝Express

接下來(lái)，需要安裝Express框架，它是一個(gè)輕量級(jí)的Web應(yīng)用程序框架，用于構(gòu)建服務(wù)器端應(yīng)用程序。

在終端或命令提示符中，運(yùn)行以下命令來(lái)安裝Express：

npm i express

這將使用npm包管理器將Express添加到你的項(xiàng)目中，并將其保存為項(xiàng)目的依賴項(xiàng)。

6.創(chuàng)建服務(wù)器文件

在項(xiàng)目文件夾中創(chuàng)建一個(gè)新的JavaScript文件

例如server.js，作為你的服務(wù)器文件

7.編寫服務(wù)器代碼

使用你喜歡的文本編輯器打開(kāi)server.js文件，并編寫以下代碼：

const express = require('express')// 引入Express模塊 

const app = express() // 創(chuàng)建Express應(yīng)用程序?qū)嵗? 
app.use(express.static(__dirname+'/static'))//引入static里面的資源

// request 請(qǐng)求      response 回應(yīng)
app.get('/person', (req, res) => {
    res.send({
        name:'laoli',
        age:18
    })
})

// 監(jiān)聽(tīng)指定的端口  
app.listen(3333,(err) =>{
    if(!err)
    console.log('服務(wù)器啟動(dòng)成功！')
})

這段代碼創(chuàng)建了一個(gè)基本的Express服務(wù)器，并在/person路徑上返回一個(gè)對(duì)象。

你可以根據(jù)需要添加更多的路由和處理程序。

8.運(yùn)行服務(wù)器

保存server.js文件后，在終端或命令提示符中進(jìn)入項(xiàng)目文件夾，并運(yùn)行以下命令來(lái)啟動(dòng)服務(wù)器：

node server

這將啟動(dòng)服務(wù)器并監(jiān)聽(tīng)指定的端口（在本例中為3333）。

你可以根據(jù)需要更改端口號(hào)。

9.測(cè)試服務(wù)器

現(xiàn)在你的Node.js服務(wù)器已經(jīng)運(yùn)行起來(lái)了。

你可以在瀏覽器中訪問(wèn) http://localhost:3333/person（/person是文中設(shè)置的路徑），查看服務(wù)器是否正確響應(yīng)。

如果一切正常，你應(yīng)該能夠看到返回的對(duì)象消息。

10.新建static文件夾

用于存放打包好的文件

11.重新啟動(dòng)服務(wù)器

控制臺(tái)輸入

node server

12.在瀏覽器中訪問(wèn) http://localhost:3333

就可以看到index.html文件里面的內(nèi)容。

app.use(express.static(__dirname+'/static'))//引入static里面的資源

13.在給定的代碼中

req和res都是Express.js框架提供的請(qǐng)求和響應(yīng)對(duì)象。

• req（request）對(duì)象：代表客戶端發(fā)送的HTTP請(qǐng)求。它包含了客戶端請(qǐng)求的所有信息，如請(qǐng)求的URL、HTTP方法（GET、POST等）、查詢參數(shù)、頭部信息等。通過(guò)req對(duì)象，你可以獲取到客戶端發(fā)送的請(qǐng)求數(shù)據(jù)，并根據(jù)這些數(shù)據(jù)做出相應(yīng)的處理。
• res（response）對(duì)象：代表服務(wù)器的響應(yīng)。通過(guò)res對(duì)象，你可以設(shè)置響應(yīng)的狀態(tài)碼、頭部信息、發(fā)送響應(yīng)數(shù)據(jù)等。如：res.send('春江花月夜')就是使用res對(duì)象發(fā)送一個(gè)簡(jiǎn)單的文本響應(yīng)，內(nèi)容為“春江花月夜”。

總的來(lái)說(shuō)：

• req和res對(duì)象在Express.js中起到了橋梁的作用，使得服務(wù)器能夠接收客戶端的請(qǐng)求并發(fā)送響應(yīng)。
• 通過(guò)處理req對(duì)象，你可以獲取到客戶端發(fā)送的請(qǐng)求數(shù)據(jù)；通過(guò)處理res對(duì)象，你可以發(fā)送響應(yīng)數(shù)據(jù)給客戶端。

14.在Node.js中__dirname是一個(gè)全局變量

表示當(dāng)前模塊文件所在的目錄的絕對(duì)路徑。它常常用于構(gòu)建相對(duì)于當(dāng)前文件的路徑。

例如：

如果你有一個(gè)在/home/user/project目錄下的文件，并且這個(gè)文件需要讀取/home/user/project/config.json文件，你可以使用__dirname來(lái)構(gòu)建正確的路徑：

var configPath = path.join(__dirname, 'config.json');

上述代碼將configPath設(shè)置為/home/user/project/config.json。

這樣，你就可以使用fs.readFile或其他Node.js文件系統(tǒng)函數(shù)來(lái)讀取該文件。

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論