2015年1月31日 星期六

Node.JS ,Express and MongoDB 安裝教學

Step 1. 安裝Node.JS
Node.JS的官網下載安裝便可。
系統會自動偵測你的作業系統下載對應的版本。

Step 2. 安裝Express
任何一個位置都可以直接執行安裝Express
$npm install -g express

使用Express 4.0的開發者,請安裝generator
$npm install -g express-generator

Step 3. 建立一個Express專案
在欲想建立專案的目錄位置下執行"express 專案名子"
$express testWebApp


create : testWebApp
create : testWebApp/package.json
create : testWebApp/app.js
create : testWebApp/public
create : testWebApp/routes
create : testWebApp/routes/index.js
create : testWebApp/routes/users.js
create : testWebApp/views
create : testWebApp/views/index.jade
create : testWebApp/views/layout.jade
create : testWebApp/views/error.jade
create : testWebApp/public/images
create : testWebApp/public/javascripts
create : testWebApp/public/stylesheets
create : testWebApp/public/stylesheets/style.css
create : testWebApp/bin
create : testWebApp/bin/www

install dependencies:
 $ cd testWebApp && npm install

run the app:
 $ DEBUG=testWebApp:* ./bin/www


Step 4. 編輯相依資訊
在專案目錄下,找到一個package.json的檔案,並開啟。
加入MongoDB和Monk至json檔案中。
{
  "name": "testWebApp",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "body-parser": "~1.10.2",
    "cookie-parser": "~1.3.3",
    "debug": "~2.1.1",
    "express": "~4.11.1",
    "jade": "~1.9.1",
    "morgan": "~1.5.1",
    "serve-favicon": "~2.2.0",
    "mongodb": "*",
    "monk": "*"
  }
}


Step 5.安裝並更新相依資料
移至該專案底下,執行安裝。cd /testWebApp
$npm install

在package.json加入的MongoDB與Monk安裝資訊。

mongodb@1.4.29 node_modules\mongodb
├── readable-stream@1.0.33 (isarray@0.0.1, inherits@2.0.1, string_decoder@0.1
0.31, core-util-is@1.0.1)
├── kerberos@0.0.8 (nan@1.5.1)
└── bson@0.2.18 (nan@1.5.1)

monk@0.9.1 node_modules\monk
├── mpromise@0.5.1
└── mongoskin@1.4.4 (mongodb@1.4.4)



接著建立放MongoDB的資料夾
$mkdir data

此時可執行testWebApp了,以前的版本執行方式為node app.js,但現在只要npm start便可。
$npm start

執行成功會顯示以下資訊:

> testWebApp@0.0.0 start C:\work\NodeJS\testWebApp
> node ./bin/www


這時只要使用瀏覽器開啟http://localhost:3000就可以看到一個網頁上顯示welcome to Express





0 意見:

張貼留言