15
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2019-01-14

###記載の動機
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/

15
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?