Node.jsのフレームワーク、Expressを試してみました。
ExpressはNode.jsでwebアプリケーションを作成するためのフレームワークです。
インストール
まずは、Node.jsをインストールします。
以下のページからパッケージをダウンロードしてインストールします。
https://nodejs.org/en/
次にnpmを使ってexpress-generatorをインストールします。
express-generatorはExpressのスケルトンアプリケーションを作成するコマンドです。
npmはNode.jsをインストールした際にインストールされていると思います。
1
|
|
スケルトンアプリケーションを作成する
expressコマンドでスケルトンアプリケーションを作成します。
1 2 3 |
|
起動してみます。
1 2 3 4 5 6 7 8 9 |
|
http://localhost:3000
にアクセスしてみます。
Welcome to Express と表示されていれば正常に起動できています。
サーバーの停止はCtrl + C
です。
ルーティング
ルーティングの基本的な構造です。
1
|
|
app: expressのインスタンス
METHOD: HTTPメソッド(GET, POST, PUT, PATCH, DELETE等)
PATH: サーバーのパス
HANDLER: 実行する関数
Hello World!を返すルーティングのサンプルです。
/
にGETリクエストを送ると、Hello World!が返却されます。
1 2 3 |
|
/
にPOSTリクエストを送ると、Got a POST request
が返却されます。
1 2 3 |
|
Expressの構造
express-generator で作成されたファイルを確認していきます。
ファイル構成は以下です。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
|
app.js
app.jsではアプリの設定やルーティングを定義します。
簡単なアプリであれば、ここに全て書いてしまってもよいでしょう。
express-generatorで作成されたファイル構成では、routes/
、views/
ディレクトリが作成されており、ルーティングやテンプレートは分離する構成となっています。
bin
実行ファイルが格納されます。
node_modules
Expressなどのモジュールが入っているディレクトリです。npmでインストールしたファイルが格納されます。
package.json
アプリの設定やメタ情報を定義するファイルです。
public
公開ディレクトリです、cssファイル、imageファイル、JavaScriptファイルを格納します。
routes
アプリケーションのルーティングと処理を定義したファイルを格納します。
viewsディレクトリ
テンプレートを定義したファイルを格納します。
Expressの構成は把握できました。
次はExpressを使ってチャットアプリケーションを作ってみたいと思います(次回へ続く)。