1
00:00:00,120 --> 00:00:00,500
どちらか。

2
00:00:00,510 --> 00:00:01,450
お帰りなさい。

3
00:00:01,770 --> 00:00:06,290
そこでこのレッスンでは、私たちのキャンプの使い勝手を向上させることに重点を置いています。

4
00:00:06,510 --> 00:00:12,990
現在、ユーザーにフィードバックやエラーメッセージ、成功メッセージなどを提供するのは難しいことです。

5
00:00:12,990 --> 00:00:13,710
 

6
00:00:13,920 --> 00:00:17,090
そして、災害によって私はそれが全く存在しないことを意味します。

7
00:00:17,100 --> 00:00:21,400
明らかにユーザーが見ることのできない評議会ログがあります。

8
00:00:21,480 --> 00:00:27,000
私たちは、サーバーが稼動していても他の誰もそれが見えていないここの領事館の開発者としてそれを見ています。

9
00:00:27,360 --> 00:00:31,770
だから私たちはいくつかのメッセージを追加することに焦点を当てるつもりです、そして、私はちょうどそのように見えるものをあなたに示します。

10
00:00:31,770 --> 00:00:32,370
 

11
00:00:32,460 --> 00:00:36,790
私がそれをする前に、今私はそれらについて今話す3つの主な目的があります。

12
00:00:36,990 --> 00:00:37,980
だから私はそれをデモしたい。

13
00:00:37,980 --> 00:00:44,490
まず、どのように動作するかを見てどのように見えるかを示してから、実際にconnect flashというパッケージをインストールして設定します。

14
00:00:44,580 --> 00:00:46,630
 

15
00:00:46,830 --> 00:00:53,580
だから私たちがやっていることは、フラッシュやフラッシャーに別の代名詞のフラッシュを追加して人々がそれを呼び出すことです。

16
00:00:53,580 --> 00:00:53,940
 

17
00:00:54,000 --> 00:00:56,070
他のフレームワークでは、フラッシュハッシュ。

18
00:00:56,070 --> 00:01:02,010
人々はそれをフラッシュメッセージと呼びますが、基本的には、正常にログインしたか、またはログアウトに成功したようなメッセージをユーザーに表示します。

19
00:01:02,250 --> 00:01:05,520
 

20
00:01:05,700 --> 00:01:08,310
あるいは、あなたのような何かがそれを行う許可を持っていないかもしれません。

21
00:01:08,320 --> 00:01:12,270
または、そのようなキャンプ場を追加する前にログインしてください。

22
00:01:12,390 --> 00:01:17,640
私たちは一度だけそれをユーザーに見せたいと思っており、ページ上の永続的なフィクスチャーであることを望んでいません。

23
00:01:17,700 --> 00:01:22,680
 

24
00:01:23,310 --> 00:01:30,780
私たちはそれらを1回だけフラッシュし、次のページに行くか、ユーザーがリフレッシュした後、最後にフラッシュメッセージをヘッダーに追加し、スタイルを設定するブートストラップクラスを追加します。

25
00:01:30,780 --> 00:01:31,470
 

26
00:01:31,470 --> 00:01:34,230
だから、ブートストラップを使ってやり方をする方法がいくつかあります。

27
00:01:34,350 --> 00:01:40,650
これは、ブートストラップに利用されるスタイリングがいくつか組み込まれているあらゆる種類のサイト上で、あなたのユーザーにフラッシュされるメッセージを持つような共通の機能です。

28
00:01:40,650 --> 00:01:44,100
 

29
00:01:44,250 --> 00:01:47,850
だから、私はそれがどのように見えるかを見せ始めます。

30
00:01:47,940 --> 00:01:49,530
だから私はキャンプを実行している。

31
00:01:49,610 --> 00:01:56,190
私はうまくいきます私が今すぐログアウトすると私はあなたを見せます。ログアウトするとフリーザーとしてサインインしています。私はloungyというメッセージを得て、そのメッセージテキストを変更することができます。

32
00:01:56,190 --> 00:01:59,970
 

