「 app.js 」ファイルにルートごとに用意されているスクリプトをロードします。

スクリプトのロードをするには、以下のようにします。

var mainRouter = require('./routes/main');

require でロードした各種のモジュールを読み込むには、以下のようにします。

app.use('/main', mainRouter);

routes のファイルを作成します。

var express = require('express');
var router = express.Router();

router.get('/main', (req, res, next) => {
  res.render('main');
});

module.exports = router;

上記のルーティング設定の場合、「 routes/main.ejs 」というファイルにアクセスします。

ブラウザでページにアクセスするには、「 http://localhost:3000/main/main 」という URL でページにアクセスできます。

次の場合は、「 http://localhost:3000/main 」という URL でページにアクセスできます。

router.get('/', (req, res, next) => {
  res.render('main');
});

render と redirect の違い

render と redirect の違いを簡単に言うと、render は、「 view を指定するだけの処理 」で、redirect は、「 データ送信など Controll の処理を必要とするもの 」です。

• レスポンスメソッド - Express

使い分けについて次のように分けることができます。

保存に失敗した場合、render を利用し登録フォームを再表示させます。これにより、入力したフォームの内容が消えずに残すことができます。

保存に成功した場合は、redirect を使って別の一覧画面などへ移動させます。これによりブラウザで「更新（F5）」を押しても、二重保存されるのを防ぐことができます。

成功時に render を使ってしまうと、ブラウザを更新した際に「フォーム再送信の確認」が出てしまい、ユーザーが意図せず同じ投稿を何度も送ってしまうリスクがあります。