1
00:00:00,120 --> 00:00:00,500
Zarówno.

2
00:00:00,510 --> 00:00:01,450
Witamy spowrotem.

3
00:00:01,770 --> 00:00:06,290
Więc w tej lekcji skupiamy się na poprawie użyteczności naszego obozu.

4
00:00:06,510 --> 00:00:13,710
Teraz jest to rodzaj katastrofy miarę udzielanie informacji zwrotnej lub błędów wiadomości lub wiadomości sukces naszych użytkowników.

5
00:00:13,920 --> 00:00:17,090
I katastrofy po prostu znaczy, że nie istnieje w ogóle.

6
00:00:17,100 --> 00:00:21,400
Mamy dziennik rady co oczywiście nasi użytkownicy nie mogą zobaczyć.

7
00:00:21,480 --> 00:00:27,000
Widzimy go jako twórcy w naszym konsulem tu, gdzie serwery są uruchomione, ale nikt inny nie widzi tego.

8
00:00:27,360 --> 00:00:32,370
Więc mamy zamiar skupić się na dodanie kilku wiadomości i pokażę ci, co wygląda na to, że w ciągu zaledwie chwilę.

9
00:00:32,460 --> 00:00:36,790
Zanim ja, że ​​mamy trzy główne cele, ja po prostu mówić o nich teraz.

10
00:00:36,990 --> 00:00:37,980
Więc chcę tego demo.

11
00:00:37,980 --> 00:00:46,630
Po pierwsze pokazać, czego się spodziewać, jak to będzie wyglądać, jak zachowuje się wtedy będziemy właściwie zainstalować i skonfigurować pakiet o nazwie connect błysku.

12
00:00:46,830 --> 00:00:53,940
Więc co robimy jest dodanie w technologii Flash lub rzutowego błysk jej różnych zaimków i ludzie nazywają.

13
00:00:54,000 --> 00:00:56,070
W innych ram hash błysku.

14
00:00:56,070 --> 00:01:05,520
Ludzie nazywają go Wiadomości bezpośrednie, ale przede wszystkim chodzi o to, mamy zamiar pokazać wiadomość do użytkownika, jak pomyślnie zalogowany lub pomyślnie wylogowany.

15
00:01:05,700 --> 00:01:08,310
A może coś takiego nie masz uprawnień do tego.

16
00:01:08,320 --> 00:01:12,270
Lub Zaloguj się przed dodaniem campingu coś takiego.

17
00:01:12,390 --> 00:01:17,640
Chcemy pokazać użytkownikowi tylko raz i nie ma to być stałym elementem na stronie.

18
00:01:17,700 --> 00:01:31,470
Chcemy po prostu migać im to raz, a potem odchodzi na następnej stronie lub odświeżeniu strony użytkownika, a ostatnią rzeczą jest dodanie w naszych wiadomościach błyskowych do nagłówka i dodać w niektórych klasach bootstrap, który styl.

19
00:01:31,470 --> 00:01:34,230
Więc jest jakiś wbudowany sposobów robienia rzeczy z bootstrap.

20
00:01:34,350 --> 00:01:44,100
To jest taka wspólna cecha mieć wiadomości, które są błysnął do użytkownika na różnego rodzaju witryn, które zostały niektóre Bootstrap zbudowany w stylizacji na to, że będzie wykorzystać.

21
00:01:44,250 --> 00:01:47,850
Więc zacznę pokazując, jak to będzie wyglądać.

22
00:01:47,940 --> 00:01:49,530
Więc muszę biegać obozie.

23
00:01:49,610 --> 00:01:59,970
Niech mi dobrze, pokażę wam, gdybym po prostu wylogować się teraz więc jestem zalogowany jako zamrażarce gdybym wylogować dostaję komunikat, że loungy się możemy zmienić ten tekst wiadomości.

24
00:01:59,970 --> 00:02:09,340
Oczywiście gdybym spróbować i dodać nowy campingu teraz gdy nie jestem zalogowany teraz powinien otrzymać komunikat, że musisz się zalogować, aby to zrobić.

25
00:02:09,420 --> 00:02:11,070
I zauważ, że to przeczytać tutaj.