33
00:01:59,970 --> 00:02:06,840
明らかに私がログインしていないときに新しいキャンプ場を追加しようとすると、サインインする必要があるというメッセージが表示されます。

34
00:02:06,840 --> 00:02:09,340
 

35
00:02:09,420 --> 00:02:11,070
そして、それがここに読まれていることに注目してください。

36
00:02:11,520 --> 00:02:13,420
それはブートストラップクラスです。

37
00:02:13,440 --> 00:02:18,610
私がページがなくなると新鮮になってしまうというこの警告が出ます。

38
00:02:18,690 --> 00:02:25,690
だから私が試してサインアップしようとすると、すでに存在するrestiとしてサインアップする必要があります。

39
00:02:25,950 --> 00:02:28,500
だから私は過去にそれをすることができないはずです。

40
00:02:28,500 --> 00:02:30,070
ページはちょうどリフレッシュされます。

41
00:02:30,330 --> 00:02:36,060
しかし、最終的には、指定されたユーザー名を持つユーザーが既に登録されているというメッセージが表示されます。

42
00:02:36,870 --> 00:02:37,370
OK。

43
00:02:37,470 --> 00:02:39,490
だから私は新しい誰かとしてサインアップしましょう。

44
00:02:39,690 --> 00:02:42,620
大失敗をやろう。

45
00:02:42,630 --> 00:02:50,330
私は今野菜から家電製品に移ってしまいました。メッセージの成功に成功しました。

46
00:02:50,350 --> 00:02:50,890
 

47
00:02:50,910 --> 00:02:52,330
あなたをBundに会えてよかった。

48
00:02:52,380 --> 00:02:55,130
そして私がページをリフレッシュすると、それは消え去る。

49
00:02:55,710 --> 00:03:00,560
だから、私たちはそれらのメッセージを持っている他の場所がありますが、私はあなたを見せます。

50
00:03:00,690 --> 00:03:04,050
たとえば、私が所有していないこのキャンプ場を試して編集するとします。

51
00:03:04,050 --> 00:03:05,580
Taterのトートはそれを所有しています。

52
00:03:05,580 --> 00:03:07,260
私はこのミキサーにログインしています。

53
00:03:07,770 --> 00:03:10,950
それは隠されているのでここに編集に行くためのリンクがありません。

54
00:03:11,280 --> 00:03:17,220
しかし、技術的には私はまだあなたがそれを行う許可を持っていないというメッセージが表示されたところでそれをスラッシュにすることができます。

55
00:03:17,220 --> 00:03:17,950
 

56
00:03:18,030 --> 00:03:19,710
ここで私をリダイレクトします。

57
00:03:20,070 --> 00:03:26,950
コメントがあったのと同じこと、ここにコメントがあり、それが他の人によって作成されていれば

58
00:03:27,150 --> 00:03:32,310
私が手動でそのリンクに行き、それにスラッシュを追加すると、メッセージも表示されますが、それはIDを見つけなければならないため、多くの作業です。

59
00:03:32,310 --> 00:03:34,720
 

60
00:03:34,900 --> 00:03:40,080
そして、とにかく私は今それに入ることを望んでいませんが、それはあなたがそれを行う許可を持っていないと言う、私たちが追加するのと同じビットのコードになります。

61
00:03:40,080 --> 00:03:42,030
 

62
00:03:42,060 --> 00:03:50,400
最後にログアウトして戻ってみると、新しいコメントを追加してみると同じメッセージが表示されます。

63
00:03:50,430 --> 00:03:52,030
あなたはそれを行うためにサインインしなければなりません。

64
00:03:52,050 --> 00:03:55,010
私がそれに署名していないときに私がキャンプ場を作ろうとしたのと同じように。

65
00:03:55,260 --> 00:03:55,530
OK。

66
00:03:55,530 --> 00:04:00,340
それが最終目標であり、実際にはこの作業を行うのはかなり簡単です。

67
00:04:00,360 --> 00:04:05,580
このパッケージを使用すると、もちろんパッケージを使わずに、これを行うことができます。

68
00:04:05,700 --> 00:04:07,520
正しいバージョンを開くとき。

