目標(biāo)
建立一個(gè) lesson1 項(xiàng)目，在其中編寫代碼况脆。當(dāng)在瀏覽器中訪問 http://localhost:3000/ 時(shí)后德，輸出 Hello World农猬。
挑戰(zhàn)
訪問 http://localhost:3000/ 時(shí)，輸出 你好改抡，世界矢炼。
知識(shí)點(diǎn)
- 包管理器 npm 。使用 npm 安裝包阿纤，并自動(dòng)安裝所需依賴句灌。
- 框架 express 。學(xué)習(xí)新建 express 實(shí)例，并定義 routes 胰锌，產(chǎn)生輸出骗绕。
課程內(nèi)容
按照慣例，我們來個(gè) helloworld 入門资昧。
包管理器 npm
npm 可以自動(dòng)管理包的依賴. 只需要安裝你想要的包, 不必考慮這個(gè)包的依賴包.
在 PHP 中, 包管理使用的 Composer, python 中酬土，包管理使用 easy_install 或者 pip，ruby 中我們使用 gem格带。而在 Node.js 中撤缴，對(duì)應(yīng)就是 npm，npm 是 Node.js Package Manager 的意思践惑。
框架 Express
express 是 Node.js 應(yīng)用最廣泛的 web 框架腹泌，現(xiàn)在是 4.x 版本，它非常薄尔觉。跟 Rails 比起來凉袱，完全兩個(gè)極端。
express 的官網(wǎng)是 http://expressjs.com/ 侦铜，我常常上去看它的 API专甩。
首先我們需要得到一個(gè) express。
不同于 ruby 的 gem 裝在全局钉稍，Node.js 的依賴是以項(xiàng)目為單位管理的涤躲，直接就安裝在項(xiàng)目的 node_modules 目錄下，而且每個(gè)依賴都可以有指定版本的其他依賴贡未，這些依賴像一棵樹一樣种樱。根據(jù)我自己的使用經(jīng)驗(yàn)來說，npm 的體驗(yàn)在 pip 和 gem 之上俊卤。
OK嫩挤，新建一個(gè)文件夾叫 lesson1 的，進(jìn)去里面安裝 express
$ mkdir lesson1 && cd lesson1
# 這里沒有從官方 npm 安裝消恍，而是使用了大淘寶的 npm 鏡像
$ npm install express --registry=https://registry.npm.taobao.org
安裝完成后岂昭，我們的 lesson1 目錄下應(yīng)該會(huì)出現(xiàn)一個(gè) node_modules 文件夾，ls 看看
$ ls node_modules
里面如果出現(xiàn) express 文件夾則說明安裝成功狠怨。
或者 npm命令提供更清晰直觀的顯示:
$ npm list
我們繼續(xù)應(yīng)用程序的編寫约啊。
新建一個(gè) app.js 文件
$ touch app.js
copy 進(jìn)去這些代碼
// 這句的意思就是引入 `express` 模塊，并將它賦予 `express` 這個(gè)變量等待使用佣赖。
var express = require('express');
// 調(diào)用 express 實(shí)例恰矩，它是一個(gè)函數(shù)，不帶參數(shù)調(diào)用時(shí)憎蛤，會(huì)返回一個(gè) express 實(shí)例枢里，將這個(gè)變量賦予 app 變量。
var app = express();
// app 本身有很多方法，其中包括最常用的 get栏豺、post彬碱、put/patch、delete奥洼，在這里我們調(diào)用其中的 get 方法巷疼，為我們的 `/` 路徑指定一個(gè) handler 函數(shù)。
// 這個(gè) handler 函數(shù)會(huì)接收 req 和 res 兩個(gè)對(duì)象灵奖，他們分別是請(qǐng)求的 request 和 response嚼沿。
// request 中包含了瀏覽器傳來的各種信息，比如 query 啊瓷患，body 啊骡尽，headers 啊之類的，都可以通過 req 對(duì)象訪問到擅编。
// res 對(duì)象攀细，我們一般不從里面取信息，而是通過它來定制我們向?yàn)g覽器輸出的信息爱态，比如 header 信息谭贪，比如想要向?yàn)g覽器輸出的內(nèi)容。這里我們調(diào)用了它的 #send 方法锦担，向?yàn)g覽器輸出一個(gè)字符串俭识。
app.get('/', function (req, res) {
res.send('Hello World');
});
// 定義好我們 app 的行為之后，讓它監(jiān)聽本地的 3000 端口洞渔。這里的第二個(gè)函數(shù)是個(gè)回調(diào)函數(shù)套媚，會(huì)在 listen 動(dòng)作成功后執(zhí)行，我們這里執(zhí)行了一個(gè)命令行輸出操作磁椒，告訴我們監(jiān)聽動(dòng)作已完成凑阶。
app.listen(3000, function () {
console.log('app is listening at port 3000');
});
執(zhí)行
$ node app.js
這時(shí)候我們的 app 就跑起來了，終端中會(huì)輸出 app is listening at port 3000衷快。這時(shí)我們打開瀏覽器，訪問 http://localhost:3000/姨俩，會(huì)出現(xiàn) Hello World蘸拔。如果沒有出現(xiàn)的話，肯定是上述哪一步弄錯(cuò)了环葵，自己調(diào)試一下调窍。
補(bǔ)充知識(shí)
在這個(gè)例子中，node代碼監(jiān)聽了3000端口张遭，用戶通過訪問http://localhost:3000/ 得到了內(nèi)容邓萨，為什么呢？
端口
端口的作用：通過端口來區(qū)分出同一電腦內(nèi)不同應(yīng)用或者進(jìn)程，從而實(shí)現(xiàn)一條物理網(wǎng)線(通過分組交換技術(shù)-比如internet)同時(shí)鏈接多個(gè)程序
Port_(computer_networking)
端口號(hào)是一個(gè) 16位的 uint, 所以其范圍為 1 to 65535 (對(duì)TCP來說, port 0 被保留缔恳，不能被使用. 對(duì)于UDP來說, source端的端口號(hào)是可選的宝剖， 為0時(shí)表示無端口).
app.listen(3000)，進(jìn)程就被打標(biāo)歉甚，電腦接收到的3000端口的網(wǎng)絡(luò)消息就會(huì)被發(fā)送給我們啟動(dòng)的這個(gè)進(jìn)程
URL
RFC1738 定義的url格式籠統(tǒng)版本<scheme>:<scheme-specific-part>万细，
scheme有我們很熟悉的http、https纸泄、ftp赖钞，以及著名的ed2k，thunder聘裁。
通常我們熟悉的url定義成這個(gè)樣子
<scheme>://<user>:<password>@<host>:<port>/<url-path>
用過ftp的估計(jì)能體會(huì)這么長的雪营，網(wǎng)頁上很少帶auth信息，所以就精簡(jiǎn)成這樣:
<scheme>://<host>:<port>/<url-path>
在上面的例子中, scheme=http, host=localhost, port=3000, url-path=/, 再聯(lián)想對(duì)照一下瀏覽器端window.location對(duì)象衡便。
著名的localhost献起，你可以在電腦的hosts文件上找到
在這篇文章中提到： URI schemes are frequently and incorrectly referred to as "protocols", or specifically as URI protocols or URL protocols, since most were originally designed to be used with a particular protocol, and often have the same name，比較認(rèn)同這個(gè)觀點(diǎn)砰诵，尤其是今天移動(dòng)設(shè)備的時(shí)代里征唬， android和ios的開發(fā)中大量使用uri作為跨app通訊通道，把scheme理解為協(xié)議略狹隘了茁彭。
尾聲
在了解完端口和url之后总寒，再去看例子代碼，相信應(yīng)該好理解很多理肺。
有必要的話摄闸，還可以在解刨一下express的use邏輯，對(duì)峙http.createServer妹萨，相信還有火花年枕，:)
