前言

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

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

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

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

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

npm add express  

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

npm add nodemon

用于更改代碼保存后的自動更新 

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

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

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

建議通過nodemon啟動項目 npx nodemon .\app.js

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

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

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

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

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

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

每個人的電腦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ù)器的配置，并啟動服務(wù)器，接收兩個配置參數(shù)，一個是對應(yī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ù)器啟動成功');
})

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

 經(jī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ù)器的配置，并啟動服務(wù)器，接收兩個配置參數(shù)，一個是對應(yī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ù)器啟動成功');
})

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

七、總結(jié)

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

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

最新評論