ログイン機能を作ろう

 ログイン機能を作ろう

目標：ブログサイトにログイン画面を作る

ログイン機能の作成手順

・ログイン画面を作る

・ユーザー認証画面を作る

・セッション管理の準備をする

このように覚える

ログイン画面を作成しよう

今回の目標：ログイン画面の作成・表示

ここまでの作成方法を学ぶ

１・ログインの為のルーティングを作成する

<!-- 手順１「app.get」 を用いて、
「/login」に対応するルーティングを追加する -->

<!-- ログインのルーティング -->

app.get('/login', (req, res) => {

<!-- 手順２「/login」に対応するルーティングの処理で、「res.render」を用いてビューファイルを表示 -->
res.render('login.ejs')
});

このように書く。

ログイン用のフォームを作成しよう

ログインフォームの概要を確認する

メールアドレス記入欄

パスワード記入欄（ただし伏せ字になるよう調整）

Ex.<!-- 手順４.ログイン画面のパスワード部分を作る．作成するのは・メールアドレスの入力欄・パスワードの入力欄 -->

<p>メールアドレス</p>
<input type="text">
<p>パスワード</p>
<input type="password">

このように書く。

ログイン画面へのリンク

ここでの課題

：ログインフォームボタンをヘッダーに用意すること

Ex.

<ul>
<li><a href="/list">記事一覧</a></li>
<li><a href="/login">ログイン</a></li>
</ul>

このように書く。

ただし、演習問題では「/blog/views/login.ejs」を書く（コピペする）こと。

演習問題

--

上記手順に従って書いていくこと。

今回は以上です。お疲れ様でした。 

これでログイン画面は完成しました。お疲れ様でした。