69
00:04:07,740 --> 00:04:12,960
だから私はこのバージョン11のために新しいバージョンを作りました。

70
00:04:13,440 --> 00:04:23,470
それでvを見てみましょう。 11私はすべてをクリアしてはいを開くことができます。

71
00:04:24,610 --> 00:04:25,040
OK。

72
00:04:25,110 --> 00:04:26,210
だから私たちはここで働くだろう。

73
00:04:26,280 --> 00:04:30,390
もう一度これはV 11です。

74
00:04:30,390 --> 00:04:33,790
私が最初にやることは、使用するパッケージを示すことです。

75
00:04:33,820 --> 00:04:35,400
Kinect flashと呼ばれています。

76
00:04:35,400 --> 00:04:38,080
そこにはこれを行う他のパッケージがありました。

77
00:04:38,280 --> 00:04:45,090
あなたがget home repoを見れば、ドキュメントは実際は少し古くなっています。

78
00:04:45,510 --> 00:04:51,410
私たちは2015年の早い時期にExpressを使用しています。

79
00:04:51,930 --> 00:05:00,090
ドキュメントでは、ExpressがXを指し、3つのポイントXが次に使用されます。

80
00:05:00,180 --> 00:05:08,670
したがって、これらの手順はまったく同じではありませんが、Connectのフラッシュに戻ると、最初の外部リンクの一部が表示されます。

81
00:05:08,670 --> 00:05:15,000
 

82
00:05:15,360 --> 00:05:23,000

83
00:05:23,000 --> 00:05:29,060
K'NEXのフラッシュを使って私がすでに見たことがあるか、あるいはこれのようなものをいつも使うことができました。その後、同じリンクが得られ、チュートリアルがあります。あなたは見てみたいです。

84
00:05:29,060 --> 00:05:29,710
 

85
00:05:29,990 --> 00:05:32,910
だから早くこれをやった。

86
00:05:33,080 --> 00:05:37,450
新しいことが起こったときにコードが更新されていることを知っているとき、何かをする必要があります。

87
00:05:37,550 --> 00:05:42,620
特にExpress 4のようなもので。 物事がかなり大きく変化する0。

88
00:05:42,680 --> 00:05:48,110
Expressの一部であったものの多くは、別のパッケージとしてエクスプレスの外に移されました。

89
00:05:48,110 --> 00:05:50,280
命名と構文の一部が変更されました。

90
00:05:50,430 --> 00:05:55,640
 

91
00:05:55,640 --> 00:06:03,380
エクスプレスでExpressに追加していないことをあなたの検索に追加しようとしているときに、何かをやってみると、あなたはそれが素晴らしいチュートリアルを見つけることが多いので、

92
00:06:03,680 --> 00:06:03,850
 

93
00:06:03,880 --> 00:06:10,220
2年前の90％は同じですが、現在のExpressと比較して2年前とどのように違うのかを理解するためには、10％が本当に重要です。

94
00:06:10,220 --> 00:06:14,900
 

95
00:06:14,900 --> 00:06:15,950
大丈夫。

96
00:06:15,950 --> 00:06:19,110
ですから、まずこのパッケージをインストールしてください。

97
00:06:19,400 --> 00:06:21,070
だからそれはコネクトフラッシュと呼ばれています。

98
00:06:21,110 --> 00:06:29,260
だから私たちは、NPMインストールダッシュダッシュを保存するダッシュフラッシュを保存します。

99
00:06:31,050 --> 00:06:31,700
OK。

100
00:06:31,910 --> 00:06:37,530
これでこれが完了したので、Flashで追加します。

101
00:06:38,030 --> 00:06:45,030
私たちはちょうどそれを接続するフラッシュよりもむしろフラッシュと呼ばれる接続ダッシュフラッシュが必要です。

102
00:06:45,080 --> 00:06:52,730
我々はそこにコンマを持っていることを確認して、私たちがする必要があるのは、明示的にフラッシュを使用するようにアプリに指示することです。

103
00:06:53,360 --> 00:07:00,470
 