26
00:02:11,520 --> 00:02:13,420
Więc to jest bootstrap klasy.

27
00:02:13,440 --> 00:02:18,610
Ten alert, że mamy gdybym świeże strona odchodzi.

28
00:02:18,690 --> 00:02:25,690
Więc teraz, gdy próbuję i zarejestrować się muszę powiedzieć, że zarejestrować się jako Resti który już istnieje.

29
00:02:25,950 --> 00:02:28,500
Więc nie powinno być w stanie to zrobić w przeszłości.

30
00:02:28,500 --> 00:02:30,070
Strona po prostu odświeżyć.

31
00:02:30,330 --> 00:02:36,470
Ale co my skończy się to przesłanie, które mówi, że użytkownik o podanej nazwie użytkownika jest już zarejestrowany.

32
00:02:36,870 --> 00:02:37,370
OK.

33
00:02:37,470 --> 00:02:39,490
Więc pozwól mi zarejestrować się jako kogoś nowego.

34
00:02:39,690 --> 00:02:42,620
Spróbujmy zrobić gafę.

35
00:02:42,630 --> 00:02:50,890
Mam teraz przeniósł się najwyraźniej z warzyw do urządzeń gospodarstwa domowego i uzyskać sukces wiadomość pomyślnym zalogowaniu się.

36
00:02:50,910 --> 00:02:52,330
Miło cię poznać bunder.

37
00:02:52,380 --> 00:02:55,130
A gdybym odświeżyć stronę odchodzi.

38
00:02:55,710 --> 00:03:00,560
Tak więc istnieją inne miejsca, które mamy te wiadomości, ale to ci pokażę.

39
00:03:00,690 --> 00:03:04,050
Na przykład, jeśli spróbuję i edytować ten kemping, że nie posiadam.

40
00:03:04,050 --> 00:03:05,580
tater jest jej właścicielem.

41
00:03:05,580 --> 00:03:07,260
Jestem zalogowany na tym blenderze.

42
00:03:07,770 --> 00:03:10,950
Nie mam link, aby przejść do edycji tutaj, ponieważ jest to ukryty.

43
00:03:11,280 --> 00:03:17,950
Ale technicznie wciąż może iść ciąć na to, gdzie teraz się komunikat, że nie masz uprawnień do tego.

44
00:03:18,030 --> 00:03:19,710
Przekierowuje mnie tu z powrotem.

45
00:03:20,070 --> 00:03:26,950
Tak samo z komentarzami gdybym Gdyby istniał komentarz tutaj i to zostało stworzone przez kogoś innego.

46
00:03:27,150 --> 00:03:34,720
Jeśli ręcznie poszedł do tego łącza i dodano ukośnik na nią wtedy widzę też wiadomość, ale to dużo pracy, ponieważ musimy znaleźć identyfikator.

47
00:03:34,900 --> 00:03:42,030
A poza tym nie chcę iść do niego, ale teraz będzie to ten sam kawałek kodu, który możemy dodać, że powie, że nie ma uprawnień do tego.

48
00:03:42,060 --> 00:03:50,420
A potem wreszcie jeśli zrobię wylogować i wracam i staram się dodawać nowe komentarze dostaję ten sam komunikat.

49
00:03:50,430 --> 00:03:52,030
Musisz się zalogować, aby to zrobić.

50
00:03:52,050 --> 00:03:55,010
Podobnie jak w przypadku starałem się stworzyć campingu, kiedy nie było go podpisał.

51
00:03:55,260 --> 00:03:55,530
OK.

52
00:03:55,530 --> 00:04:00,340
Więc to jest ostatecznym celem i jest to faktycznie dość łatwe dla nas do tej pracy.

53
00:04:00,360 --> 00:04:05,580
Korzystanie z tego pakietu możemy to zrobić bez pakietu oczywiście, co moglibyśmy zrobić coś takiego.

54
00:04:05,700 --> 00:04:07,520
Kiedy otwierają się poprawną wersję.

55
00:04:07,740 --> 00:04:12,960
Więc zrobiłem nową wersję tego v 11, że będę pracujących wewnątrz.

