shinoblog-manabu

Progate(プロゲート)を使って初歩の初歩からプログラミング勉強をはじめました。無料から有料バージョンへ以降しつつ、自分辞書として活用しています。なるべく私と同じ初心者目線を使い、各プログラミング内容を説明したいです。

ユーザー認証の処理を作ろう(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('/一覧画面');
}

 

このように書く。

 

ここまで'ログイン処理'を完成させた。

 

 

今回はここまでになります。お疲れ様でした。