104
00:07:00,470 --> 00:07:09,700
そこでK'NEXのフラッシュの内容をパッケージに入れ、フラッシュ変数に保存しました。そのような変数のアプリでフラッシュを実行する必要があります。

105
00:07:09,710 --> 00:07:11,500
それで技術的には私たちがする必要があります。

106
00:07:11,510 --> 00:07:18,350
Connect

107
00:07:18,350 --> 00:07:24,920
Flashがインストールされていますが、ドキュメントを見るとセッション中にCookieパーサーで行う他の設定がありますが、既に実際に行っているところで設定しています。

108
00:07:24,920 --> 00:07:27,700
 

109
00:07:27,730 --> 00:07:31,210
あなたは明示的なセッションをどこに要求していますか？私たちは秘密を設定しています。

110
00:07:31,220 --> 00:07:36,620
そして、実際にはExpressセッションを使用するようにアプリを設定しているので、実際には心配する必要はありません。

111
00:07:36,620 --> 00:07:37,580
 

112
00:07:38,070 --> 00:07:44,710
われわれがやることは、フラッシュの内容を表示するすべてのページにあるからです。

113
00:07:44,810 --> 00:07:46,940
私たちはそこにあるメッセージを取るつもりです。

114
00:07:46,940 --> 00:07:51,360
それは良いかもしれないかもしれないか、またはそれは空であるかもしれないかもしれない悪いかもしれません、そして、私たちはページの上にそれを示して、それは私たちのヘッダーファイルで起こります。

115
00:07:52,280 --> 00:07:54,290
 

116
00:07:54,330 --> 00:07:54,710
E. J.

117
00:07:54,740 --> 00:08:01,460
 

118
00:08:01,460 --> 00:08:08,570
 

119
00:08:08,570 --> 00:08:15,650
はい、エラーや成功メッセージを表示するだけのコードがあります。エラーやメッセージが欲しい場所がある場合は、キャンプ場や私たちのキャンプ場の代わりに、ミドルウェアにログインしていて、あなたがログインしていない限り、新しいキャンプ場を追加することはできません。

120
00:08:15,740 --> 00:08:18,430
 

121
00:08:18,440 --> 00:08:26,120
私たちがミドルウェアに行って見てみると、ログインしている場合、ログインする必要があるというメッセージが表示されるか、ログインしてください。

122
00:08:26,120 --> 00:08:30,500
そのコードはここに行くでしょう。

123
00:08:30,500 --> 00:08:32,800
だから私たちがログインをスラッシュにリダイレクトする直前に、フラッシュに何かを追加するつもりです。

124
00:08:32,900 --> 00:08:38,440
だから、これは実際にドットフラッシュを要求するように見えます。

125
00:08:38,840 --> 00:08:44,860
そしてそれを鍵にすることができます。

126
00:08:45,260 --> 00:08:47,370
だから私はあなたを見せてくれるでしょう。

127
00:08:47,720 --> 00:08:50,000
 

128
00:08:50,000 --> 00:08:57,140
私たちは成功と失敗を使用しています。そのメッセージを使用して、警告メッセージが緑色か赤色かを判断します。

129
00:08:57,140 --> 00:08:59,300
その部分は今のところ問題ではありませんが、この部分はメッセージの中でどこに渡すかという問題です。

130
00:08:59,300 --> 00:09:04,200
だから、最初にログインしてください。

131
00:09:04,760 --> 00:09:09,560
これもミドルウェアに記録された内部です。

132
00:09:09,590 --> 00:09:12,470
したがって、ユーザーがログインしている場合にリクエストが認証されているかどうかを確認しています。

133
00:09:12,740 --> 00:09:16,740
それから、前に何をしていたのかを続けてください。

134
00:09:16,800 --> 00:09:19,430
しかし、スラッシュにリダイレクトする前にそうでない場合は、ログインしてください。

135
00:09:20,180 --> 00:09:24,030
はい、ログインしてスラッシュにリダイレクトするかどうか覚えておいてください。

136
00:09:24,090 --> 00:09:26,390
この行がなければ、それはちょうど行く。

137
00:09:26,390 --> 00:09:29,320
私はルートを開く必要がありますが、すぐにここにあるコードとスラッシュログオンに行くでしょう。

