0
0

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 3 years have passed since last update.

【node.js】ルーティング設定ホーム画面表示させる。

Last updated at Posted at 2020-08-13

##【ゴール】

###node.jsを使用して、対象のviewを表示させる。

##【メリット】
■node.jsの理解度向上
■JavaScriptの理解度向上

##【開発環境】
■ Mac OS catalina
■ Homebrew 2.4.9
■ mysql Ver 8.0.21

##【実装】

###作業環境作成
*nodebrewをPC内にインストールしてください
*npm をPC内にインストールしてください。

mac.terminal
$ mkdir js
$ cd js
$ npm init -y
$ npm install express
$ npm install ejs
$ touch server.js
$ touch app.ejs

##ルーティング作成

server.js

// for using express
const express = require('express');
const app = express();

// for path of view
function views() {
  app.set ('views', 'views'),
  app.set('view engine', 'ejs') 
}

// for routing
app.get('/', (req, res) => {
  views();
  res.render('app');
})

// for using 3000 port 
app.listen(3000, (req, res) => {
  console.log('success');
})

##view作成
テンプレートエンジンは「ejs」なので、HTMLの宣言は不要です。

app.ejs
<h2>成功</h2>

###確認
*サーバー立ち上げ。

mac.terminal
$ node server.js
success

以上

##【合わせて読みたい】

■ 【node.js】 node.jsインストール 芋っていたけど、簡単だった件...
https://qiita.com/tanaka-yu3/items/739db5ffed24a8d9ae4b

■【HOMEBREW】 Mac OSのパッケージマネージャーについて node.jsやってたら学んだ事
https://qiita.com/tanaka-yu3/items/65dac47443cc08914a86

■ 【comandLine】 一言で コマンドライン 各種コマンド ターミナル
https://qiita.com/tanaka-yu3/items/b32e353bd6d7c9ebd4fb

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?