如何使用nodeJS搭建本地文件服務(wù)器

這篇文章主要介紹了如何使用nodeJS搭建本地文件服務(wù)器，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的成都網(wǎng)站設(shè)計、網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有叢臺免費(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端口
//端口號最好為6000以上
var server = http.createServer(function(req,res){
  /*
    req用來接受客戶端數(shù)據(jù)
    res用來向客戶端發(fā)送服務(wù)器數(shù)據(jù)
  */

  console.log('有客戶端連接');//創(chuàng)建連接成功顯示在后臺

  //一參是http請求狀態(tài)，200連接成功
  //連接成功后向客戶端寫入頭信息
  res.writeHeader(200,{
    'content-type' : 'text/html;charset="utf-8"'
  });

  res.write('這是正文部分');//顯示給客戶端
  res.end();

}).listen(8888);

console.log('服務(wù)器開啟成功');

3.在cmd控制臺中cd切換進(jìn)server.js所在的目錄，然后執(zhí)行node server.js命令

當(dāng)控制臺顯示”服務(wù)器開啟成功”則說明node服務(wù)器已經(jīng)建立

4.在瀏覽器中訪問服務(wù)器

在瀏覽器中輸入

localhost:8888 ，瀏覽器顯示“這是正文部分”。

查看cmd控制臺，顯示 “有客戶端連接”

可在多個瀏覽器窗口中進(jìn)行以上操作，每個瀏覽器窗口均會對應(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ù)的一參為讀取錯誤返回的信息，返回空就沒有錯誤
      二參為讀取成功返回的文本內(nèi)容
  */
    if(err){
      res.writeHeader(404,{
        'content-type' : 'text/html;charset="utf-8"'
      });
      res.write('<h2>404錯誤</h2><p>你要找的頁面不存在</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)然你得先有這個文件，不然服務(wù)器讀取失敗，返回404

3.在cmd控制臺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)以下界面。

以上兩個步驟都就緒以后，萬事俱備，只欠東風(fēng)啦！在cmd頁面找到你想搭建服務(wù)器的路徑，然后再當(dāng)前路徑下輸入： anywhere 8860

然后瀏覽器就自動打開本地訪問網(wǎng)址，一個簡單的node服務(wù)器就這樣被我們搭建好啦！

END

注意事項(xiàng)

anywhere 建議安裝全局的
node 建議用32位的，64位目前兼容性沒有32位好

如果我們直接打開html文件他是以file:///方式打開的，但這種方式有時會遇到跨域的問題：“cross-origin”,所以我們需要搭建一個簡易的本地服務(wù)器，Nodejs就可以滿足我們這個需求：

比如我的本地服務(wù)器js文件就是這樣的（我把這個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)加載的就是這個文件）

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何使用nodeJS搭建本地文件服務(wù)器”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

分享文章：如何使用nodeJS搭建本地文件服務(wù)器
本文URL：http://bm7419.com/article48/pcogep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)、品牌網(wǎng)站制作、用戶體驗(yàn)、電子商務(wù)、網(wǎng)站內(nèi)鏈

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容