138
00:09:29,320 --> 00:09:35,360
それで、私たちはこのコードのフラッシュを実行するつもりですが、それを行う前にログインを表示します。

139
00:09:36,740 --> 00:09:43,960
これは基本的なものです。最初にログインしてください。それがフラッシュに追加され、次のものが表示されるまで表示されません。

140
00:09:44,120 --> 00:09:50,000
 

141
00:09:50,000 --> 00:09:53,060
 

142
00:09:53,180 --> 00:09:59,210
この場合、実際には何もレンダリングされず、ログインするだけでなく、Flashが動作する方法は、ただちに即座にフラッシュされるわけではありません。

143
00:09:59,210 --> 00:10:06,290
それは機能するだけで、次のページに表示されます。

144
00:10:06,550 --> 00:10:09,650
だからあなたはリダイレクトする前にそれを実際に行います。

145
00:10:09,650 --> 00:10:13,130
 

146
00:10:13,130 --> 00:10:18,890
したがってこの場合、最初にログインしてからスラッシュにリダイレクトしてからログとフォームにリダイレクトして、メッセージが表示されるようにしてください。

147
00:10:19,070 --> 00:10:20,690
今は表示していません。

148
00:10:20,690 --> 00:10:22,470
 

149
00:10:22,520 --> 00:10:29,570
したがって、この行を追加するだけで、次のリクエストでこれにアクセスできるようになります。

150
00:10:29,570 --> 00:10:35,510
だから私たちはすぐにそれを点滅させていません、私たちはユーザーに何も表示していない何かを見ていません。

151
00:10:35,510 --> 00:10:40,570
 

152
00:10:40,580 --> 00:10:46,190
これは、フラッシュではなく、成功ではなく、私はそれがフラッシュでこのエラーを呼び出すことがより理にかなっていると言います。次のリクエストのためにまずログインしてから、スラッシュログオンにリダイレクトしてください。

153
00:10:46,190 --> 00:10:54,900
それではログオン時にこれを処理しなければなりません。ここでログオンします。

154
00:10:55,820 --> 00:11:02,610
だから私はメッセージのようなものをすることができます。

155
00:11:02,990 --> 00:11:06,790
 

156
00:11:07,340 --> 00:11:14,660
 

157
00:11:14,660 --> 00:11:23,540
そして、もちろん、私はちょうど私達がちょうど私たちのテンプレートにそれを表示することができますので、ヒューズログインの内側にスラッシュログインすることができますそれを混乱させるメッセージがある場合は、

158
00:11:23,780 --> 00:11:24,330
はい、まさにトップです。ちょうどそのようなメッセージを表示するH-1を持つことができます。

159
00:11:24,540 --> 00:11:31,900
非常に新しいものはありません。

160
00:11:31,940 --> 00:11:33,650
だから私はちょうど今のように見えるものをあなたに示します。

161
00:11:33,650 --> 00:11:37,140
サーバーを立ち上げてスラッシュにリダイレクトしてログインすると、毎回このエラーメッセージが表示されます。

162
00:11:37,190 --> 00:11:44,920
あなたはそれを台無しにした。

163
00:11:44,960 --> 00:11:46,060
 

164
00:11:46,250 --> 00:11:52,310
あなたがこの時点で期待していたことが分かるように、私たちがログインするたびにハードコードしたので、あなたはそれを混乱させるのを見ます。

165
00:11:52,310 --> 00:11:55,570
 

166
00:11:56,080 --> 00:12:04,180
それでは、フラッシュを使って、私たちができることは、メッセージがフラッシュの要求と等しいと言うだけで、フラッシュでエラーを行うことができます。

167
00:12:04,250 --> 00:12:06,370
だからちょっと混乱します。

168
00:12:06,740 --> 00:12:09,110
 

169
00:12:09,530 --> 00:12:15,320
しかし、基本的には、私がページをリフレッシュしてサーバーを再起動し、フラッシュにエラーが発生しないようにリフレッシュすれば、今考えています。

170
00:12:15,320 --> 00:12:16,980
実際には何も見ません。

