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

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