1. 程式人生 > 其它 >node.js 學習筆記

node.js 學習筆記

node.js學習筆記

最近一直在折騰前端,為了方便前端學習,所以打算順帶撿一下之前看過一點的node.js,也就順手MarkDown一個學習筆記。

node.js安裝

主要開發環境還是windows啦,所以先上win下的安裝,之前用過一段時間ubuntu,也是很不錯,剛好Qcloud的伺服器還沒到期,就在Ubuntu下也安裝一個。

win下安裝node.js

win下直接就在 node.js中文網 下載安裝就行了。一路Next,版本的話選擇LTS的長期支援版本好一點。

win下安裝時直接配置好path的,當然,也可以通過安裝完後再cmd中輸入path檢視環境變數是否配置好。

也可以直接輸入node,若果能夠進入,也表示安裝成功。

ubuntu下安裝node.js

在ubuntu下安裝,直接就通過更新apt源,然後使用apt安裝。

//先更新apt源
# apt-get update  
//新增三方apt包
# add-apt-repository ppa:chris-lea/node.js  
//再次更新apt
# apt-get update  
//執行安裝
# apt-get install nodejs

在新增apt包和安裝時會有提示,均允許就好。

第一個Node.js程式

如果我們使用PHP來編寫後端的程式碼時,需要Apache 或者 Nginx 的HTTP 伺服器,並配上 mod_php5 模組和php-cgi。

從這個角度看,整個”接收 HTTP 請求並提供 Web 頁面”的需求根本不需 要 PHP 來處理。

不過對 Node.js 來說,概念完全不一樣了。使用 Node.js 時,我們不僅僅 在實現一個應用,同時還實現了整個 HTTP 伺服器。事實上,我們的 Web 應用以及對應的 Web 伺服器基本上是一樣的。

在我們建立 Node.js 第一個 “Hello, World!” 應用前,讓我們先了解下 Node.js應用是由哪幾部分組成的:

  1. 引入 required 模組:我們可以使用 require 指令來載入 Node.js 模組。
  2. 建立伺服器:伺服器可以監聽客戶端的請求,類似於 Apache 、Nginx 等 HTTP 伺服器。
  3. 接收請求與響應請求 伺服器很容易建立,客戶端可以使用瀏覽器或終端傳送HTTP請求,伺服器接收請求後返回響應資料。

建立 Node.js 應用

Step1:引入 required 模組 我們使用 require 指令來載入 http 模組,並將例項化的 HTTP 賦值給變數 http,例項如下:

var http = require("http");

Step2:建立伺服器 接下來我們使用 http.createServer() 方法建立伺服器,並使用 listen 方法繫結 8888 埠。 函式通過 request, response 引數來接收和響應資料。 例項如下,在你專案的根目錄下建立一個叫 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 Worldn');
}).listen(8888);

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

以上程式碼我們完成了一個可以工作的 HTTP 伺服器。 使用 node 命令執行以上的程式碼:

node server.js
Server running at http://127.0.0.1:8888/

接下來,開啟瀏覽器訪問 http://127.0.0.1:8888/,你會看到一個寫著 “Hello World”的網頁。

分析Node.js 的 HTTP 伺服器: 第一行請求(require)Node.js 自帶的 http 模組,並且把它賦值給 http 變數。 接下來我們呼叫 http 模組提供的函式: createServer 。這個函式會返回 一個物件,這個物件有一個叫做 listen 的方法,這個方法有一個數值引數, 指定這個 HTTP 伺服器監聽的埠號。

安裝NPM

NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS程式碼部署上的很多問題,常見的使用場景有以下幾種:

  • 允許使用者從NPM伺服器下載別人編寫的第三方包到本地使用。
  • 允許使用者從NPM伺服器下載並安裝別人編寫的命令列程式到本地使用。
  • 允許使用者將自己編寫的包或命令列程式上傳到NPM伺服器供別人使用。

Win下安裝npm

win 下安裝npm非常方便,只需要輸入指令 npm install npm -g 指令自動安裝,安裝完成後輸入 npm -v檢查是否安裝成功

Ubuntun下安裝npm

Ubuntu下安裝npm折騰了好久,最後找到了一個合適的安裝方法

//獲取安裝指令碼
#wget https://npmjs.org/install.sh --no-check-certificate
//新增可執行許可權
#chmod 777 install.sh
//執行安裝指令碼
#./install.sh
//安裝成功後檢查版本
#npm -v

注意: 這裡顯示的版本是1.4.28 明顯不是最新的版本 可以執行下列命令,對npm進行更新

