這篇文章主要介紹了如何使用nodeJS搭建本地文件服務(wù)器,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
10年積累的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有叢臺(tái)免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
搭建nodejs服務(wù)器步驟:
1.安裝nodejs服務(wù),node相當(dāng)于apache服務(wù)器
2.在自己定義的目錄下新建服務(wù)器文件如 server.js
例如,我在E:\PhpProject\HTML5\websocket下創(chuàng)建了server.js文件
var http = require('http');//引入http模塊 //開啟服務(wù),監(jiān)聽8888端口 //端口號(hào)最好為6000以上 var server = http.createServer(function(req,res){ /* req用來接受客戶端數(shù)據(jù) res用來向客戶端發(fā)送服務(wù)器數(shù)據(jù) */ console.log('有客戶端連接');//創(chuàng)建連接成功顯示在后臺(tái) //一參是http請(qǐng)求狀態(tài),200連接成功 //連接成功后向客戶端寫入頭信息 res.writeHeader(200,{ 'content-type' : 'text/html;charset="utf-8"' }); res.write('這是正文部分');//顯示給客戶端 res.end(); }).listen(8888); console.log('服務(wù)器開啟成功');
3.在cmd控制臺(tái)中cd切換進(jìn)server.js所在的目錄,然后執(zhí)行node server.js命令
當(dāng)控制臺(tái)顯示”服務(wù)器開啟成功”則說明node服務(wù)器已經(jīng)建立
4.在瀏覽器中訪問服務(wù)器
在瀏覽器中輸入
localhost:8888 , 瀏覽器顯示“這是正文部分”。
查看cmd控制臺(tái),顯示 “有客戶端連接”
可在多個(gè)瀏覽器窗口中進(jìn)行以上操作,每個(gè)瀏覽器窗口均會(huì)對(duì)應(yīng)一次“有客戶端連接”
以上步驟完成,node服務(wù)搭建完畢。下面是如何通過搭建的node服務(wù)訪問本地站點(diǎn)的 text/html文本文件
訪問本地站點(diǎn)文件
1.在自定義的目錄下創(chuàng)建node服務(wù)文件server2.js
var http = require('http'); var fs = require('fs');//引入文件讀取模塊 var documentRoot = 'E:/PhpProject/html5/websocket/www'; //需要訪問的文件的存放目錄 var server= http.createServer(function(req,res){ var url = req.url; //客戶端輸入的url,例如如果輸入localhost:8888/index.html //那么這里的url == /index.html var file = documentRoot + url; console.log(url); //E:/PhpProject/html5/websocket/www/index.html fs.readFile( file , function(err,data){ /* 一參為文件路徑 二參為回調(diào)函數(shù) 回調(diào)函數(shù)的一參為讀取錯(cuò)誤返回的信息,返回空就沒有錯(cuò)誤 二參為讀取成功返回的文本內(nèi)容 */ if(err){ res.writeHeader(404,{ 'content-type' : 'text/html;charset="utf-8"' }); res.write('<h2>404錯(cuò)誤</h2><p>你要找的頁(yè)面不存在</p>'); res.end(); }else{ res.writeHeader(200,{ 'content-type' : 'text/html;charset="utf-8"' }); res.write(data);//將index.html顯示在客戶端 res.end(); } }); }).listen(8888); console.log('服務(wù)器開啟成功');
2.創(chuàng)建index.html文件
如果要訪問index.html文件,當(dāng)然你得先有這個(gè)文件,不然服務(wù)器讀取失敗,返回404
3.在cmd控制臺(tái)cd切換到 server2.js的目錄下執(zhí)行node server2.js命令
開啟服務(wù)器
4.在瀏覽器輸入localhost:8888/index.html訪問 該文件
如果電腦沒有安裝nodejs的同學(xué)可以先到node官方下載并安裝好node程序。
安裝好nodejs后驗(yàn)證一下是否安裝成功!如果出現(xiàn)則表明node已經(jīng)承裝安裝上去了!
安裝好node之后打開cmd 輸入 npm install anywhere -g 安裝anywhere ,然后等待直到出現(xiàn)以下界面。
以上兩個(gè)步驟都就緒以后,萬事俱備,只欠東風(fēng)啦!在cmd頁(yè)面 找到你想搭建服務(wù)器的路徑,然后再當(dāng)前路徑下輸入: anywhere 8860
然后瀏覽器就自動(dòng)打開本地訪問網(wǎng)址,一個(gè)簡(jiǎn)單的node服務(wù)器就這樣被我們搭建好啦!
END
注意事項(xiàng)
anywhere 建議安裝全局的
node 建議用32位的,64位目前兼容性沒有32位好
如果我們直接打開html文件他是以file:///方式打開的,但這種方式有時(shí)會(huì)遇到跨域的問題:“cross-origin”,所以我們需要搭建一個(gè)簡(jiǎn)易的本地服務(wù)器,Nodejs就可以滿足我們這個(gè)需求:
比如我的本地服務(wù)器js文件就是這樣的(我把這個(gè)server.js放在了Nodejs安裝目錄下):
var connect = require("connect"); var serveStatic = require("serve-static"); var app = connect(); app.use(serveStatic("C:\\xxx\\xxx\\xxx\\項(xiàng)目文件夾")); app.listen(5000);
運(yùn)行的話只要執(zhí)行:node server.js 就可以了
正常運(yùn)行后我們就可以在瀏覽器輸入localhost:5000來訪問項(xiàng)目文件夾內(nèi)的文件了。(如果是index.html文件可以省略不寫,默認(rèn)加載的就是這個(gè)文件)
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“如何使用nodeJS搭建本地文件服務(wù)器”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
分享文章:如何使用nodeJS搭建本地文件服務(wù)器
本文URL:http://www.rwnh.cn/article48/pcogep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、用戶體驗(yàn)、電子商務(wù)、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)