1
00:00:00,450 --> 00:00:01,380
お帰りなさい。

2
00:00:01,470 --> 00:00:06,570
このビデオでは、NAFバーにリンクを正しく表示するようにして、ログインしていないときにログインしてサインアップするようにします。

3
00:00:06,570 --> 00:00:10,190
 

4
00:00:10,260 --> 00:00:15,510
しかし、あなたがサインインしているときにログアウトしてみるだけで、サインインしたという小さなメッセージを表示することもできます。

5
00:00:15,600 --> 00:00:17,010
 

6
00:00:17,160 --> 00:00:21,620
そして、署名された複数のユーザで署名されたユーザ名は、それが何であれ食べる。

7
00:00:21,640 --> 00:00:27,270
当初はビデオのパートの終わりにこれをすべて持っていたので、別のビデオに移動し始めました。もう少し時間をかけて詳細を説明し、そのいくつかを説明することができました。

8
00:00:27,270 --> 00:00:31,260
 

9
00:00:31,260 --> 00:00:32,620
 

10
00:00:32,640 --> 00:00:33,720
だから始めましょう。

11
00:00:33,810 --> 00:00:35,790
そして、私がやることは、ヘッターを開くことです。

12
00:00:35,970 --> 00:00:36,860
はい。

13
00:00:37,110 --> 00:00:42,510
そしてここに3つのリンクがあります。

14
00:00:42,510 --> 00:00:47,270
サインインしてログアウトすると、適切に表示されて非表示になります。

15
00:00:47,280 --> 00:00:49,940
簡単なEを追加する必要があります J. esque論理。

16
00:00:50,460 --> 00:00:53,120
if文は次のようになります。

17
00:00:53,130 --> 00:00:54,630
これは疑似コードです。

18
00:00:54,630 --> 00:01:06,210
しかし、ユーザーがログインして登録しないと、ログアウトリンクが表示されません。

19
00:01:06,210 --> 00:01:08,100
今はもちろん、これは実際のjavascriptではありません。

20
00:01:08,220 --> 00:01:09,320
私たちはそれに取り組まなければなりません。

21
00:01:09,450 --> 00:01:16,770
 

22
00:01:16,770 --> 00:01:22,530
 

23
00:01:22,530 --> 00:01:28,090
しかし、私たちがやることは、ここでやったように変数を渡すことです。私たちはキャンプ場を通過しているか、キャンプ場を再開しています。ユーザーオブジェクトを渡すことを除いて、ログインしているユーザーに関する情報が含まれているか、またはログインしているユーザーがいない場合。

24
00:01:28,100 --> 00:01:32,960
定義されていない空白になり、テンプレートの代わりにそのユーザー変数を使用できます。

25
00:01:33,150 --> 00:01:34,490
したがって、それが未定義の場合。

26
00:01:34,740 --> 00:01:36,850
ユーザーが定義されていないかどうかを確認します。

27
00:01:36,960 --> 00:01:40,800
これらを表示するには、リンクにログを表示します。

28
00:01:40,800 --> 00:01:45,080
それではまず、ユーザーに関するそのデータをどのように入手できるかを考えてみましょう。

29
00:01:45,180 --> 00:01:51,880
そして私はちょうどこれらのルートの一つから始めるでしょう。私はキャンプグラウンドを取得した後、ここにあるキャンプグラウンドのインデックスページをやっていきます。それは素晴らしいシンプルなルートであり、たくさんのコードがこのルートにリダイレクトされるからです。

30
00:01:51,910 --> 00:01:56,910
 

31
00:01:56,910 --> 00:01:57,520
 

32
00:01:58,050 --> 00:02:01,780
そして、このすべての秘密は、ダイレクトユーザーを求めることです。

33
00:02:02,040 --> 00:02:05,210
したがって、ユーザーにすべての情報が含まれるように要求します。

34
00:02:05,220 --> 00:02:09,840
まあそれだけではなく、現在ログインしているユーザーのユーザー名とIDです。

35
00:02:09,860 --> 00:02:10,920
だから私はあなたを見せます。

36
00:02:11,100 --> 00:02:19,720
ユーザーのリクエストをログに記録してサーバーを起動し、次に更新するキャンセルをしてみましょう。

