Node.js express入門[no.3]
インストールの仕方
nodemon
htmlファイルを読み込む
フォーム情報を送信
コアモジュール
インストールの仕方
とりあえずサーバーを建てる↓
const express = require('express')
const app = express()
app.get('/', function (req, res) {
res.send('Hello World')
})
app.listen(3000)
http通信とは
リクエストとレスポンスの1往復のこと
nodemon
nodemonを入れると変更があった際に自動でサーバーが再起動される
-gはグローバル環境にインストールされる
nodemon <ファイル名>でコマンドを実行でする
npm install -g 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などがある
この記事が気に入ったらサポートをしてみませんか?