這篇文章將為大家詳細講解有關(guān)node如何通過express搭建自己的服務(wù)器,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供宜州網(wǎng)站建設(shè)、宜州做網(wǎng)站、宜州網(wǎng)站設(shè)計、宜州網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、宜州企業(yè)網(wǎng)站模板建站服務(wù),10多年宜州做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
安裝express框架
傳送門: express官方
然后介紹一下需要引入的中間件,node本身提供了一些庫。我們可以直接通過require去引用,對于未提供的庫,我們也可以通過手動npm去安裝
var fs = require('fs'); 操作文件模塊 var http = require('http'); http模塊 var url = require('url'); 獲取url信息模塊 var qs = require('querystring'); 處理url參數(shù)模塊 var path = require('path'); 文件路徑模塊 var bodyParser = require('body-parser'); 請求體對象化 (必須)否則后臺無法解析前端發(fā)送的body內(nèi)容
接下來直接啟用模塊
app.use(bodyParser.json()); // 訪問靜態(tài)資源文件 這里是訪問所有dist目錄下的靜態(tài)資源文件 app.use(express.static(path.resolve(__dirname, '../dist'))) app.use(express.static('public')); // 因為是單頁應(yīng)用 所有請求都走/dist/index.html app.get('/', function(req, res) { const html = fs.readFile(path.resolve(__dirname, '../dist/index.html'), 'utf-8'); res.send(html) }); //處理請求跨域 app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Content-Type", "application/json;charset=utf-8"); res.header("Access-Control-Allow-Headers", "content-type"); next(); });
準備工作做完可以開始動手寫接口了。關(guān)于數(shù)據(jù)庫可以模擬一個json,也可以真實模擬上線數(shù)據(jù)庫。
下面會劃成3塊說明——數(shù)據(jù)庫的對接、請求的操作、文件請求的操作。
數(shù)據(jù)庫連接
這里我假設(shè)你已經(jīng)安裝了MongoDB數(shù)據(jù)庫并成功啟用。仔細閱讀express教程你會發(fā)現(xiàn)框架提供了對mongodb的支持,mongodb有非常多的擴展插件去使用該數(shù)據(jù)庫 比如mongoose。這里我們使用express官方提供的mongoskin來鏈接數(shù)據(jù)庫。
$ npm install mongoskin #####官方實例 var db = require('mongoskin').db('localhost:27017/animals'); db.collection('mamals').find().toArray(function(err, result) { if (err) throw err; console.log(result); });
安裝成功后 ,我們就首先把使用的數(shù)據(jù)庫引入,代碼如下
var db = require('mongoskin').db('mongodb://localhost:27017/blog'); var ObjectId = require('mongodb').ObjectID;
以上代碼表示我們成功連接了blog數(shù)據(jù)庫并且啟用了私有ID,objectID是mongodb生成數(shù)據(jù)自動添加的ID??梢灾苯幽脕碛?。到這里數(shù)據(jù)庫和服務(wù)器就已經(jīng)對接完畢了。
對前端發(fā)送的請求進行處理
處理get請求
/** * 獲取文章信息 */ app.get('/article/info', function (req, res) { >>> 獲取請求參數(shù) var arg = qs.parse(url.parse(req.url).query); var id = arg.id; >>> 鏈接數(shù)據(jù)庫根據(jù)參數(shù)查找文檔并返回 db.collection('articleList').find({ "_id": ObjectId(id)}).toArray(function(err, result) { if (err) throw err; console.log(result) res.end(JSON.stringify(result)) }); });
以上代碼就實現(xiàn)了對一個get請求的處理,通過參數(shù)模塊獲取了url的參數(shù),db也就是已經(jīng)連接的數(shù)據(jù)庫。根據(jù)ID對‘a(chǎn)rticleList'的數(shù)據(jù)表進行搜索,處理完畢后 通過res.end()返回數(shù)據(jù)結(jié)束響應(yīng)。
處理post請求
/** * 提交留言信息 */ app.post('/board/post', function (req, res) { >>>> 獲取請求參數(shù) var data = { date: req.body.date, name: req.body.name, content: req.body.content, time: req.body.time, position: req.body.position }; >>> 鏈接數(shù)據(jù)庫并插入數(shù)據(jù) db.collection('board').insert(data, function(err, result) { if(err) { res.end('Error:'+ err) } res.end('提交成功') }); });
post請求的參數(shù)獲取和get不同 可以直接通過req.body去獲取前端傳輸?shù)恼埱篌w。通過js對象的方式去獲取參數(shù)。然后根據(jù)參數(shù)執(zhí)行數(shù)據(jù)庫操作。到此,基本的請求也就介紹完畢了。下面說下怎么處理圖片的上傳此類常見的文件操作需求。
對前端的文件請求進行處理
為了簡化操作,我們可以引入multer模塊來處理文件,代碼如下
var multer = require('multer'); var storage = multer.diskStorage({ //設(shè)置上傳后文件路徑,uploads文件夾會自動創(chuàng)建。 destination: function (req, file, cb) { cb(null, './public/uploads') }, //給上傳文件重命名,獲取添加后綴名 filename: function (req, file, cb) { var fileFormat = (file.originalname).split("."); cb(null, file.fieldname + '-' + Date.now() + "." + fileFormat[fileFormat.length - 1]); } }); //生成上傳模塊,讓API調(diào)用 var upload = multer({ storage: storage }).single('file');
以上代碼就成功引入了文件上傳模塊,通過該模塊我們可以快速生成相應(yīng)內(nèi)容,具體使用方法可以查看官方文檔。準備工作完成后,在項目中使用:
/** * 圖片上傳 */ app.post('/upload', function (req, res) { upload(req, res, function (err) { if (err) { console.log(err) return } console.log(req.file) res.end(JSON.stringify(req.file)) }) }); //圖片上傳到服務(wù)器 ,向客戶端返回文件信息 比如文件的存儲位置,之后就可以通過地址訪問服務(wù)器的圖片 /** * 圖片刪除 */ app.post('/image/delete', function (req, res) { fs.unlink(req.body.path, function(err) { if (err) { return console.error(err); } res.end("文件刪除成功!"); }); });
這里上傳圖片我們就直接使用了直接之前已經(jīng)寫好的upload模塊,當該接口請求成功時 ,文件就已經(jīng)上傳成功了,如果你需要一個預(yù)覽過程,那不應(yīng)該直接調(diào)用上傳接口 。通過原生node fs模塊 我們也能對添加的文件進行刪除,修改操作。
上線以及上線后遇到的history模式的刷新問題
上線過程我們可以當作就是換一臺電腦跑程序,這里我用的是阿里云的服務(wù)器。在云服務(wù)器安裝好環(huán)境好,把項目克隆進去 ,再裝個forever之類的永久運行庫,start ~ok 這樣你的項目就永遠在運行了。如果需要www訪問 ,還需要買個DNS解析 和域名,指向你的服務(wù)器。
以上我們?nèi)绻诒镜嘏茼椖炕疽呀?jīng)可以沒問題。但項目上線后一刷新。啊啦??404什么鬼?打開百度一查。那爐火多~~當前端啟用hisory模式,后臺也必須開啟對history的支持。express 環(huán)境如下:
var history = require('connect-history-api-fallback'); var connect = require('connect'); /////// app.use(history());
更新代碼刷新~OK 完美!
關(guān)于“node如何通過express搭建自己的服務(wù)器”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
本文標題:node如何通過express搭建自己的服務(wù)器
網(wǎng)站網(wǎng)址:http://muchs.cn/article2/iheeic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計、面包屑導(dǎo)航、軟件開發(fā)、虛擬主機、云服務(wù)器、移動網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)