37
00:02:21,090 --> 00:02:22,310
そして我々は未定義になる。

38
00:02:22,410 --> 00:02:25,030
それは現在ログインしているユーザーがいないためです。

39
00:02:25,130 --> 00:02:26,930
したがって、ユーザーには空を要求してください。

40
00:02:26,980 --> 00:02:27,990
それは存在しません。

41
00:02:28,290 --> 00:02:35,070
しかし、一度私がログインすると、ユーザーが入力したユーザー名とパスワードだけでなく、ユーザー名とID以外のIDを要求ユーザーの中に入力するというリクエストを作成します。

42
00:02:35,110 --> 00:02:41,090
 

43
00:02:41,460 --> 00:02:52,740
だからSeverusパスワードのログインはログインをクリックしてみてください。

44
00:02:52,920 --> 00:02:55,470
私たちのテンプレートでは本当に便利になるでしょう。

45
00:02:55,530 --> 00:02:57,220
だから私はそれを今まで通り抜けるつもりです。

46
00:02:57,270 --> 00:02:58,180
それを取り除く。

47
00:02:58,350 --> 00:03:03,930
そして、キャンプ場の後に、ユーザーをリクエストするのと同じ、別の変数Akolの現在のユーザーがあります。

48
00:03:04,300 --> 00:03:05,280
 

49
00:03:05,460 --> 00:03:10,050
そしてテンプレートでは、現在のユーザが存在するかどうかをチェックする単純なロジックを書くことができます。

50
00:03:10,320 --> 00:03:15,620
そして、私たちのテンプレートでは、現在のユーザー変数を使って非常に単純なロジックを追加できます。

51
00:03:15,720 --> 00:03:18,220
だから、保存して、それを索引にしましょう。

52
00:03:18,290 --> 00:03:18,750
はい。

53
00:03:18,780 --> 00:03:22,650
キャンプ場の指標であり、まさにトップです。

54
00:03:22,800 --> 00:03:32,730
現在のユーザーをプリントアウトしてサーバーを再起動してください。

55
00:03:33,880 --> 00:03:45,720
私が今に行くと何も見えませんが、何度か何度もログインすれば現在のユーザーが表示されます。

56
00:03:45,720 --> 00:03:46,590
 

57
00:03:46,590 --> 00:03:52,320
そのデータをテンプレートに渡していますが、このインデックステンプレートの代わりに実際に使用するのではなく、実際にはナビゲーションバーテンプレートのヘッダー内で使用します。

58
00:03:52,320 --> 00:03:56,850
 

59
00:03:57,240 --> 00:04:01,750
また、テンプレートを通過する変数にアクセスできることを忘れないでください。

60
00:04:01,890 --> 00:04:03,610
Parshallの内部でさえ。

61
00:04:03,690 --> 00:04:08,650
したがって、私たちの中にはif文が追加されています。

62
00:04:08,760 --> 00:04:20,970
現在のユーザーがいない場合は、その2つのリンクを表示してから、他のユーザーにログアウトリンクを表示させ、もちろんEjazタグが必要になります。

63
00:04:20,970 --> 00:04:21,450
 

64
00:04:24,660 --> 00:04:30,380
 

65
00:04:30,540 --> 00:04:38,430
ですから、それと同じように等号はありません。

66
00:04:38,430 --> 00:04:39,250
 

67
00:04:42,550 --> 00:04:47,990
そして、私たちはほとんど完了しているので、現在のユーザー変数が空であるかどうかをチェックしています。次に、これらを表示します。

68
00:04:48,220 --> 00:04:49,950
それ以外の場合は、ログアウトリンクが表示されます。

69
00:04:50,320 --> 00:04:56,290
しかし、これは現在、少なくともこのルートスラッシュキャンプ場でのみ動作します。なぜなら、現在のユーザーは他のルートを通過していないからです。

70
00:04:56,290 --> 00:04:58,210
 

71
00:04:58,300 --> 00:05:00,140
しかし、それが機能することを確認しましょう。

72
00:05:00,310 --> 00:05:04,660
だから私はページを更新する場合は、アプリを再起動します。

73
00:05:04,750 --> 00:05:05,260
すばらしいです。

74
00:05:05,260 --> 00:05:10,130
私はログインしてサインアップするだけで、ログインしていないからです。

