サーバーサイドJavaScriptの図書室 4冊目 node.jsでexpressを導入する

サーバーサイドJavaScriptの図書室

4冊目 node.jsでexpressを導入する

Webアプリケーションを便利に作成する方法がないか調べていたところ
express(エクスプレス)というフレームワークがありました。
expressはnode.jsで一番使われているらしいです。

[1] 実験環境

今回の環境は以下のとおりです。

名前	バージョン
Ubuntu	14.04
node.js	v0.10.28
express	v4.２.0

[2] expressの実行

Webアプリケーションフレームワークです。自分が試したときはver4.2でした。
expressフレームワークを使用するときにテンプレートを決めることができます。
前の記事でも扱ったejsテンプレートを使用します。

$ sudo npm install -g express-generator
※ -g でグローバル環境へインストール(これを行うと次のコマンドが使える)
$ express -e express01
※ -e をつけることでejsテンプレートを使用する
$ cd express01
$ npm install

上記コマンドのexpress01というのはフォルダです。
これで準備が完了しましたので動かしてみます。

$ npm start

http://localhost:3000/にアクセスしてみれば動作していることが確認できます。

[3] 内部構造を確認してみる。

express01(フォルダ名)の中身を確認してみるといろいろなファイルやフォルダがあります。
ざっと中身を見渡すとこんな感じになっています。

express01
┣ app.js
┣ bin
┣ node_modules
┣ package.json
┣ public
┃ ┣ images
┃ ┣ javascripts
┃ ┗ styleshetts
┣ routes
┃ ┣ index.js
┃ ┗ users.js
┣ views
┃ ┣ index.ejs
┗ ┗ error.ejs

名称	詳細
app.js	メインスクリプトファイル
node_modules	node.jsのモジュールディレクトリ
package.json	インストール情報やアプリの情報
public	公開するファイルを置くフォルダ（フロントエンド）
routes	サーバ上のスクリプトフォルダ（バックエンド）
views	テンプレートファイルフォルダ