2018-08-23

地址 https://github.com/alsotang/node-lessons/tree/master/lesson1

《一個(gè)最簡(jiǎn)單的 express 應(yīng)用》

目標(biāo)

建立一個(gè) lesson1 項(xiàng)目自赔,在其中編寫代碼本慕。當(dāng)在瀏覽器中訪問 http://localhost:3000/ 時(shí),輸出 Hello World

挑戰(zhàn)

訪問 http://localhost:3000/ 時(shí)爆价,輸出 你好被环,世界类溢。

知識(shí)點(diǎn)

  1. 包管理器 npm 辞做。使用 npm 安裝包,并自動(dòng)安裝所需依賴闲礼。
  2. 框架 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有我們很熟悉的httphttpsftp理张,以及著名的ed2k赫蛇,thunder

通常我們熟悉的url定義成這個(gè)樣子

<scheme>://<user>:<password>@<host>:<port>/<url-path>

用過ftp的估計(jì)能體會(huì)這么長(zhǎng)的雾叭,網(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é)議略狹隘了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末厨埋,一起剝皮案震驚了整個(gè)濱河市邪媳,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌荡陷,老刑警劉巖雨效,帶你破解...
    沈念sama閱讀 219,366評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異废赞,居然都是意外死亡徽龟,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門唉地,熙熙樓的掌柜王于貴愁眉苦臉地迎上來顿肺,“玉大人,你說我怎么就攤上這事渣蜗。” “怎么了旷祸?”我有些...
    開封第一講書人閱讀 165,689評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵耕拷,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我托享,道長(zhǎng)骚烧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,925評(píng)論 1 295
  • 正文 為了忘掉前任闰围,我火速辦了婚禮赃绊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘羡榴。我一直安慰自己碧查,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,942評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著忠售,像睡著了一般传惠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上稻扬,一...
    開封第一講書人閱讀 51,727評(píng)論 1 305
  • 那天卦方,我揣著相機(jī)與錄音,去河邊找鬼泰佳。 笑死盼砍,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的逝她。 我是一名探鬼主播浇坐,決...
    沈念sama閱讀 40,447評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼汽绢!你這毒婦竟也來了吗跋?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,349評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤宁昭,失蹤者是張志新(化名)和其女友劉穎跌宛,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體积仗,經(jīng)...
    沈念sama閱讀 45,820評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡疆拘,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,990評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了寂曹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片哎迄。...
    茶點(diǎn)故事閱讀 40,127評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖隆圆,靈堂內(nèi)的尸體忽然破棺而出漱挚,到底是詐尸還是另有隱情,我是刑警寧澤渺氧,帶...
    沈念sama閱讀 35,812評(píng)論 5 346
  • 正文 年R本政府宣布旨涝,位于F島的核電站,受9級(jí)特大地震影響侣背,放射性物質(zhì)發(fā)生泄漏白华。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,471評(píng)論 3 331
  • 文/蒙蒙 一贩耐、第九天 我趴在偏房一處隱蔽的房頂上張望弧腥。 院中可真熱鬧,春花似錦潮太、人聲如沸管搪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽抛蚤。三九已至台谢,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間岁经,已是汗流浹背朋沮。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留缀壤,地道東北人樊拓。 一個(gè)月前我還...
    沈念sama閱讀 48,388評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像塘慕,于是被迫代替她去往敵國(guó)和親筋夏。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,066評(píng)論 2 355