75
00:05:10,450 --> 00:05:16,360
ログオンをクリックすると、ヘッダーファイルがあり、現在のユーザーを使用しようとしていますが、現在のユーザーを渡していないという問題が発生します。

76
00:05:16,360 --> 00:05:19,800
 

77
00:05:19,990 --> 00:05:25,420
だから、実際には、スラッシュCapgrasを除いて現在のユーザーを通過させていないので、現在はAckbarになっているルートで発生します。

78
00:05:25,420 --> 00:05:28,930
 

79
00:05:29,500 --> 00:05:35,520
だから私たちがやりたいことは、基本的にこの行を現在のユーザーに渡すことです。

80
00:05:36,040 --> 00:05:40,750
そしてそれらの中には空白のものもあるかもしれませんが、その中にはユーザーデータがありますが、すべてのルートで利用できるようにしたいと考えています。

81
00:05:40,750 --> 00:05:41,220
 

82
00:05:41,530 --> 00:05:46,240
 

83
00:05:46,250 --> 00:05:54,070
使用後に別のアップデートを追加するだけで、ルートの前にすべてのルートと上に手作業で追加する必要がない簡単な方法があります。独自の小さなミドルウェアを追加します。

84
00:05:54,430 --> 00:05:57,650
私たちが提供する機能は、あらゆる経路で呼び出されます。

85
00:05:57,850 --> 00:06:03,420
そこで関数要求応答を与え、次の変数も必要とします。

86
00:06:04,360 --> 00:06:09,280
私たちがやりたいことは、ユーザーのリクエストをすべての単一のテンプレートに渡すことです。これを行う簡単な方法があります。

87
00:06:09,280 --> 00:06:10,180
 

88
00:06:10,260 --> 00:06:12,930
酒rez地元民。

89
00:06:13,110 --> 00:06:19,940
 

90
00:06:20,390 --> 00:06:26,230
 

91
00:06:26,230 --> 00:06:29,040
現行のユーザー要求ユーザーは、ローカルで休憩中に何を置いても、テンプレートの代わりに利用できるものがあります。そして、本当に重要なことは、すべての単一ルートで実行されるミドルウェアであるため、実際の次のコードに移動する必要があるということです。

92
00:06:29,080 --> 00:06:31,570
私たちがこれを持っていなければ、それはただ止まるでしょう。

93
00:06:31,570 --> 00:06:36,400
次に起こることはないので、ほとんどの場合、実際にルートハンドラになる次のミドルウェアに進むためには、次のものを用意する必要があります。

94
00:06:36,400 --> 00:06:39,430
 

95
00:06:40,090 --> 00:06:45,580
したがって、この再起動を試みると、サーバーはページを更新します。

96
00:06:45,580 --> 00:06:46,770
これはうまくいくはずです。

97
00:06:46,900 --> 00:06:52,150
私がログインすると、今はフォームにログがあり、エラーは出ません。

98
00:06:52,360 --> 00:06:55,330
私はログインしていないので正しいリンクが表示されます。

99
00:06:55,390 --> 00:06:57,400
 

100
00:07:00,790 --> 00:07:05,050
今度は私がs¨vresとして再度ログインすると、ログアウトがうまくいってログアウトをクリックしてみるだけです。

101
00:07:05,710 --> 00:07:06,180
驚くばかり。

102
00:07:06,190 --> 00:07:07,180
それは働いている。

103
00:07:07,210 --> 00:07:12,360
私がやりたかったのは、あなたがサインインしているときにこれをもう一度やろうということです。

104
00:07:12,810 --> 00:07:16,360
ログインしてサインアップするのではなく、ここを見たいと思っています。

105
00:07:16,370 --> 00:07:20,920
あなたはZephyrusとして現在サインインしていますが、それはかなり簡単です。

106
00:07:21,130 --> 00:07:22,290
私たちの頭の代わりにそれぞれ。

107
00:07:22,330 --> 00:07:30,010
はい、すでに現在のユーザーがいるので、現在のユーザーがいる場合は別の同盟者を追加するだけで、Allyはテキストを追加します。

108
00:07:31,360 --> 00:07:36,200
 

109
00:07:37,300 --> 00:07:41,300
サインインしましょう。