npm install npm -g

使用 npm 命令安裝模組

npm 安裝 Node.js 模組語法格式如下:

$ npm install <Module Name>

看完例項,用npm 命令安裝常用的 Node.js web框架模組 express:

$ npm install express

安裝好之後,express 包就放在了工程目錄下的 node_modules 目錄中,因此在程式碼中只需要通過 require(‘express’) 的方式就好,無需指定第三方包路徑。

var express = require('express');

關於Express的使用以及教程移步Expressjs中文網

全域性安裝與本地安裝

npm的包安裝分為本地安裝(local)、全域性安裝(global)兩種,從敲的命令列來看,差別只是有沒有-g而已,比如: 程式碼如下:複製程式碼

npm install grunt  #本地安裝
npm install -g grunt-cli  #全域性安裝

下面分別解釋。

全域性安裝

npm install xxx -g 時, 模組將被下載安裝到【全域性目錄】中。 【全域性目錄】通過 npm config set prefix”目錄路徑” 來設定。

本地安裝

通過 npm config get prefix 來獲取當前設定的目錄。 npm install xxx ,則是將模組下載到當前命令列所在目錄。

解除安裝模組

我們可以使用以下命令來解除安裝 Node.js 模組。

$ npm uninstall express

解除安裝後,你可以到 /node_modules/ 目錄下檢視包是否還存在,或者使用以下命令檢視:

$ npm ls

更新模組

我們可以使用以下命令更新模組:

$ npm update express

搜尋模組

使用以下來搜尋模組:

$ npm search express

關於建立模組和package.json的相關內容,先在此略過

更多NPM 常用命令

可以在npm文件檢視官方文件

使用淘寶 NPM 映象

大家都知道國內直接使用 npm 的官方映象是非常慢的,這裡推薦使用淘寶 NPM 映象。 淘寶 NPM 映象是一個完整 npmjs.org 映象,你可以用此代替官方版本(只讀),同步頻率目前為 10分鐘 一次以保證儘量與官方服務同步。 你可以使用淘寶定製的 cnpm (gzip 壓縮支援) 命令列工具代替預設的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

這樣就可以使用 cnpm 命令來安裝模組了:

$ cnpm install [name]

全域性換源

$ npm config set registry https://registry.npm.taobao.org

在此感謝淘寶團隊,更多資訊可以訪問淘寶 NPM 映象

Node.js REPL(互動式直譯器)

Node.js REPL(Read Eval Print Loop:互動式直譯器) 表示一個電腦的環境,類似 Window 系統的終端或 Unix/Linux shell,我們可以在終端中輸入命令,並接收系統的響應。

Node 自帶了互動式直譯器,可以執行以下任務:

  • 讀取 - 讀取使用者輸入,解析輸入了Javascript 資料結構並存儲在記憶體中。
  • 執行 - 執行輸入的資料結構
  • 列印 - 輸出結果
  • 迴圈 - 迴圈操作以上步驟直到使用者兩次按下 ctrl-c 按鈕退出。

Node 的互動式直譯器可以很好的除錯 Javascript 程式碼。 輸入node來啟動node終端

$ node
>

簡單的表示式運算

接下來讓我們在 Node.js REPL 的命令列視窗中執行簡單的數學運算:

$ node
> 1 +4
5
> 5 / 2
2.5
> 1 + ( 2 * 3 ) - 4
3
>

使用變數

你可以將資料儲存在變數中,並在你需要的使用它。 變數宣告需要使用 var 關鍵字,如果沒有使用 var 關鍵字變數會直接打印出來。 使用 var 關鍵字的變數可以使用 console.log() 來輸出變數。

$ node
> x = 10
10
> var y = 10
undefined
> x + y
20
> console.log("Hello World")
Hello World
undefined
> console.log("www.runoob.com")
www.runoob.com
undefined

多行表示式

Node REPL 支援輸入多行表示式,這就有點類似 JavaScript。接下來讓我們來執行一個 do-while 迴圈:

$ node
> var x = 0
undefined
> do {
... x++;
... console.log("x: " + x);
... } while ( x < 5 );
x: 1
x: 2
x: 3
x: 4
x: 5
undefined
>

… 三個點的符號是系統自動生成的,你回車換行後即可。Node 會自動檢測是否為連續的表示式。

下劃線(_)變數

你可以使用下劃線(_)獲取表示式的運算結果: $ node

var x = 10 undefined var y = 20 undefined x + y 30 var sum = _ undefined console.log(sum) 30 undefined