前言

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

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

二、通過(guò)npm init初始化配置文件

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

三、通過(guò)npm安裝所需要的第三方依賴(lài)包

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()
// 通過(guò)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)成功');
})

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

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

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

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

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

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

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

然后就可以了通過(guò)http:電腦ip/文件名就可以訪問(wèn)了

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

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

get接口的開(kāi)發(fā)

//導(dǎo)入express
const express = require('express')
//創(chuàng)建web服務(wù)器
const app=express()
//將文件部署到服務(wù)器
app.use(express.static('img'))
// 通過(guò)ap.listen進(jìn)行服務(wù)器的配置，并啟動(dòng)服務(wù)器，接收兩個(gè)配置參數(shù)，一個(gè)是對(duì)應(yīng)的端口號(hào)，一個(gè)是啟動(dòng)成功的回調(diào)函數(shù)
//get接口的開(kāi)發(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)成功');
})

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

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

post接口的開(kāi)發(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}))
// 通過(guò)ap.listen進(jìn)行服務(wù)器的配置，并啟動(dòng)服務(wù)器，接收兩個(gè)配置參數(shù)，一個(gè)是對(duì)應(yīng)的端口號(hào)，一個(gè)是啟動(dòng)成功的回調(diào)函數(shù)
//get接口的開(kāi)發(fā)
app.get('/api/list',(err,res)=>{
    res.send({
        code:200,
        data:[{name:1},{name:2},{name:3}]
    })
})
//post接口的開(kāi)發(fā)
app.post('/api/setList',(req,res)=>{
    const newList = req.body
    console.log(newList);
    res.send({newList})
})
app.listen(9588,()=>{
    console.log('服務(wù)器啟動(dòng)成功');
})

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

七、總結(jié)

是不是感覺(jué)有知識(shí)但不多，無(wú)用的知識(shí)增加了。

到此這篇關(guān)于通過(guò)nodejs快速搭建一個(gè)服務(wù)器的文章就介紹到這了,更多相關(guān)nodejs快速搭建服務(wù)器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論