NodeJS學習一（創建啟動服務）

  • 2019 年 12 月 2 日
  • 筆記

1.安裝模組

在一個父級以及父級以上非中文命名的文件夾新建一個文件夾，當做該部落格項目目錄（如果含有中文安裝模組會報錯），這裡命名為blog文件夾，打開終端cd切換進入該文件夾運行命令：

npm init

根據提示輸入相應的項目名稱，項目名稱後面的其他選項直接回車默認，最後在blog文件夾下生產一個package.json的文件

{ "name": "node_blog", "version": "1.0.0", "main": "index.js", "scripts": { "test": "echo "Error: no test specified" && exit 1" }, "author": "", "license": "ISC", "description": "", "dependencies": { } }

該項目當前需要的模組有：

"body-parser": 解析post請求數據  "cookies": 讀寫cookie  "express": node.js Web應用框架，用於創建Web應用  "markdown": 解析語法生成模板  "mongoose": mongodb資料庫操作  "swig": 模板解析引擎

目前用到的就這些，有其他需求後面可以再安裝。

在blog文件夾下進入終端，安裝這些模組：

npm install body-parser cookies express markdown mongoose swig

安裝完成後會在blog下面生成node_modules文件用於存放這些模組，生成一個package-lock.json文件，同時packag.json文件也得到更新（package.json展示了模組的版本範文，而package-lock.json則說明具體安裝的是哪些模組版本）

package.json如下：

{    "name": "node_blog",    "version": "1.0.0",    "description": "nodejs開發",    "main": "index.js",    "scripts": {      "test": "echo "Error: no test specified" && exit 1"    },    "author": "",    "license": "ISC",    "dependencies": {      "body-parser": "^1.19.0",      "cookies": "^0.7.3",      "express": "^4.17.1",      "markdown": "^0.5.0",      "mongoose": "^5.6.0",      "swig": "^1.4.2"    }  }

2.創建應用目錄

db:數據存儲目錄

models:資料庫模型文件目錄

public：公共文件目錄（js,css等）

routers：路由文件目錄

node_modules：NodeJS第三方模組目錄

shcemas：資料庫結構文件目錄

views：模板視圖文件目錄

app.js:應用啟動文件入口

3.啟動第一個服務

項目的入口文件為app.js，因此在app.js裡面編輯程式碼創建服務，用到了express模組​​；

先載入express模組​​，然後創建app應用，並綁定一個路由用於展示頁面，規定監聽埠：

//應用程式的啟動入口文件    //載入express模組  var express = require('express');  //創建app應用,相當於nodeJS的http.createService()  var app = express();    /**   * [description] 給app綁定首頁路由，把一個url路徑通過一個或多個方法綁定   * @param  {[type]} req       request對象，保存客戶端請求相關的一些數據   * @param  {[type]} res       response對象   * @param  {[type]} next      函數,用於執行下一個和當前路徑匹配的函數   * @return {[type]}           [description]   */  app.get('/',function(req,res,next){  	//res.send(string)發送內容直客戶端  	res.send('<h1>歡迎來到我的部落格！</h1>')  })    //監聽http請求  app.listen(8081);

完成之後，在blog文件夾下打開終端，運行app.js，出現游標閃動

打開瀏覽器，輸入localhost:8081：

即可看到效果

Tags:

VirMach 便宜 VPS