npm 為 Node Package Manager,開發者可以上npm官網登錄套件供其他開發者使用。

透過express套件就可以快速建立網站伺服器。

express js

 

 

透過 npm 安裝 express 

 

從終端機輸入

npm install express

即可透過npm安裝express

小提醒:如果安裝時有出現紅色錯誤訊息,可嘗試重新開機、重新安裝。

 

透過 express 建立網頁伺服器

 

建立一個demo.js檔案輸入以下內容

//引用express模組

var express = require( " express " )  ; 

//宣告變數

var app = express() ;

//連接時,開啟主目錄路徑檔案

app.use( express.static(  " 主目錄路徑 " )  )  ;

//監聽連接埠3000

app.listen(3000) ;

 

關於  連接埠 port

1024之前的port通常會保留給一些比較知名的程式,通常自己撰寫時可以使用3000

如果想要使用其他port號也行,只要沒有被佔用都可以使用。

 

連線至伺服器

 

透過終端機執行demo.js檔案

打開瀏覽器,輸入localhost:3000或是127.0.0.1:3000即可進行連接。

 

PS:我自己在使用時,只有127.0.0.1:3000可以連上,不知道什麼原因localhost:3000無法連上。

 

連上時回傳顯示內容

 

//伺服器設定code

var express = require( " express " )  ; 

var app = express() ;

app.listen(3000) ;

需要寫以上基本的code再搭配以下其他回應的方式

 

回應方式一:指定回應內容

//使用function指定回應的內容

app.get ( "/" , function ( req , res ) {

   res.send ( "ok" ) ;

} }

連上localhost:3000時,就會在瀏覽器中顯示 OK 的文字

 

回應方式二:設定主目錄路徑,從資料夾中找出index.html檔案進行回應

// 把主目錄預設為路徑 ./public 

var aMiddleWare = express.static ( " ./public " ) ;

app.use(  aMiddleWare  ) ; 

連上localhost:3000時,就會從 ./publicy 資料夾中尋找index.html檔案,如果有找到,就會以index.html回傳到瀏覽器。

 

 

 

 


arrow
arrow
    文章標籤
    Node.js express
    全站熱搜
    創作者介紹
    創作者 司馬宏達 的頭像
    司馬宏達

    司馬宏達 ll 旅嚼放題

    司馬宏達 發表在 痞客邦 留言(0) 人氣()