記載の動機
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
ブラウザで以下にアクセスする。
'描く' 카테고리의 다른 글
JSON.parse() - JavaScript | MDN - Mozilla (0) | 2021.07.06 |
---|---|
html jade 변환 (0) | 2021.07.06 |
これだけ押さえておけばあらゆるAPIを呼び出せる! Google APIを使用するための基本 (0) | 2021.07.05 |
TabLayout の使い方 - kotlin (0) | 2021.07.03 |
15分で作る?【 60秒ストップウォッチ 】 (0) | 2021.07.03 |
댓글