若是說用一句話來歸納Node那就是:它開啓了JavaScript服務器端語言。 Node系列的文章並不會從一開始長篇概論的講Node的歷史,安裝,以及其餘很瑣碎的事情。只會專門介紹關於Node或者準確來說是關於Node的敏捷開發。
首先咱們須要一個腳手架前端
快速瞭解Express
1.Express 是一個基於 Node.js 平臺的極簡、靈活的 web 應用開發框架,它提供一系列強大的特性,幫助你建立各類 Web 和移動設備應用。node
2.API
豐富的 HTTP 快捷方法和任意排列組合的 Connect 中間件,讓你建立健壯、友好的 API 變得既快速又簡單。jquery
3.性能
Express 不對 Node.js 已有的特性進行二次抽象,咱們只是在它之上擴展了 Web 應用所需的基本功能。web
若是說你對以上仍是雲裏霧裏的話,咱們接下來立刻利用Express開發一個網站express
Express五分鐘開發一個網站
首先確保你已經安裝好Node.exe 及其附帶的npm , 這是咱們開發的關鍵,而後打開任意的命令行無論是系統自帶的命令行或者node附帶的亦或是Git cmd.
鍵入:npm
$ npm install express-generator -g // npm install 是安裝任何第三方包的命令, express-generator -g 指在全局範圍下安裝名爲 express-generator 的第三方包。
等待系統聯網安裝express,下載完成後,能夠選擇你喜歡的名字做爲應用目錄:bootstrap
express myapp //指在當前命令行目錄下建立一個名爲myapp的文件夾用來作應用目錄
等待系統生成應用骨架,而後進入myapp目錄下:瀏覽器
cd myapp //到達咱們的工做目錄
而後 下載全部express這個應用所需的全部依賴項 (能夠理解爲前端項目自動下載jquery,bootstrap 之類的第三方庫或者框架,固然事實上並非這個意思):服務器
npm install
下載完畢後,就能夠啓動咱們的express應用了,運行:app
npm start // 或者 node app.js 或者其實還有不少的巧計
如今打開你喜歡的Chrome瀏覽器或者Edge 瀏覽器 網址輸入奇怪的 域名:
http://localhost:3000/
等待片刻,標誌性的Express 就出來了,如今無論你的心情是欣喜或者鬱悶抑或習覺得常,這本質上就是一個網站了,爲防你不信,還能夠輸入另外一個奇怪的域名:
http://localhost:3000/users //
咱們剛纔僅僅只是簡單的啓動了express罷了,如今開始真正的開發了。
在目錄下新建一個名爲server.js 的文件,做爲項目的入口文件:
/* 如下代碼等下會有詳細的解釋 */ var express = require('express'); // 用來引入express模塊 var app = express(); // express 實例對象 app.set('port',process.env.PORT || 3000); // 設置端口爲3000 app.get('/',function (req,res) { // 設置首頁的路由 用 '/' 表示 res.send('Ritsu Yan ') }) app.get('/about',function (req,res) { //設置about頁面的路由 用 '/about' 表示 res.send('the node course') }) app.use(function (req,res,next) { // 設置404頁面 res.status(404); res.send('404 - Not Found') }) app.listen(app.get('port'),function () { // 監聽端口若是有用戶進入頁面發送請求咱們輸出如下語句 console.log('express started on port 3000') })
如今 關閉當前命令行新建一個 命令行而後從新輸入
node server.js
而後瀏覽器重載首頁即
http://localhost:3000/
或者
http://localhost:3000/about
都能獲得滿意的迴應
如今咱們看看server.js 作了什麼
一、使用require('xxx') 引入了express 模塊, 這種方式是 Node 中少數同步的操做,它一開始會去Node 的原始 node_modules 目錄下尋找express 模塊 而後引入,把值賦給express,而後實例化爲app.
二、app.set('port',xxx) 可以設置咱們的域名端口,這裏process.env.PORT是指
環境變量要是設置了PORT,那麼就用環境變量的PORT,環境變量沒有咱們就用3000.
其餘路由信息能夠自行百度或者暫時只須要了解 app.get是 用來處理路由請求的.