shinoblog-manabu

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

5.ユーザー認証の処理を作ろう(2)

 

 

 

ユーザー認証の処理を作ろう(2)

 

目的:ユーザー認証システムを構築する

 

このように覚える

 

 

 

ユーザー認証とは

 

 

ユーザー認証 = 本人確認のこと

  1. メールアドレス
  2. パスワード

 

=これらの認証を得ることで「本人確認がとれた」と意味する

 

このように覚える

 

 

 

ユーザー認証の流れ

 

送信されたメールアドレスを元に
ユーザー情報を探すシステム


1、送信されたパスワードから本人と思われる情報比較

2,情報一致

3,ユーザー認証

 

このように覚える

 

 

ユーザーを検索しよう(1)

 

ユーザー検索コード

 

f:id:shinoblog-manabu:20210205133753p:plain

ユーザー検索

 

このように書く

 

 

ユーザーを検索しよう(2)

 

下記の通り。

f:id:shinoblog-manabu:20210205134735p:plain

配列resultsの要素数をelngthプロパティを使った確認する方法

point

素数が0より大きければ、次の認証へ。

素数が0以外ならログイン画面へリダイレクトする。

 

このように覚える

 

 

 

ユーザー認証をしよう

 

下記の2つを画像から確認する

  • フォームから受け取ったパスワード
  • クエリ実行結果のパスワード

 

f:id:shinoblog-manabu:20210205135410p:plain

ユーザー認証に必要なコード2つを確認しよう

 

このように覚える

 

point

--

 

比較結果がtrueの場合 = 認証に成功しました

 

 

比較結果がfalseの場合 = 認証に失敗しました

 

 

2つの処理はユーザー認証に必要な処理である

 

このように覚える

 

 

 

演習問題

上記の内容をjsコードにて書く。

ユーザー認証処理が出来たら、実際にログイン。

出力結果を確認すること。

 

 

 

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