56
00:04:13,440 --> 00:04:23,470
Zobaczmy więc, w p. 11 i niech mi jasną wszystko i otworzyć się tak.

57
00:04:24,610 --> 00:04:25,040
OK.

58
00:04:25,110 --> 00:04:26,210
Więc będziemy tu pracować.

59
00:04:26,280 --> 00:04:30,390
Znowu jest to V 11 tylko w przypadku jesteś po wzdłuż.

60
00:04:30,390 --> 00:04:33,790
Pierwszą rzeczą, którą zrobię to pokazać opakowanie mamy zamiar używać.

61
00:04:33,820 --> 00:04:35,400
Tak to się nazywa Kinect błysku.

62
00:04:35,400 --> 00:04:38,080
Były też inne pakiety, które obecnie nie to zrobić.

63
00:04:38,280 --> 00:04:45,090
Jeśli przyjrzeć domu get repo dokumentacja jest rzeczywiście nieco nieaktualne.

64
00:04:45,510 --> 00:04:51,410
Używamy ekspresowe, za które wyszły wcześniej w 2015 roku.

65
00:04:51,930 --> 00:05:00,090
Docs mówić o Express punkt X i trzy punkt X Jesteśmy na kolejnego chociaż.

66
00:05:00,180 --> 00:05:29,710
Więc te instrukcje nie są dokładnie takie same, chociaż jeśli wrócisz do podłączenia lampy błyskowej zobaczysz jedne z pierwszych linków zewnętrznych są wyrażone 4,00 skonfigurowane K'Nex lampą błyskową, która już przyjrzał się lub zawsze można użyć czegoś jak to wyraził na potem i widać mamy ten sam link i istnieją tutoriale tutaj istnieje przepełnienie stosu post o tym, jeśli chcesz spojrzeć.

67
00:05:29,990 --> 00:05:32,910
Więc zrobiłem tego wcześniej.

68
00:05:33,080 --> 00:05:37,450
Coś trzeba zrobić wiele, gdy wiesz, że kod jest aktualizowany, gdy nowe rzeczy wychodzą.

69
00:05:37,550 --> 00:05:42,620
Szczególnie z czymś Express 4.0, gdzie rzeczy dość istotnym zmianom.

70
00:05:42,680 --> 00:05:48,110
Wiele rzeczy, które kiedyś być częścią Express, zostały przeniesione z Express jako oddzielnych opakowaniach.

71
00:05:48,110 --> 00:05:50,280
Niektóre z nazw i składni zmieniło.

72
00:05:50,430 --> 00:06:03,850
Dlatego zawsze mówię, że to coś po prostu zrobić wiele, gdy starasz się zrobić coś, czego jeszcze nie zrobił w Express Dodaj Ekspresowe dla do poszukiwań, ponieważ często znajdziesz wspaniałe tutoriale do niego.

73
00:06:03,880 --> 00:06:14,900
Dwa lata temu, które nadal są 90 procent to samo, ale że 10 procent to bardzo ważne, aby zrozumieć, w jaki sposób różni się od wiesz, dwa lata temu, w porównaniu z obecnym Express.

74
00:06:14,900 --> 00:06:15,950
W porządku.

75
00:06:15,950 --> 00:06:19,110
Więc pierwszą rzeczą, którą chcesz zrobić, to zainstalować ten pakiet.

76
00:06:19,400 --> 00:06:21,070
Tak to się nazywa connect błysku.

77
00:06:21,110 --> 00:06:29,260
Dlatego chcemy zainstalować NPM kreska kreska kreska zapisać podłączenia lampy błyskowej.

78
00:06:31,050 --> 00:06:31,700
OK.

79
00:06:31,910 --> 00:06:37,530
Teraz, kiedy jest to robione tutaj musimy po prostu dodać w programie Flash.

80
00:06:38,030 --> 00:06:45,030
Będziemy po prostu nazwać migać zamiast łączyć równi Flash wymaga connect kreska lampy błyskowej.

81
00:06:45,080 --> 00:06:53,320
Upewnij się, że mamy przecinek tam, to co musimy zrobić, to powiedzieć, wyrazić poinformować aplikację do korzystania Flash.

