1
00:00:00,690 --> 00:00:05,760
このレッスンでは、認証コードについて説明していますが、ここではログインの機能を追加します。

2
00:00:05,920 --> 00:00:08,370
 

3
00:00:08,550 --> 00:00:14,130
つまり、フォーム用のルートと実際にログインするロジックを追加するルートを追加する必要があります。

4
00:00:14,130 --> 00:00:16,700
 

5
00:00:17,100 --> 00:00:20,210
そして実際にフォームを作成してからテストします。

6
00:00:20,220 --> 00:00:22,250
だから、中で始めましょう。

7
00:00:22,480 --> 00:00:26,420
はい、2つのルートと2つのルートをもう一度追加します。

8
00:00:26,460 --> 00:00:29,310
1つはGET要求で、もう1つはPOST要求です。

9
00:00:29,310 --> 00:00:33,320
私たちが登録のためにしたのと同じように、両方ともスラッシュでログインします。

10
00:00:33,870 --> 00:00:37,470
フォームから始めましょう。私はここで別のメモをします。

11
00:00:37,470 --> 00:00:45,150
 

12
00:00:45,180 --> 00:00:57,030
これらはルートに記録され、最初のものはフォームをレンダリングするだけです。スネークログオンリクエストレスポンスは得られず、コールバックするので、rezレンダリングを実行します。

13
00:00:57,840 --> 00:01:00,050
 

14
00:01:00,060 --> 00:01:01,630
今度はそのフォームを作成しましょう。

15
00:01:01,680 --> 00:01:10,870
だから、スラッシュログオンを使用してEjayして、それを開くと、Eのログを見ることができます。 J. はい。

16
00:01:11,100 --> 00:01:11,850
すばらしいです。

17
00:01:11,970 --> 00:01:18,300
そして、我々は、ログインを言う素敵なH-1を追加するだけで、アプリを起動するときにこれを見ていることを確認しましょう。

18
00:01:18,300 --> 00:01:19,540
 

19
00:01:20,460 --> 00:01:26,470
私たちのアプリケーションに行って、ログインしてテンプレートを受け取ってみましょう。

20
00:01:26,680 --> 00:01:32,640
これでフォームに追加が追加されました。これはフォームが送信される大きな違いを除いて登録フォームのようになります。

21
00:01:32,730 --> 00:01:34,980
 

22
00:01:35,010 --> 00:01:38,410
それでは最後に追加しましょう。入力をもう一度やり直しましょう。

23
00:01:38,460 --> 00:01:47,820
 

24
00:01:47,820 --> 00:01:58,410
最初の1つの名前にテキストを入力すると、usernameとplaceholderがusernameに等しくなり、次にそれを複製します。ここでは、パスワードの名前と同じパスワードをもう一度入力し、プレースホルダはパスワードになります。

25
00:02:00,180 --> 00:02:09,720
フォームを送信するためにRボタンを追加します。ログインするだけで、実際のフォーム自体を処理する必要があります。

26
00:02:09,720 --> 00:02:11,400
 

27
00:02:11,400 --> 00:02:18,120
したがって、このフォームでは、投稿がまだ定義されていない他のルートになりますが、実際にデータを処理して、クレデンシャルが一致するかどうかを把握するために、ログインログをスラッシュする投稿要求を送信する必要があります。

28
00:02:18,120 --> 00:02:22,770
 

29
00:02:22,770 --> 00:02:23,720
 

30
00:02:24,230 --> 00:02:34,950
それでは、それぞれの場合のログインの代わりにそれを設定してみましょう。アクションはスラッシュのログインと同じで、メソッドもポストです。

31
00:02:34,950 --> 00:02:35,980
 

32
00:02:36,450 --> 00:02:42,690
したがって、このフォームは実際にスラッシュのログオンになり、ルートとして取得され、スラッシュに投稿として送信されます。

33
00:02:43,320 --> 00:02:44,580
さあ、見てみましょう。

34
00:02:44,850 --> 00:02:47,720
フォームに表示されるページを更新します。

35
00:02:47,790 --> 00:02:53,910
我々がポストルートとしてスラッシュログインを持っていないとすぐにそれを試して提出すると、それはちょうどタイムアウトになります。

