nodejs+express搭建伺服器(一)
1.Express 是一個簡潔而靈活的 node.js Web應用框架, 提供了一系列強大特性幫助你建立各種 Web 應用,和豐富的 HTTP 工具。
使用 Express 可以快速地搭建一個完整功能的網站。
2.所以使用epress框架,需先安裝nodejs,此處省略這一步,百度啦~
3.全域性安裝express-generator
1 2 |
npm install express --save -g
npm install express-generator --save -g
|
express 是nodejs的一個web框架,使用express,能夠更便捷的使用nodejs.
express-generator是express應用生成器,相當於express 的骨架,進入一個web專案中後,使用express projectname命令,能快速構建projectname這個應用的目錄結構。
4.開始第一個express專案
(1)建立express專案
找到平時做專案的資料夾。或隨意找一個地方,通過命令cd開啟檔案,或者在路徑處cmd
在路徑處,選中把路徑刪除,然後輸入cmd,再確認就進入了當前檔案下控制檯
開啟後輸入命令:express ‘你的專案名字’,於是建立了了一個新專案
附:
安裝這裡後會有3個選項,先不管,看一下:
開啟專案:cd expressDemo
安裝:npm install
啟動專案:npm start
(2)安裝依賴
使用編輯器開啟專案,目錄詳解,先看一下:
bin: 用於應用啟動,可在裡面設定啟動的埠號等。
/public: 靜態資源目錄
/routes:可以認為是controller(控制器)目錄,路由。
/views: jade模板目錄,可以認為是view(檢視)目錄
app.js 程式main檔案
由於還沒有安裝要用到的依賴,因此我們需要安裝一下依賴,生成node_modules檔案。
直接在上圖後面輸入以下命令按enter鍵執行
1 |
npm install
|
可以看到生成node_modules檔案
(3)啟動專案
使用命令npm start啟動專案
成功:
報錯:
如果會報錯,提示找不到相應的模組,這個時候根據提示安裝就可以了
根據第一行的提示安裝依賴,執行命令:
1 |
npm i http-errors --save -g
|
安裝完沒有報錯之後,再執行npm start命令啟動專案
啟動專案後開啟瀏覽器在位址列輸入localhost:3000便可以訪問
5.解讀檔案
(1)package.json檔案
首先是package.json,預設{}中scripts欄位“start”,“node ./bin/www”,npm start即等價於執行“node ./bin/www。 "dependencies"欄位下是工程所依賴的包。 在bin/www中,首先var app =require("../app");首先載入app.js檔案。在www檔案中可以修改進入的埠號,預設是3000,可自己修改
app.js是整個工程真正的入口檔案。在其內部,載入主要的依賴包,配置中介軟體,載入路由等等。最後在www檔案中啟動服務。
/為預設路徑,/user是載入usersRouter這個路徑對應的模組。