82
00:06:53,360 --> 00:07:09,700
Więc wzięliśmy zawartość K'Nex błyskową, że opakowanie i zapisywane do zmiennej lampy błyskowej, a my potrzebujemy do wykonania tej zmiennej app używać lampy błyskowej tak po prostu.

83
00:07:09,710 --> 00:07:11,500
Tak więc technicznie to wszystko, co musimy zrobić.

84
00:07:11,510 --> 00:07:27,700
Teraz mamy zainstalowany Połącz Flash, a jeśli mamy wrócić i przyjrzeć docs jest jakaś inna konfiguracja, że ​​robią tu z parsera cookies w sesji, ale tak naprawdę już, że ustanowiony w którym mamy już robi nasze.

85
00:07:27,730 --> 00:07:31,210
Gdzie jesteś wymaga wyraźnej sesji i jesteśmy utworzenia tajemnicy.

86
00:07:31,220 --> 00:07:37,580
I tak w rzeczywistości nie trzeba się martwić o to, ponieważ mamy już utworzyły naszą aplikację do korzystania sesji Express.

87
00:07:38,070 --> 00:07:44,710
OK, więc co zrobimy to na każdej stronie mamy zamiar pokazać zawartość flash.

88
00:07:44,810 --> 00:07:46,940
Mamy zamiar zabrać się komunikat, że jest w środku.

89
00:07:46,940 --> 00:07:54,290
To może być dobre lub złe może być może być pusty i mamy zamiar pokazać go na górze strony i że będzie się działo w naszym pliku nagłówka.

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

91
00:07:54,740 --> 00:08:18,430
Tak będziemy mieć jakiś kod, który po prostu wyświetla błąd lub komunikat o powodzeniu, a następnie wszystko, co zrobimy jest gdy wystąpi błąd lub miejsce chcemy wiadomość tak instancją, która może być zamiast zróbmy i kempingów zamiast naszych campingów bośmy to jest zalogowany Middleware, gdzie nie można dodać nowego campingu chyba jesteś zalogowany.

92
00:08:18,440 --> 00:08:30,500
Gdybyśmy jeśli pójdziemy do tego pośredniczącego i przyjrzymy się zalogować może chcemy mieć komunikat, że musisz być zalogowany, aby to zrobić albo Zaloguj się.

93
00:08:30,500 --> 00:08:32,800
Tak, że kod będzie udać się tutaj.

94
00:08:32,900 --> 00:08:38,440
Więc tuż przed przekierowanie ciąć Zaloguj mamy zamiar dodać coś do lampy błyskowej.

95
00:08:38,840 --> 00:08:44,860
Tak, że wygląda tak jak to faktycznie poprosić dot lampy błyskowej.

96
00:08:45,260 --> 00:08:47,370
I wtedy możemy dać mu klucz.

97
00:08:47,720 --> 00:08:50,000
Więc w pewnym momencie to ci pokażę.

98
00:08:50,000 --> 00:08:59,300
Będziemy używać sukcesów i błędów, a my po prostu używać, aby określić, czy komunikat ostrzeżenia powinny być zielone lub czerwone.

99
00:08:59,300 --> 00:09:04,550
Tak więc ta część nie ma znaczenia, ale na razie ta część ma znaczenia, gdzie mamy zamiar przekazać do wiadomości.

100
00:09:04,760 --> 00:09:09,560
Tak więc możemy zrobić coś takiego proszę się najpierw zalogować.

101
00:09:09,590 --> 00:09:12,470
Znowu jest to wewnątrz jest zalogowany Middleware.

102
00:09:12,740 --> 00:09:16,740
Więc to sprawdzenie, czy wniosek został uwierzytelniony jeśli użytkownicy zalogowany.

103
00:09:16,800 --> 00:09:19,430
Potem wracamy do tego, co robiłeś wcześniej.

104
00:09:20,180 --> 00:09:24,030
Ale jeśli to nie jest przypadek, zanim przekierować ciąć Zaloguj.

105
00:09:24,090 --> 00:09:26,390
Tak pamiętam, czy możemy przekierować ciąć Zaloguj.

106
00:09:26,390 --> 00:09:29,320
Bez tej linii to po prostu zbyt długa.