36
00:02:53,970 --> 00:02:54,790
 

37
00:02:55,170 --> 00:03:03,420
そこで、今戻ってポストルートにログを追加します。このルートはログインロジックを担当します。

38
00:03:04,320 --> 00:03:17,070
だから、応答の関数のトップポストスラッシュでは、ここで我々はいくつかの新しいロジックを持っている、それは実際には、ここでそれを使用したり、我々はパスポートのローカル認証を持っているので、小さなひねりがあります。私たちはコールバックの中でそれをやり遂げるつもりはありません。

39
00:03:17,070 --> 00:03:22,890
 

40
00:03:23,340 --> 00:03:28,860
 

41
00:03:28,860 --> 00:03:30,110
 

42
00:03:30,300 --> 00:03:34,420
私たちは実際にここで2番目の議論としてこれを行うつもりです。

43
00:03:34,560 --> 00:03:37,260
だから私はそれが最初に見えるものを見せて、それを越える。

44
00:03:37,260 --> 00:03:45,300
それでアンペアしてログインしてから、パスポートドット認証を追加します。ローカルでは、文字列のカンマとして、そしてカッコを開閉します。

45
00:03:45,420 --> 00:03:51,970
 

46
00:03:52,200 --> 00:03:58,170
これらの中括弧の中にオブジェクトがあり、我々は成功のリダイレクトを渡すつもりです。

47
00:03:58,170 --> 00:04:08,520
そしてそれは秘密を隠すことになり、失敗のリダイレクトは再びログインしてしまい、私たちはそれを実際に閉じるために必要なものを保存したり、認証したりするでしょう。

48
00:04:08,520 --> 00:04:14,030
 

49
00:04:14,030 --> 00:04:19,950
したがって、ローカルと次にこのオブジェクト全体を認証する2つの引数のパスポートが必要です。

50
00:04:20,020 --> 00:04:25,470
これらはカンマで渡すパラメータですが、これはコールバック関数であり、実際にここに何かを入れる必要はありません。

51
00:04:25,470 --> 00:04:26,940
 

52
00:04:26,970 --> 00:04:28,970
だから私たちはそれをそのまま残すだろう。

53
00:04:29,040 --> 00:04:31,030
だから今ここで何をしたのか話しましょう。

54
00:04:31,350 --> 00:04:37,020
私たちはすでにパスポートドット認証を見たことがありますが、コールバック自体にないポストポストの中では、このような使い方は見ていません。

55
00:04:37,230 --> 00:04:39,440
 

56
00:04:40,050 --> 00:04:45,290
これはミドルウェアとして知られており、ミドルウェアとミドルウェアと次のビデオを作成する予定です。

57
00:04:45,300 --> 00:04:46,550
 

58
00:04:46,590 --> 00:04:54,630
しかし、ミドルウェアのアイデアは、私たちがここで最終的なルートコールバックの前に実行するいくつかのコードを書いたところでここに書き出します。

59
00:04:54,630 --> 00:04:56,930
 

60
00:04:57,270 --> 00:05:02,970
 

61
00:05:02,970 --> 00:05:07,650
 

62
00:05:07,680 --> 00:05:09,510
私たちのアプリがログインをスラッシュするというポストリクエストを受け取るとすぐにこのコードを実行し、複数のミドルウェアを積み重ねることができ、認証後に実行される別のものと、その後に別のものを実行することができます。

63
00:05:09,510 --> 00:05:14,370
そして、そのアイデアは、彼らがあなたのルートの始まりの間に座って、そして最後に私たちのハンドラであるルートの終わりに座っているということです。

64
00:05:14,370 --> 00:05:16,270
 

65
00:05:16,590 --> 00:05:18,130
したがって、名前ミドルウェア。

66
00:05:18,420 --> 00:05:21,260
もう一度、次のビデオで独自のミドルウェアを作成します。

67
00:05:21,420 --> 00:05:27,090
しかし今のところあなたが知る必要があるのは、これがミドルウェアと呼ばれ、パスポートドット認証を呼び出すことだけです。

68
00:05:27,550 --> 00:05:32,340
その全体のポイントを覚えておいてください。実際にそれをチェックして、あなたの資格情報を保持しているときに、実際にあなたが好きです。

