Express

Expressを用いてWebアプリケーションを作成してみましょう。

[Express公式サイト]

Expressとは?

Fast, unopinionated, minimalist web framework for Node.js

日本語に訳すと

特定の意見に固執しない、Node.js 向けの高速で最小限の Web フレームワーク

つまり便利なWebフレームワークです。

Node.jsでMVCの開発ができます。

インストール

npm install express

これでインストールできます。

Hello World

入門編の[HTTP]の章と似たような方法でサーバーを立てることがきます。

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

var server = app.listen(3000, "127.0.0.1", function () {
  var host = server.address().address;
  var port = server.address().port;
  console.log('Example app listening at http://%s:%s', host, port);
});

そしてブラウザかcurlコマンドでhttp://localhost:3000にアクセスしてみましょう。

Hello World!の文字列が表示されたら成功です。

express generatorを使う

express generatorを使用してアプリケーションの骨組みを自動生成します。

$ npm isntall -g express-generator

でグローバルにインストールします。

次にexpressコマンドで骨組みの作成をします。

$ express myapp

作成したディレクトリは以下のような構成になっています。

├── app.js                    //サーバーの設定
├── bin
│   └── www               //サーバーの起動
├── package.json
├── public                // 静的ファイルのディレクトリ
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes                // サーバーのコントローラ
│   ├── index.js
│   └── users.js
└── views                 // サーバーのビュー
    ├── error.jade
    ├── index.jade
    └── layout.jade

次に作成したディレクトリに移動し、サーバーを起動します。

$ cd myapp
$ node bin/www

そしてhttp://localhost:3000 にアクセスします。 すると

Express
Welcome to Express

と書かれたウェブページが表示されます。

results matching ""

    No results matching ""