摘要:然后找了個(gè)例子,都成功實(shí)現(xiàn)了,一個(gè)是自已寫代碼,要處理好多問題,比如我的網(wǎng)頁是,是搞了半天裝了個(gè)庫安裝編碼轉(zhuǎn)換結(jié)果可以運(yùn)行了,中文路徑的問題也搞定了,但是圖片問題還沒搞定,也變成了文字讀取。
初學(xué)NODEJS,從網(wǎng)站下載了一個(gè)單文件的node.exe,簡(jiǎn)單JS測(cè)試可以了,但是需要用到一些庫就完全不行了
什么npm命令,輸了都無效,想安裝npm也不知咋弄
后面下載了最新版本,安裝的msi版本,結(jié)果裝了好幾分鐘自動(dòng)回退,最后在虛擬機(jī)中先裝好,再復(fù)制出來,整整弄了半天,不容易呀。
然后找了2個(gè)例子,都成功實(shí)現(xiàn)了,一個(gè)是自已寫代碼,要處理好多問題,比如我的網(wǎng)頁是GB2312,NODE.js是UTF-8,
搞了半天裝了3個(gè)庫:安裝編碼轉(zhuǎn)換--npm install iconv
npm install iconv-lite
后面別人說可以下載其他庫,然后又找了一個(gè)例子,這個(gè)沒用什么庫,但是代碼比較全面,改動(dòng)就可以用了。
不過改改也花了幾小時(shí),一切不會(huì)呀從頭學(xué)的。
中文路徑名,還有一些文件編碼是ANSI的,結(jié)果htm中指定是"utf-8"這樣也顯示不出來
我改好的完美版,基本上大家粘上就直接能用了,還需要加一些目錄默認(rèn)文件,比如打開一個(gè)新目錄
www.abc.com/aa/bbb/
一般應(yīng)該顯示index.htm,如果沒有就顯示一個(gè)錯(cuò)誤頁或文字,這功能還沒加上,還有原作者他連“.htm”后綴的格式都沒加上,直接顯示成了文本htm代碼。
【 "htm": "text/html",】這一行是我加的
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 RequestUrl=""; var RootPath="www";//網(wǎng)站根目錄 var server = http.createServer(function (request, response) { RequestUrl=request.url; //默認(rèn)頁面 if (RequestUrl=="" || RequestUrl=="/"){ RequestUrl="/index.htm"; } else { RequestUrl=decodeURIComponent(RequestUrl); } console.log("請(qǐng)求網(wǎng)址:" +RequestUrl); var realfile=RootPath+RequestUrl; console.log(realfile); var ext = path.extname(realfile); ext = ext ? ext.slice(1) : "unknown"; console.log("請(qǐng)求類型:exr= " + ext); fs.exists(realfile, function (exists) { if (!exists) { response.writeHead(404, { "Content-Type": "text/plain" }); response.write("This request URL " + realfile + " was not found on this server."); response.end(); } else { fs.readFile(realfile, "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 + ".");
代碼比較長(zhǎng)有1517個(gè)字左右,格式化了一下,還是覺的很精美的,還有SUBLIME這個(gè)編輯工具才20M,可以支持編輯幾十種語言或格式,很強(qiáng)大呀。
‘=======================
以下是原作者的文章:來源:http://www.cnblogs.com/shawn-...
nodejs搭建本地http服務(wù)器
由于不做php相關(guān)的東西,懶得裝apache,干脆利用nodejs搭建一個(gè)本地的服務(wù)器用于測(cè)試。
nodejs這玩意兒吧,對(duì)做前端的介入后端簡(jiǎn)直就是一把利器。而且目前,nodejs也越來越有商用價(jià)值。
nodejs其實(shí)是非常底層的,從功能上說,它既是apache也是php。像搭建http服務(wù)器這種功能,本來是apache已經(jīng)封裝好的,但nodejs需要我們手動(dòng)來搭建。其實(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", "htm": "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)警:
需要注意的是,不僅瀏覽器訪問html文件會(huì)形成一次訪問,里面鏈接的js,css等外部文件也會(huì)分別形成一次http訪問。所以,http.createServer的回調(diào)其實(shí)是在一次頁面訪問中執(zhí)行了多次的。我們console.log(realPath)一下就可以看到:
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/83656.html
摘要:提示,如果需要通過實(shí)現(xiàn)服務(wù)器自動(dòng)化部署,推薦使用會(huì)更方便一些然后在目錄初始化本地倉庫并提交到這時(shí)候上已經(jīng)有我提交的代碼了。再新建一個(gè)文件處理部署相關(guān)腳本,內(nèi)容如下將新增的與兩個(gè)文件到服務(wù)器。 這篇文章將如何搭建hexo,以及如何通過git webhooks實(shí)現(xiàn)遠(yuǎn)程vps的自動(dòng)部署 這篇文章適合的條件: 簡(jiǎn)單的用于個(gè)人博客、公司博客展示,hexo的定位是靜態(tài)博客,要實(shí)現(xiàn)動(dòng)態(tài)服務(wù)器的功能...
閱讀 3439·2021-11-22 09:34
閱讀 727·2021-11-19 11:29
閱讀 1409·2019-08-30 15:43
閱讀 2290·2019-08-30 14:24
閱讀 1916·2019-08-29 17:31
閱讀 1285·2019-08-29 17:17
閱讀 2673·2019-08-29 15:38
閱讀 2849·2019-08-26 12:10