前言

在前端開發(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.body
    console.log(newList);
    res.send({newList})
})
app.listen(9588,()=>{
    console.log('服務(wù)器啟動(dòng)成功');
})

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

七、總結(jié)

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

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

最新評(píng)論