171
00:12:17,090 --> 00:12:19,120
 

172
00:12:20,000 --> 00:12:28,160
 

173
00:12:28,160 --> 00:12:33,470
 

174
00:12:33,470 --> 00:12:38,870
しかし、このコードをここで実行すると、このミドルウェアが呼び出された場所にログインする必要がある場所にアクセスしようとしているときに、このコードをフラッシュに追加するということが起こります値のキーエラーが最初にログインしてからログインしてください。

175
00:12:38,870 --> 00:12:39,310
 

176
00:12:39,440 --> 00:12:47,540
それから、スラッシュログオンの内部では、接続する必要のある多くのものがあり、少し紛らわしいことですが、フラッシュエラーのメッセージ要求のキーの下で送信しています。

177
00:12:47,540 --> 00:12:51,230
しかし、私は今あなたを見せてあげましょう。

178
00:12:51,350 --> 00:12:53,370
だから私は再起動します。

179
00:12:53,690 --> 00:12:54,740
私は実際には今度はそれをする必要はありませんでしたが、私たちは何も見ません。

180
00:12:54,740 --> 00:12:58,550
私がキャンプ場に行き、私がログインしていなくても新しいキャンプ場を追加しようとしましょう。

181
00:12:58,550 --> 00:13:05,140
そして今、私はその前にはなかったログインしてください、そして私がページをリフレッシュすると、それは消えていくというメッセージを受け取ります。

182
00:13:05,630 --> 00:13:10,640
 

183
00:13:10,640 --> 00:13:12,330
Flashを使用して達成できるものの、本当にシンプルなバージョンです。

184
00:13:12,530 --> 00:13:16,740
 

185
00:13:16,910 --> 00:13:21,530
だから次のビデオでは、すべての異なるメッセージとスタイリングでこれを実装する前に、

186
00:13:21,530 --> 00:13:22,500
どのようにこれが再び機能するかを要約しましょう。

187
00:13:22,700 --> 00:13:24,860
 

188
00:13:24,920 --> 00:13:30,350
ですから、成功メッセージであれエラーメッセージであれ、メッセージを表示したいときはいつでも、ここでこの行を使用します。

189
00:13:30,350 --> 00:13:33,500
リクエストをフラッシュします。

190
00:13:33,650 --> 00:13:34,730
そして、リダイレクトする前に、キーと値を渡します。

191
00:13:34,760 --> 00:13:38,630
私たちがリダイレクトした後にこの行を置くことは本当に重要です。

192
00:13:38,630 --> 00:13:41,450
それは動作しません。

193
00:13:41,450 --> 00:13:42,680
 

194
00:13:43,130 --> 00:13:47,940
したがって、リダイレクトする前に、それをテンプレートで処理しなければならず、リダイレクトする前にいくつかのデータを追加することができます。

195
00:13:47,950 --> 00:13:53,630
それは次のルートになります。

196
00:13:53,630 --> 00:13:55,300
そして、そのデータは、そのルートへのすべての単一の要求に存続しません。

197
00:13:55,460 --> 00:13:59,030
それは一度のことです。

198
00:13:59,030 --> 00:14:00,140
これがFlashと呼ばれる理由です。

199
00:14:00,410 --> 00:14:01,860
OK。

200
00:14:02,060 --> 00:14:02,560
 

201
00:14:02,660 --> 00:14:06,860
そこで次のビデオでは、これを実際に実装する方法を説明します。実際にこれを行う必要はありません。

202
00:14:06,860 --> 00:14:08,550
 

203
00:14:08,600 --> 00:14:14,060
 

204
00:14:14,060 --> 00:14:17,930
私たちが赤と緑を入れたいならば、私たちは赤と緑のメッセージを持つことができるブートストラップでスタイルをうまく考えることができるすべてのテンプレートにメッセージを渡します。

205
00:14:17,930 --> 00:14:18,810
OK。

206
00:14:18,970 --> 00:14:19,180
それは次のビデオにあります。

207
00:14:19,190 --> 00:14:20,370
を参照してください

208
00:14:20,390 --> 00:14:20,800