Node.js express入門[no.3]

• インストールの仕方

• nodemon

• htmlファイルを読み込む

• フォーム情報を送信

• コアモジュール

インストールの仕方

express

とりあえずサーバーを建てる↓

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send('Hello World')
})

app.listen(3000)

http通信とは
リクエストとレスポンスの１往復のこと

nodemon

nodemonを入れると変更があった際に自動でサーバーが再起動される
-gはグローバル環境にインストールされる
nodemon <ファイル名>でコマンドを実行でする

npm install -g nodemon//nodemonコマンドが使用できるようになる

nodemon

pathを使って静的なhtmlファイルを読み込ませる

const path = require('path')

//publicディレクトリを読み込ませる
app.use(express.static(path.join(__dirname, 'public')))

フォーム情報を送信して別ページを表示

htmlにフォームの作成
actionはURL、 nameは送信する値につける変数名

<form action="/answer" method="POST">>
        <input type="text" name="answer" />
        <button type="submit">決定！</button>
</form>

postメソッドをjsに記載、redirectでhtmlを表示する

app.use(express.urlencoded({extended: false}));//これがないとpostは使えない

app.post("/answer",function(req,res){
    const answer = req.body.answer;
    if (answer === "2"){
        res.redirect('./corect.html');
    }else{
        res.redirect('./wrong.html');
    };
});

コアモジュール

必要な時に読み込んで使う
path, os, http, fsなどがある