目標(biāo)
建立一個 lesson1 項目,在其中編寫代碼蔑滓。當(dāng)在瀏覽器中訪問 http://localhost:3000/ 時遇绞,輸出 Hello World。
挑戰(zhàn)
訪問 http://localhost:3000/ 時蹄咖,輸出 你好付鹿,世界蚜迅。
知識點
1.學(xué)習(xí)使用 npm 安裝依賴
2.學(xué)習(xí)新建 express 實例谁不,并定義 routes 徽诲,產(chǎn)生輸出。
課程內(nèi)容
按照慣例偷溺,我們來個 helloworld 入門钱贯。
express 是 Node.js 應(yīng)用最廣泛的 web 框架,現(xiàn)在是 4.x 版本砍濒,它非常薄硫麻。跟 Rails 比起來,完全兩個極端杠河。
express 的官網(wǎng)是 http://expressjs.com/ 浇辜。
首先我們需要得到一個 express。
從 php 和 python 來的同學(xué)可能對于“包依賴管理”的概念不是太熟悉待诅,ruby 來的同學(xué)應(yīng)該就熟悉多了熊镣。
在 python 中,包管理使用 easy_install`或者 pip
测蹲,ruby 中我們使用 gem
鬼吵。而在 Node.js 中,對應(yīng)就是 npm
齿椅,npm 是 Node.js Package Manager 的意思。
不同于 ruby 的 gem 裝在全局示辈,Node.js 的依賴是以項目為單位管理的顽耳,直接就安裝在項目的 node_modules 目錄下妙同,而且每個依賴都可以有指定版本的其他依賴,這些依賴像一棵樹一樣胰耗。根據(jù)我自己的使用經(jīng)驗來說芒涡,npm 的體驗在 pip 和 gem 之上。
OK费尽,新建一個文件夾叫 lesson1 的旱幼,進(jìn)去里面安裝 express
$ mkdir lesson1 && cd lesson1 這里沒有從官方 npm 安裝,而是使用了大淘寶的 npm 鏡像 $ npm install express --registry=https://registry.npm.taobao.org
安裝完成后冬三,我們的 lesson1 目錄下應(yīng)該會出現(xiàn)一個 node_modules 文件夾缘缚,ls 看看
$ ls node_modules
里面如果出現(xiàn) express 文件夾則說明安裝成功。
或者 npm命令提供更清晰直觀的顯示:
$ nam list
我們繼續(xù)應(yīng)用程序的編寫窝爪。
新建一個 app.js 文件
$ touch app.js
copy 進(jìn)去這些代碼
// 這句的意思就是引入 express 模塊齐媒,并將它賦予 express 這個變量等待使用。
var express = require('express');
// 調(diào)用 express 實例啃勉,它是一個函數(shù)双妨,不帶參數(shù)調(diào)用時,會返回一個 express 實例泣特,將這個變量賦予 app 變量状您。
var app = express();
// app 本身有很多方法,其中包括最常用的 get膏孟、post柒桑、put/patch、delete飘诗,在這里我們調(diào)用其中的 get 方法界逛,為我們的 `/` 路徑指定一個 handler 函數(shù)。
// 這個 handler 函數(shù)會接收 req 和 res 兩個對象溉潭,他們分別是請求的 request 和 response该溯。
// request 中包含了瀏覽器傳來的各種信息,比如 query 啊夫椭,body 啊氯庆,headers 啊之類的,都可以通過 req 對象訪問到仁讨。
// res 對象实昨,我們一般不從里面取信息,而是通過它來定制我們向瀏覽器輸出的信息丈挟,比如 header 信息曙咽,比如想要向瀏覽器輸出的內(nèi)容。這里我們調(diào)用了它的 #send 方法孝情,向瀏覽器輸出一個字符串洒嗤。
app.get('/', function (req, res) {
res.send('Hello World');
});
// 定義好我們 app 的行為之后,讓它監(jiān)聽本地的 3000 端口菲茬。這里的第二個函數(shù)是個回調(diào)函數(shù)派撕,會在 listen 動作成功后執(zhí)行睬魂,我們這里執(zhí)行了一個命令行輸出操作氯哮,告訴我們監(jiān)聽動作已完成。
app.listen(3000, function () {
console.log('app is listening at port 3000');
});
執(zhí)行
$ node app.js
這時候我們的 app 就跑起來了姆打,終端中會輸出 app is listening at port 3000肠虽。這時我們打開瀏覽器,訪問 http://localhost:3000/闲延,會出現(xiàn) Hello World韩玩。如果沒有出現(xiàn)的話找颓,肯定是上述哪一步弄錯了合愈,自己調(diào)試一下。