読者です 読者をやめる 読者になる 読者になる

Yuta Watanabe's Blog

開発周りと、その他諸々

node.js 向け Web アプリケーションフレームワーク Express

こんにちは。

今日は、node.js 向けの Web アプリケーションフレームワークである Express を使ってみます。

f:id:yuwata:20140914105010p:plain

node.jsnpm はあらかじめインストールしておきましょう。

Express をインストール

フォルダを適当に作り Express をインストールします。

mkdir expressSample
cd expressSample
npm install express

node_module フォルダが生成され、その中に express がインストールされます。 

Hello World

server.js を作成します。

express のインスタンスを作成し、ルーティングを定義。今回は '/' にアクセスした際に、'Hello World' を表示します。リッスンするポートは 3000 にしました。

Getting started with Express

ファイルを保存後、

node server.js

を実行し、localhost:3000 にアクセスすると、

f:id:yuwata:20140914105057p:plain

のように表示されます。

Template Engine - Jade

テンプレートエンジン Jade を使ってページを表示してみます。

まずは jade をインストール。

npm install jade

テンプレートエンジンを jade に、テンプレートの場所を views に指定します。後に作る index.jade にパラメータを渡します。

Getting started with jade & express

次に views/index.jade を下記のように作成します。

jade sample

再び 

node server.js

を実行し、localhost:3000 にアクセスしてみると、

f:id:yuwata:20140914105131p:plain

ということで、テンプレートエンジンが使えました。

引き続き、Express 触っていきます。