69
00:05:32,350 --> 00:05:33,650
 

70
00:05:33,840 --> 00:05:39,080
それで、要求の中の要求に含まれるパスワードとユーザー名を本体に取り込みます。

71
00:05:39,750 --> 00:05:44,820
 

72
00:05:44,820 --> 00:05:50,580
私たちは明示的にそのパスポートが自動的にフォームか要求本体からユーザー名パスワードを取ることを明示する必要はなく、基本的にユーザーが入力したパスワードとデータベース内のそのクレイジーハッシュバージョンを比較します。

73
00:05:50,580 --> 00:05:55,950
 

74
00:05:55,950 --> 00:05:58,740
そして、2つのパラメータを持つオブジェクトを提供します。

75
00:05:58,740 --> 00:06:02,290
成功したリダイレクトと失敗のリダイレクト

76
00:06:02,310 --> 00:06:07,650
だからうまくいけば秘密を隠すようにリダイレクトしますが、うまくいけばそれをテストする前にスラッシュログにリダイレクトしてください。

77
00:06:07,650 --> 00:06:10,410
 

78
00:06:10,410 --> 00:06:16,470
 

79
00:06:16,490 --> 00:06:25,860
パスポートを設定するために必要なもう1つのコード行があります。パスポートでは、パスポートでシリアル番号を連用し、パスポートで別のパスを追加するために、ここでインポートした新しいローカル戦略を使用します。

80
00:06:25,860 --> 00:06:27,370
 

81
00:06:27,480 --> 00:06:28,710
私はローカルをサポートします。

82
00:06:28,710 --> 00:06:30,490
私たちはそれをローカル戦略に保存しました。

83
00:06:30,990 --> 00:06:41,710
その新しいローカル戦略に戻り、次にカッコ内のユーザードット認証と保存を行います。

84
00:06:41,790 --> 00:06:46,620
そこで、ユーザー認証メソッドを使用して新しいローカル戦略を作成しています。

85
00:06:46,770 --> 00:06:53,130
これは、Passportのローカルmongersから来ているので、私たちは実際にauthenticateメソッドを書く必要もありません。

86
00:06:53,160 --> 00:06:53,680
 

87
00:06:53,850 --> 00:07:00,270
それは私たちに与えられています。そして、私たちは、そのバージョンのユーザーデータを認証するために、ローカル戦略のためにパスポートに伝えています。

88
00:07:00,280 --> 00:07:01,440
 

89
00:07:01,800 --> 00:07:06,400
これで認証が正しく機能するはずです。

90
00:07:06,470 --> 00:07:08,450
それでは、それを打ちましょう。

91
00:07:08,580 --> 00:07:10,480
いいえ、実際にはい。

92
00:07:10,570 --> 00:07:16,350
まず、サインアップしようとすると、わからないアカウントでログインしようとします。

93
00:07:16,350 --> 00:07:21,860
ログインして、ログインページに戻ります。これは、ここで設定したものです。

94
00:07:22,380 --> 00:07:24,900
障害リダイレクトスラッシュログオン。

95
00:07:25,140 --> 00:07:27,250
 

96
00:07:30,720 --> 00:07:33,650
今私が仕事を知っているアカウントでサインインし、今度は私を秘密のページに連れて行く。

97
00:07:34,260 --> 00:07:35,890
だから我々は今ログインしている。

98
00:07:36,120 --> 00:07:37,380
我々はまだサインアウトしていない。

99
00:07:37,500 --> 00:07:43,470
私たちはログインしているので、登録を使用してサインアップしてからログインすることもできます。

100
00:07:43,530 --> 00:07:48,510
 

101
00:07:48,510 --> 00:07:54,930
 

102
00:07:54,930 --> 00:08:01,200
 

103
00:08:01,520 --> 00:08:04,770
私たちには、Registerとフォームルートがあり、実際に認証を行うポストルートがあります。そして、ミドルウェアについて話しました。ミドルウェアは、ルートの開始から最後のこのシリーズの次の最終ビデオのルートハンドラはログアウトを実装する予定であり、独自のミドルウェアも作成します