ユーザー認証の処理を作ろう(1)
ユーザー認証の処理を作ろう(1)
今回の目標
:フォーム送信
:一覧画面表示
ログイン処理をするルーティングを用意しよう
:ユーザー認証の処理をする
:ログイン処理を作るルーティングを用意する
こう覚える。
手順1
Ex.<!-- ログイン処理をするルーティング部分を用意 -->
<form action="/login" method="POST">
このように書く。
手順2.
<!-- 手順2.inputタグにname属性を指定する -->
<p>メールアドレス</p>
<input type="text" name="email">
<p>パスワード</p>
<input type="password" name="password">
このように書く。
手順3.<!--「app.post」を用いて、
「/login」に対応するルーティングを追加する -->
<!-- app.js -->
app.post('/login', (req, res)=> {
res.redirect('/list');
})
このように書く。
<!-- ここまで -->
ここまででユーザー認証の処理を作成することができた。
/login のルーティング
目標:ログイン画面のフォームの値を受け取るルーティングを用意すること
<!-- 手順1.list.ejs getメソッドの/loginを探す -->
<li><a href="/login">ログイン</a></li>
<!-- app.js -->
app.get('/login', (req, res) => {
//ログイン画面の表示
})
このように書く。
<!-- 手順2.login.ejs postメソッドの/loginを探す -->
Ex.ルーティング処理の中において、一覧画面をリダイレクトする
<!-- app.js -->
app.post('/login', (req, res) => {
res.redirect('/一覧画面');
}
このように書く。
ここまで'ログイン処理'を完成させた。
今回はここまでになります。お疲れ様でした。