天天看點

NodeJS入門Demo

       自打接觸程式開始,就知道程式開發分前端和背景;然後分了兩撥人它們(都是猿類)互相合作,互相鄙視,互相撕逼……很多個日夜後完成一個不那麼劃時代的産品,其中大部分是項目,産品都算不上。在這條路上我一走就是三年,中間一直在考慮:為啥做個web項目非得分前背景,還得兩撥人。能不能不區分前背景,直接開發?

        然後就發現了JSF+primefaces,這個确實屌,事件驅動,前端不用寫一坨一坨的ajax,各種資料綁定,完全不用你操心,界面primeface架構當時真的美呆了,現在又有新版本,好想舔屏。以前bug好多,不知道現在咋樣。雖然可以抛棄前端的妹子自己搞,開發效率的确提升了,但是還是沒有分離前背景。

          終于在一個偶然的機會,了解到了NodeJS,那句“ Node.js 就是運作在服務端的 JavaScript” 讓我瞬間觸電,趕緊去官網下載下傳了Node.js,開始了第一個demo,在浏覽器出現“Hello,Nodejs” 的那一刻真的很興奮,很久沒有這種666的感覺了,看看成果吧

NodeJS入門Demo

下面我們從Nodejs環境開始到第一個demo。

1、官網下載下傳好NodeJs,直接安裝(http://nodejs.org/)

安裝步驟:

步驟 1 : 輕按兩下下載下傳後的安裝包 ,如下所示:

NodeJS入門Demo

步驟 2 : 點選以上的Run(運作),将出現如下界面:

NodeJS入門Demo

步驟 3 : 勾選接受協定選項,點選 next(下一步) 按鈕 :

NodeJS入門Demo

步驟 4 : Node.js預設安裝目錄為 "C:\Program Files\nodejs\" , 你可以修改目錄,并點選 next(下一步):

NodeJS入門Demo

步驟 5 : 點選樹形圖示來選擇你需要的安裝模式 , 然後點選下一步 next(下一步)

NodeJS入門Demo

步驟 6 :點選 Install(安裝) 開始安裝Node.js。你也可以點選 Back(傳回)來修改先前的配置。 然後并點選 next(下一步):

NodeJS入門Demo

安裝過程:

NodeJS入門Demo

點選 Finish(完成)按鈕退出安裝向導。

NodeJS入門Demo

2、安裝完成後可以在dos指令窗檢查測試

    點選開始=》運作=》輸入"cmd" => 輸入指令"node -v" ,注意node 和-v中間有空格,顯示下面的版本号nodejs安裝成功。

NodeJS入門Demo

3、安裝npm(包管理器),目前版本的nodejs已經內建了npm,可以測試下,輸出版本号表示成功。

NodeJS入門Demo

到目前為止NodeJS環境已安裝好了,是不是很簡單,下面是第一個Demo。

1、建立一個檔案夾NodeJSDemo,在根目錄建立server.js,内容如下

var http = require('http');

http.createServer(function (request, response) {

	// 發送 HTTP 頭部 
	// HTTP 狀态值: 200 : OK
	// 内容類型: text/plain
	response.writeHead(200, {'Content-Type': 'text/plain'});

	// 發送響應資料 "Hello World"
	response.end('Hello,NodeJS');
}).listen(8888);

// 終端列印如下資訊
console.log('Server running at http://127.0.0.1:8888/');      

 2、從dos指令進入到NodeJSDemo目錄,然後輸入指令 node server.js 回車,顯示如下表示項目啟動成功

NodeJS入門Demo

3、最後在浏覽器輸入127.0.0.1:8888即可通路該項目,顯示文章開始的Hello,NodeJS。