node.js、express、ejsでHello Worldするコード
記載の動機
node.jsでコーディングをするようになったが、必須で記述する部分などを覚えきれないので防備録として記述しました。
前提
・node.jsがインストールされていること node.js 公式サイト
・Windows7 64bitのPCで実行
コードとコマンド
cmd
app> npm init app> npm install express ejs --save
directory
app |-/views |-landing.ejs |-/node_modules **自動で生成される |-app.js |-package.json **自動で生成される |-package-lock.json **自動で生成される
app.js
var express = require("express"); var app = express(); //viewエンジンをejsであることを設定 app.set("view engine", "ejs"); app.get('/', function(req, res){ const message = "Hello World!"; res.render("landing", {message: message}); }); app.listen(3000, () => console.log('app listening on port 3000!'))
landing.ejs
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Page Title</title> </head> <body> <h1>Landing page</h1> <!-- コードから渡されたデータを表示--> <p><%= message %></p> </body> </html>
起動~cmd
app> node app.js
ブラウザで以下にアクセスする。