nodejs之express小記

若是說用一句話來歸納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是 用來處理路由請求的.

相關文章
相關標籤/搜索