110
00:07:41,760 --> 00:07:46,050
そして、それを解釈するか、それぞれをタグとして追加します。

111
00:07:46,060 --> 00:07:54,250
現在のユーザー名のユーザー名を入力して再起動を保存し、これがどのように見えるかを見てみましょう。

112
00:07:54,250 --> 00:07:57,810
ちょっとリフレッシュする必要があるかもしれません。

113
00:07:58,000 --> 00:08:01,030
もう一度嘘をつきましょう。

114
00:08:05,860 --> 00:08:07,570
Severusとしてサインインしました。

115
00:08:07,660 --> 00:08:09,430
そして、はい、私たちはそのスタイルをしたいと思います。

116
00:08:09,430 --> 00:08:17,330
だから、他のものと同様にアンカータグにして、H

117
00:08:17,440 --> 00:08:20,970
refを与えないようにしましょう。そうすれば、あなたは指のタグを得ることができます。Atraはちょうどポンド記号と同じです。

118
00:08:21,040 --> 00:08:25,780
これは実際にはプロファイルページへのリンクであることが理にかなっているかもしれませんが、私たちは持っていません。

119
00:08:25,780 --> 00:08:30,790
しかし、私たちがプロファイルページを持っていればこれをクリックすることができ、それはあなたのプロフィールにあなたを連れて行くでしょうが、これは今のところうまくいきます。

120
00:08:30,790 --> 00:08:31,470
 

121
00:08:31,780 --> 00:08:34,070
それでログアウトすると消えるはずです。

122
00:08:34,150 --> 00:08:36,330
登録して、その仕組みを見てみましょう。

123
00:08:36,580 --> 00:08:42,000
だから私は紫色のお姉さんにサインアップし、パスワードは紫色になります。

124
00:08:42,010 --> 00:08:49,570
サインアップしてもう一度Mrs purpleとサインインしてログアウトし、すべてをダブルチェックしましょう。

125
00:08:49,790 --> 00:08:59,950
もし私が新しいコメントを追加しようとすると、私はそれにアクセスすることができますが、ログアウトすると私はそれを試してやることができません。

126
00:09:00,130 --> 00:09:01,550
それは私に最初にログインするように頼んだ。

127
00:09:01,870 --> 00:09:05,690
OK、私たちは正式にJoachimに認証を追加するという基本を持っています。

128
00:09:05,950 --> 00:09:09,660
このレッスンで見た新しいことを見てみましょう。

129
00:09:09,790 --> 00:09:18,250
 

130
00:09:18,400 --> 00:09:23,830
 

131
00:09:23,830 --> 00:09:30,400
 

132
00:09:30,400 --> 00:09:35,770
 

133
00:09:35,770 --> 00:09:41,350
 

134
00:09:41,350 --> 00:09:46,960
特にリクエストを使用してここで設定したユーザーは、誰もログインしていない場合は空になるか、現在のユーザーのIDにユーザー名が含まれていることを要求するので、この関数を呼び出すアフター・ユースを使用しています1回の折り返しですべてのルートでこれを行う必要はありませんでしたが、乾燥したりコード化したりするには良い方法です.8年後またはそれ以降に通過させるため、実際には取り除くことができますもう1つは、私たちのテンプレートでは単純なIF文を書いて、その論理を各Tに結合するということです。 M. 本当に強力です。

135
00:09:46,960 --> 00:09:48,320
これらのボタンの表示と非表示を切り替えることができます。

136
00:09:48,340 --> 00:09:50,580
現在ログインしているユーザーを表示できます。

137
00:09:50,830 --> 00:09:52,090
本当に重要なもの。

138
00:09:52,420 --> 00:09:54,900
OK、それは確かに少しマラソンだった。

139
00:09:54,910 --> 00:09:57,730
5つのセクションがありますが、それを実現させました。

140
00:09:57,760 --> 00:09:59,400
最初にユーザーモデルを作成しました。

141
00:09:59,560 --> 00:10:05,800
サインアップ登録フォームとルートを作成してからログインしてからログアウトし、最後にナビバーの作業とリンクの表示と非表示、現在ログインしているユーザーの表示を行いました。

142
00:10:05,800 --> 00:10:11,180
 

143
00:10:11,230 --> 00:10:12,520
さて、次のユニットで会いましょう