107
00:09:29,320 --> 00:09:36,740
Muszę otworzyć drogę, ale będzie go prawa do kodu and slash logowania, która jest tutaj.

108
00:09:36,740 --> 00:09:43,960
Więc to sprawia, że ​​zalogowaniu się przed nami, że choć mamy zamiar uruchomić ten kod lampy błyskowej.

109
00:09:44,120 --> 00:09:53,060
A co to będzie zrobić, to po prostu wziąć Proszę się najpierw zalogować i doda go do lampy błyskowej i nie będzie wyświetlany aż do następnej rzeczy, które widzimy.

110
00:09:53,180 --> 00:10:06,540
Więc w tym przypadku faktycznie nie czynią nic po prostu przekierowuje nas do slash zalogować i sposób, w jaki działa Flash jest naprawdę ładne, że nie jest to po prostu będzie migać się od razu, natychmiast.

111
00:10:06,550 --> 00:10:09,650
Jest on jedynie działa, czy pokazuje się na następnej stronie.

112
00:10:09,650 --> 00:10:13,130
Więc rzeczywiście to zrobić przed przekierować.

113
00:10:13,130 --> 00:10:20,690
Więc w tym przypadku należy się najpierw zalogować, a następnie przekierować ciąć zalogować, a następnie w dzienniku i tworzą my mamy nadzieję zobaczyć komunikat.

114
00:10:20,690 --> 00:10:22,470
W tej chwili nie są wyświetlane, że chociaż.

115
00:10:22,520 --> 00:10:35,510
Więc jeszcze raz po prostu powtórzyć po prostu dodając linia ta nie będzie coś dla nas wszystkich, że robi to daje nam możliwość daje nam sposób dostępu to na następne żądanie wyświetlenia.

116
00:10:35,510 --> 00:10:40,570
Więc my nie miga od razu, że nie widzisz niczego nie jesteśmy pokazując coś użytkownika.

117
00:10:40,580 --> 00:10:55,320
Wszystko to robi to mówi w lampę błyskową i zamiast sukcesu myślę, że więcej sensu nazywać tego błędu w dodatku Flash musisz się najpierw zalogować do kolejnego wniosku, a potem przekierować ciąć logowania.

118
00:10:55,820 --> 00:11:02,610
Tak więc musimy sobie z tym poradzić w logowaniu, która jest tu slash zalogować.

119
00:11:02,990 --> 00:11:06,790
Więc mogę zrobić coś takiego przekazać w komunikacie.

120
00:11:07,340 --> 00:11:24,330
I oczywiście wszystko, co mogę po prostu pokazać to, aby rozpocząć tak, jeśli tylko mają być komunikat o błędzie zawiedli go tak po prostu moglibyśmy po prostu wyświetlić, że na naszym szablonie tak slash zalogować, który jest wewnątrz bezpiecznika w dzienniku.

121
00:11:24,540 --> 00:11:31,900
Tak tylko na samej górze może po prostu mieć H-1, który wyświetlany komunikat ot tak.

122
00:11:31,940 --> 00:11:33,650
Nic bardzo nowy.

123
00:11:33,650 --> 00:11:37,140
Więc ja po prostu pokazać, co to wygląda teraz.

124
00:11:37,190 --> 00:11:44,920
Uruchom serwer przekierowanie ciąć się zalogować i dostaję ten komunikat każdy błąd czasu.

125
00:11:44,960 --> 00:11:46,060
Ty go zawiedli.

126
00:11:46,250 --> 00:11:55,570
Jak widać, co jest z nadzieją, czego oczekuje się w tym momencie, bo sztywno go za każdym razem idziemy ciąć Zaloguj się widzimy Cię zawiedli go.

127
00:11:56,080 --> 00:12:06,370
OK, więc przy użyciu lampy błyskowej, co możemy zrobić, to teraz powiedzieć wiadomość jest równa wniosek błyskową i możemy po prostu zrobić błędu w pamięci flash.

128
00:12:06,740 --> 00:12:09,110
Więc jest to trochę mylące.

129
00:12:09,530 --> 00:12:16,980
Ale przede wszystkim chodzi o to teraz, jeśli tylko odświeżyć stronę restart serwera i odświeżenie nie powinno być błąd w pamięci flash.

