nodejs搭建本地http服務(wù)器教程
由于不做php相關(guān)的東西,懶得裝apache,干脆利用nodejs搭建一個(gè)本地的服務(wù)器用于測(cè)試。
nodejs這玩意兒吧,對(duì)做前端的介入后端簡(jiǎn)直就是一把利器。而且目前,nodejs也越來(lái)越有商用價(jià)值。
nodejs其實(shí)是非常底層的,從功能上說(shuō),它既是apache也是php。像搭建http服務(wù)器這種功能,本來(lái)是apache已經(jīng)封裝好的,但nodejs需要我們手動(dòng)來(lái)搭建。其實(shí)在實(shí)際應(yīng)用中,我們可以使用現(xiàn)成的框架。但這里,我想手動(dòng)搭建,也加深一下對(duì)http服務(wù)器的理解。
我們node執(zhí)行下面這個(gè)文件,我命名為http.js,它將創(chuàng)建一個(gè)httpServer并監(jiān)聽3000端口。
var PORT = 3000; var http = require('http'); var url=require('url'); var fs=require('fs'); var mine=require('./mine').types; var path=require('path'); var server = http.createServer(function (request, response) { var pathname = url.parse(request.url).pathname; var realPath = path.join("assets", pathname); //console.log(realPath); var ext = path.extname(realPath); ext = ext ? ext.slice(1) : 'unknown'; fs.exists(realPath, function (exists) { if (!exists) { response.writeHead(404, { 'Content-Type': 'text/plain' }); response.write("This request URL " + pathname + " was not found on this server."); response.end(); } else { fs.readFile(realPath, "binary", function (err, file) { if (err) { response.writeHead(500, { 'Content-Type': 'text/plain' }); response.end(err); } else { var contentType = mine[ext] || "text/plain"; response.writeHead(200, { 'Content-Type': contentType }); response.write(file, "binary"); response.end(); } }); } }); }); server.listen(PORT); console.log("Server runing at port: " + PORT + ".");
上面我們還引入了一個(gè)mine.js,這是我自己寫的,里面存儲(chǔ)的是名值對(duì),用于定義不同后綴的文件所對(duì)應(yīng)的返回方式:
exports.types = { "css": "text/css", "gif": "image/gif", "html": "text/html", "ico": "image/x-icon", "jpeg": "image/jpeg", "jpg": "image/jpeg", "js": "text/javascript", "json": "application/json", "pdf": "application/pdf", "png": "image/png", "svg": "image/svg+xml", "swf": "application/x-shockwave-flash", "tiff": "image/tiff", "txt": "text/plain", "wav": "audio/x-wav", "wma": "audio/x-ms-wma", "wmv": "video/x-ms-wmv", "xml": "text/xml" };
fs模塊是用于讀取文件的,提供讀取文件的方法,其實(shí)仔細(xì)研究文檔會(huì)發(fā)現(xiàn),它有同步和異步兩種讀取方式。fs.exists這個(gè)方法網(wǎng)上很多文章寫作path.exists,,現(xiàn)在推薦寫作fs.exists這個(gè)方法。否則會(huì)報(bào)警:
需要注意的是,不僅瀏覽器訪問(wèn)html文件會(huì)形成一次訪問(wèn),里面鏈接的js,css等外部文件也會(huì)分別形成一次http訪問(wèn)。所以,http.createServer的回調(diào)其實(shí)是在一次頁(yè)面訪問(wèn)中執(zhí)行了多次的。我們console.log(realPath)一下就可以看到:
這里并沒(méi)有加入默認(rèn)訪問(wèn)index.html的功能,所以訪問(wèn)地址要寫全http://127.0.0.1:3000/index.html
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Nodejs在局域網(wǎng)配置https訪問(wèn)的實(shí)現(xiàn)方法
做一個(gè)局域網(wǎng)WebRTC視頻聊天系統(tǒng),需要用到HTTPS。因此,配置Node.js使其支持HTTPS訪問(wèn)。這篇文章主要介紹了Nodejs在局域網(wǎng)配置https訪問(wèn)的實(shí)現(xiàn)方法,需要的朋友可以參考下2020-10-10nodejs利用readline提示輸入內(nèi)容實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于nodejs利用readline提示輸入內(nèi)容的相關(guān)資料,Readline是Node.js里實(shí)現(xiàn)標(biāo)準(zhǔn)輸入輸出的封裝好的模塊,通過(guò)這個(gè)模塊我們可以以逐行的方式讀取數(shù)據(jù)流,需要的朋友可以參考下2021-07-07Node.js Windows Binary二進(jìn)制文件安裝方法
這篇文章主要介紹了Node.js Windows Binary二進(jìn)制文件安裝,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05NodeJS落地WebSocket實(shí)踐前端架構(gòu)師破局技術(shù)
這篇文章主要為大家介紹了NodeJS落地WebSocket實(shí)踐前端架構(gòu)師破局技術(shù),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06Node.js利用debug模塊打印出調(diào)試日志的方法
debug日志打印模塊主要實(shí)現(xiàn)功能是帶命名空間(模塊名)、時(shí)間戳、色彩輸出日志;將日志寫入文件;瀏覽器端使用;格式化函數(shù);支持自定義方法。下面這篇文章主要介紹了Node.js利用debug模塊打印出調(diào)試日志的方法,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-04-04Node登錄權(quán)限驗(yàn)證token驗(yàn)證實(shí)現(xiàn)的方法示例
這篇文章主要介紹了Node登錄權(quán)限驗(yàn)證token驗(yàn)證實(shí)現(xiàn)的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05