Node.js + Express で Webアプリケーション開発 を行うとき困ったのがルーティング。 そこで ASP.NET MVC のような実装ができる Express 向け ミドルウェア "express-junction" を作成しました。
概要
"express-junction" は Express上 で動くミドルウェアです。
「開発時に一定ルール」を設けることで URLルーティング を /コントローラー名/アクション名
へ自動で割り振られるようにできます。
「開発時の一定ルール」とは具体的に以下の2点です。
- Controller の配置場所は "/controllers" フォルダ配下
- View テンプレート の配置場所は "/views/{コントローラー名}" フォルダ配下
詳しい実装はこの後の 使い方 で解説します。
インストール
1 | npm install express-junction |
依存関係に "express" が入っているので、 上記をいきなり実行することで "express" 含めてまとめてインストールできます。
使い方
簡単な実装例を以下で見ていきます。
ディレクトリ、ファイル
ディレクトリ構成は以下の通りです。 作成するのは 3ファイル のみです。 ディレクトリ構成とファイル保存場所が決まっている点が要注意です。 コントローラー名、アクション名は自由に設定できます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | %PROJECT_ROOT% │ app.js │ package.json │ ├─controllers │ home.js │ ├─node_modules │ ├─express │ ├─express-junction │ └─express-session │ └─views └─home index.ejs |
/app.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | var express = require( "express" ); var session = require( "express-session" ); var junction = require( "express-junction" ); // Expressインスタンス作成 var app = express(); // テンプレートエンジンの設定 app.set( "views" , "./views" ); app.set( "view engine" , "ejs" ); // ミドルウエアの設定 app.use( "/public" , express.static( "public" )); app.use(session({ secret: "YOUR SECRET KEY IS HERE" , resave: false , saveUninitialized: true , name: "sid" })); app.use(junction()); app.use( "/" , junction.router()); // サーバー開始 app.listen(3000); |
"express-junction" は "express-session" を使用していることを前提としているので、"express-session" ミドルウェアよりあとに設定します。
/controllers/home.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | var {Controller, Action, allow, deny} = require( "express-junction" ); // Controller の生成 var controller = new Controller( "home" ); // GET: /home/index controller.add( new Action( "GET" , "index" , function (request, response) { return this .view({ title: "/home/index" }); } )); // Controller のエクスポート module.exports = controller; |
コントローラー、アクションともにインスタンス生成時に各種設定を行います。
Controller
インスタンス生成時の引数は以下の通りです。
- name
-
string
コントローラー名を指定します。 URLの一部になります。
Action
インスタンス生成時の引数は以下の通りです。
- method
-
string
HTTPリクエストメソッドを指定します。 - name
-
string
アクション名を指定します。 URLの一部になります。 - [rules]
-
Validator[]
オプションでアクセス制御を指定できます。 指定しなければすべてのユーザーに対してアクセス許可になります。 - process
-
function(Request, Response)
アクションが呼ばれたときに実行する処理を記述します。 Viewテンプレートでレスポンスする場合、this.view()
を使用します。 JSONでレスポンスする場合、this.json()
を使用します。 リダイレクトはthis.redirect()
です。
/views/home/index.ejs
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> < html > < head > < title ><%= title %></ title > < meta charset = "utf-8" > </ head > < body > < h1 >Hello World</ h1 > < p >This is a sample page.</ p > </ body > </ html > |
何の変哲もない ejs ファイル…。
コントローラーで this.view()
が実行された際に呼び出されます。
最後に… このブログに興味を持っていただけた方は、 ぜひ 「Facebookページ に いいね!」または 「Twitter の フォロー」 お願いします!!