? ? ? ? 在前端開發(fā)過程中，可能某些時(shí)候需要自己搭建一臺(tái)服務(wù)器用于一些文件圖片請(qǐng)求或者進(jìn)行后端相關(guān)知識(shí)的學(xué)習(xí)。本文主要講解如何通過nodejs進(jìn)行一個(gè)基礎(chǔ)服務(wù)器的搭建，包括如何將文件布置的服務(wù)器，以及基礎(chǔ)接口的開發(fā)。后面可能會(huì)更新關(guān)于通過nodejs操作數(shù)據(jù)庫，以及項(xiàng)目相關(guān)接口的開發(fā)。可能做一個(gè)簡(jiǎn)單的項(xiàng)目進(jìn)行分享。當(dāng)然，本文還是一些基礎(chǔ)的東西，不過是手把手教學(xué)，還不抓緊卷起來。

一、第一步：新建文件夾（自己建）

二、通過npm init初始化配置文件

運(yùn)行npm init 初始化項(xiàng)目生成package.json文件（項(xiàng)目描述文件, 里面記錄了當(dāng)前項(xiàng)目的信息。例如：項(xiàng)目的開發(fā)依賴包、項(xiàng)目的相關(guān)命令等）。運(yùn)行npm init后會(huì)讓你進(jìn)行一些配置，我們直接一直回車，默認(rèn)進(jìn)行了，然后就成功完成了第一步

三、通過npm安裝所需要的第三方依賴包

npm add express??

express 用于快速搭建服務(wù)器，屬于對(duì)于nodejs中http模塊的進(jìn)一步封裝。用于快速搭建服務(wù)器。

npm add nodemon

用于更改代碼保存后的自動(dòng)更新?

四、搭建一個(gè)基礎(chǔ)服務(wù)器

//導(dǎo)入express const express = require('express') //創(chuàng)建web服務(wù)器 const app=express() // 通過ap.listen進(jìn)行服務(wù)器的配置，并啟動(dòng)服務(wù)器，接收兩個(gè)配置參數(shù)，一個(gè)是對(duì)應(yīng)的端口號(hào)，一個(gè)是啟動(dòng)成功的回調(diào)函數(shù) app.listen(9588,()=>{console.log('服務(wù)器啟動(dòng)成功'); })

通過（node 文件名）啟動(dòng)服務(wù)器? node .\app.js 這樣我們就得到了一個(gè)簡(jiǎn)單的服務(wù)器，但更改代碼后需要手動(dòng)更新。

建議通過nodemon啟動(dòng)項(xiàng)目?npx nodemon .\app.js

五、如何將文件布置到服務(wù)器

通過express.static('文件名') 將文件部署到服務(wù)器

新建img文件夾里面存放對(duì)應(yīng)想要部署的文件

app.use(express.static('img'))

查看電腦ip 通過黑窗口運(yùn)行ipconfig/all命令查看電腦ip

然后就可以了通過http:電腦ip/文件名就可以訪問了

每個(gè)人的電腦ip都不一樣哈

六、服務(wù)器接口的開發(fā)

?get接口的開發(fā)

//導(dǎo)入express const express = require('express') //創(chuàng)建web服務(wù)器 const app=express() //將文件部署到服務(wù)器 app.use(express.static('img')) // 通過ap.listen進(jìn)行服務(wù)器的配置，并啟動(dòng)服務(wù)器，接收兩個(gè)配置參數(shù)，一個(gè)是對(duì)應(yīng)的端口號(hào)，一個(gè)是啟動(dòng)成功的回調(diào)函數(shù) //get接口的開發(fā) app.get('/api/list',(err,res)=>{res.send({code:200,data:[{name:1},{name:2},{name:3}]}) }) app.listen(9588,()=>{console.log('服務(wù)器啟動(dòng)成功'); })

隨便寫的假數(shù)據(jù)，按理說應(yīng)該是查詢數(shù)據(jù)庫進(jìn)行數(shù)據(jù)的返回的，本文主要進(jìn)行一些簡(jiǎn)單的案例，關(guān)于復(fù)雜的以及數(shù)據(jù)庫的操作，下次再說。

?經(jīng)測(cè)試，是可以請(qǐng)求成功的。

post接口的開發(fā)

//導(dǎo)入express const express = require('express') //創(chuàng)建web服務(wù)器 const app=express() //將文件部署到服務(wù)器 app.use(express.static('img')) //配置解析表單數(shù)據(jù)(application/x-www-form-urlencoded)格式的中間件 app.use(express.urlencoded({extended:false})) // 通過ap.listen進(jìn)行服務(wù)器的配置，并啟動(dòng)服務(wù)器，接收兩個(gè)配置參數(shù)，一個(gè)是對(duì)應(yīng)的端口號(hào)，一個(gè)是啟動(dòng)成功的回調(diào)函數(shù) //get接口的開發(fā) app.get('/api/list',(err,res)=>{res.send({code:200,data:[{name:1},{name:2},{name:3}]}) }) //post接口的開發(fā) app.post('/api/setList',(req,res)=>{const newList = req.bodyconsole.log(newList);res.send({newList}) }) app.listen(9588,()=>{console.log('服務(wù)器啟動(dòng)成功'); })

然后就完成了post接口的開發(fā)

七、總結(jié)

? ? ? ? 是不是感覺有知識(shí)但不多，無用的知識(shí)增加了。后面可能弄一個(gè)項(xiàng)目進(jìn)行整體的說明，可以期待下。

總結(jié)

以上是生活随笔為你收集整理的如何通过nodejs快速搭建一个服务器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。