130
00:12:17,090 --> 00:12:19,120
Więc właściwie nic nie widać.

131
00:12:20,000 --> 00:12:39,310
Ale jeśli robimy ten kod uruchomić WUP ten kod tutaj i tak jak my, że próbuje uzyskać dostęp do czegoś, gdzie musimy być zalogowany gdzie ten middleware nazywa to co się stanie, jest to, że jesteśmy dodając do błysku w ramach kluczem błędu o wartości zaloguj się pierwszy wtedy będziemy ciąć zalogować.

132
00:12:39,440 --> 00:12:51,230
Następnie wewnątrz ukośnik logowania wysyłamy pod kluczem komunikat żądania do błędu typu flash, który jest wiele rzeczy, które mają być połączone i jest to trochę mylące ponownie.

133
00:12:51,350 --> 00:12:53,370
Ale niech mi tylko pokazać ci teraz.

134
00:12:53,690 --> 00:12:54,740
Więc ponownie uruchomiony.

135
00:12:54,740 --> 00:12:58,550
I rzeczywiście nie musiał robić tego czasu, ale nie widzimy nic.

136
00:12:58,550 --> 00:13:05,140
Teraz pozwolę sobie przejść do campingów i spróbować dodać nowy campingu, chociaż nie jestem zalogowany.

137
00:13:05,630 --> 00:13:12,330
A teraz mam to przesłanie, które mówi, musisz się najpierw zalogować, który nie był tam wcześniej i gdybym odświeżyć stronę odchodzi.

138
00:13:12,530 --> 00:13:16,740
Więc to jest bardzo prosta wersja tego, co możemy osiągnąć stosując Flash.

139
00:13:16,910 --> 00:13:22,500
Więc zanim przejdziemy do następnego filmu do realizacji tego ze wszystkimi różnych komunikatów i stylizacji.

140
00:13:22,700 --> 00:13:24,860
Miejmy tylko podsumować, jak to działa ponownie.

141
00:13:24,920 --> 00:13:33,500
Jeśli więc chcemy, aby wyświetlić komunikat, czy jest to sukces lub komunikat o błędzie cokolwiek to jest, że będziemy korzystać z tej linii jest tutaj.

142
00:13:33,650 --> 00:13:34,730
Zapytanie błysku.

143
00:13:34,760 --> 00:13:38,630
A potem mijamy się klucza i wartości, a możemy to zrobić zanim przekierować.

144
00:13:38,630 --> 00:13:41,450
To naprawdę ważne, jeśli mogę umieścić ten wiersz po przekierowaniu.

145
00:13:41,450 --> 00:13:42,680
To nie zadziała.

146
00:13:43,130 --> 00:13:53,630
Więc zanim przekierować, a następnie trzeba jeszcze poradzić w szablonie się do niego i trasę obsługiwać wszystko, co daje Ci to możliwość dodawania pewnych danych sprzed przekierować.

147
00:13:53,630 --> 00:13:55,300
To sprawia, że ​​do kolejnej trasy.

148
00:13:55,460 --> 00:13:59,030
Oraz, że dane nie będą utrzymywać się na każdym pojedynczym wniosku w tej trasie.

149
00:13:59,030 --> 00:14:00,140
Więc jest to sprawa jednorazowa.

150
00:14:00,410 --> 00:14:01,860
I dlatego to się nazywa Flash.

151
00:14:02,060 --> 00:14:02,560
OK.

152
00:14:02,660 --> 00:14:08,550
Tak więc w następnym filmie mam zamiar pokazać, jak faktycznie zaimplementować to na poważnie, gdzie nie musimy tego robić.

153
00:14:08,600 --> 00:14:18,810
Mijając go wiadomość do każdego szablonu, w którym możemy stylu myśli przyjemnie z bootstrap, gdzie możemy mieć czerwone i zielone wiadomości możemy mieć różne kolory, jeśli chcemy umieścić na czerwono i zielono są standardowymi.

154
00:14:18,970 --> 00:14:19,180
OK.

155
00:14:19,190 --> 00:14:20,370
Więc to w następnym filmie.