3．ルータ設定

魔法探偵の助手

ルータ設定を別ファイルから読み込ませてWebページをレンダリングする．「router.js」，「top.ejs」，「top.css」の3つのファイルを作成．

画像1

// router.js

const router = require('express').Router();
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//
// ログ
router.use('/', (req, res, next) =>
{
	const day = new Date();
	const YYYY = day.getFullYear();
	const MM = ("0" + (day.getMonth() + 1)).slice(-2);
	const DD = ("0" + day.getDate()).slice(-2);
	const hh = ("0" + day.getHours()).slice(-2);
	const mm = ("0" + day.getMinutes()).slice(-2);
	const ss = ("0" + day.getSeconds()).slice(-2);

	console.log(YYYY + '/' + MM + '/' + DD + ' ' + hh + ':' + mm + ':' + ss);
//	console.log('Cookies: ', req.cookies);
//	console.log('Session: ', JSON.stringify(req.session));
	next();
});
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//
// [ドメイン]/testにリクエストがあったとき
router.use('/test', (req, res, next) =>
{
	// "views"でセットしたフォルダ内のejsファイル（test/top.ejs）
	const file = 'test/top';
	// 引数として渡すオブジェクト<%= title %>として利用できる
	const obj = {title: 'Test'};
	
	// Webページをレンダリング
	res.render(file, obj);
});
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++//

module.exports = router;
<!DOCTYPE html>
<html>
	<head>
		<meta name="author" content="@MagicalWatosan">
		<title><%= title %></title>
		<link rel="stylesheet" href="/test/stylesheets/top.css"/>
	</head>
	<body oncontextmenu="return false;">

		ABCDEFG

	</body>
</html>
body {
	background-color: #ffff00;
	font-size: 55px
}

とりあえず成功(*´▽｀*)

画像2

この記事が気に入ったらサポートをしてみませんか？