勉強のためNode.jsのフレームワークであるexpressで簡単なサンプルアプリを作成

• express公式サイト：英語
• express公式サイト：日本語
• npm - express

Node.jsのための、高速で軽量なWebフレームワーク

---

###expressのインストール

$ npm install express

###サンプルコード

app.jsファイルを作成し、下記コードを記入

app.js

var express = require('express')  
var app = express()  
app.get('/', function(req,res){  
  res.send('Hello World')  
})  

app.listen(3000)

$ node app.js  

ブラウザで localhost:3000 を入力すると、Hello Worldが出力される

---

###expressのジェネレーターを使用して、アプリの雛形を作成

express application generator

$ npm install -g express-generator  
$ express testProject  
$ npm install   
$ npm start  
> testProject@0.0.0 start /Users/xxx/testProject  
> node ./bin/www  

ブラウザで localhost:3000 を入力すると、Welcome to Expressが表示される

---

###express-generatorのインストールオプション

-h, --help

ヘルプ

-V, --version

バージョン

-e, --ejs

デフォルト(jade)のテンプレートをejsに変更

-c, --css (engine)

スタイルシートの指定 (less|stylus|compass|sass) *デフォルトは普通のCSS

---

expressコマンドで生成されるファイル

$ express myapp

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

###出力されたファイルの構造

.  
├── app.js  
├── bin  
│   └── www  
├── package.json  
├── public  
│   ├── images  
│   ├── javascripts  
│   └── stylesheets  
│       └── style.css  
├── routes  
│   ├── index.js  
│   └── users.js  
└── views  
    ├── error.jade  
    ├── index.jade  
    └── layout.jade  
  
7 directories, 9 files