본문 바로가기
描く

node.js、express、ejsでHello Worldするコード

by 엘리후 2021. 7. 6.

記載の動機

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

ブラウザで以下にアクセスする。

http://localhost:3000/

댓글