Zarówno.
Witamy spowrotem.
Więc w tej lekcji skupiamy się na poprawie użyteczności naszego obozu.
Teraz jest to rodzaj katastrofy miarę udzielanie informacji zwrotnej lub błędów wiadomości lub wiadomości sukces naszych użytkowników.
I katastrofy po prostu znaczy, że nie istnieje w ogóle.
Mamy dziennik rady co oczywiście nasi użytkownicy nie mogą zobaczyć.
Widzimy go jako twórcy w naszym konsulem tu, gdzie serwery są uruchomione, ale nikt inny nie widzi tego.
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ę.
Zanim ja, że ​​mamy trzy główne cele, ja po prostu mówić o nich teraz.
Więc chcę tego demo.
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.
Więc co robimy jest dodanie w technologii Flash lub rzutowego błysk jej różnych zaimków i ludzie nazywają.
W innych ram hash błysku.
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.
A może coś takiego nie masz uprawnień do tego.
Lub Zaloguj się przed dodaniem campingu coś takiego.
Chcemy pokazać użytkownikowi tylko raz i nie ma to być stałym elementem na stronie.
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.
Więc jest jakiś wbudowany sposobów robienia rzeczy z bootstrap.
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ć.
Więc zacznę pokazując, jak to będzie wyglądać.
Więc muszę biegać obozie.
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.
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ć.
I zauważ, że to przeczytać tutaj.
Więc to jest bootstrap klasy.
Ten alert, że mamy gdybym świeże strona odchodzi.
Więc teraz, gdy próbuję i zarejestrować się muszę powiedzieć, że zarejestrować się jako Resti który już istnieje.
Więc nie powinno być w stanie to zrobić w przeszłości.
Strona po prostu odświeżyć.
Ale co my skończy się to przesłanie, które mówi, że użytkownik o podanej nazwie użytkownika jest już zarejestrowany.
OK.
Więc pozwól mi zarejestrować się jako kogoś nowego.
Spróbujmy zrobić gafę.
Mam teraz przeniósł się najwyraźniej z warzyw do urządzeń gospodarstwa domowego i uzyskać sukces wiadomość pomyślnym zalogowaniu się.
Miło cię poznać bunder.
A gdybym odświeżyć stronę odchodzi.
Tak więc istnieją inne miejsca, które mamy te wiadomości, ale to ci pokażę.
Na przykład, jeśli spróbuję i edytować ten kemping, że nie posiadam.
tater jest jej właścicielem.
Jestem zalogowany na tym blenderze.
Nie mam link, aby przejść do edycji tutaj, ponieważ jest to ukryty.
Ale technicznie wciąż może iść ciąć na to, gdzie teraz się komunikat, że nie masz uprawnień do tego.
Przekierowuje mnie tu z powrotem.
Tak samo z komentarzami gdybym Gdyby istniał komentarz tutaj i to zostało stworzone przez kogoś innego.
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.
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.
A potem wreszcie jeśli zrobię wylogować i wracam i staram się dodawać nowe komentarze dostaję ten sam komunikat.
Musisz się zalogować, aby to zrobić.
Podobnie jak w przypadku starałem się stworzyć campingu, kiedy nie było go podpisał.
OK.
Więc to jest ostatecznym celem i jest to faktycznie dość łatwe dla nas do tej pracy.
Korzystanie z tego pakietu możemy to zrobić bez pakietu oczywiście, co moglibyśmy zrobić coś takiego.
Kiedy otwierają się poprawną wersję.
Więc zrobiłem nową wersję tego v 11, że będę pracujących wewnątrz.
Zobaczmy więc, w p. 11 i niech mi jasną wszystko i otworzyć się tak.
OK.
Więc będziemy tu pracować.
Znowu jest to V 11 tylko w przypadku jesteś po wzdłuż.
Pierwszą rzeczą, którą zrobię to pokazać opakowanie mamy zamiar używać.
Tak to się nazywa Kinect błysku.
Były też inne pakiety, które obecnie nie to zrobić.
Jeśli przyjrzeć domu get repo dokumentacja jest rzeczywiście nieco nieaktualne.
Używamy ekspresowe, za które wyszły wcześniej w 2015 roku.
Docs mówić o Express punkt X i trzy punkt X Jesteśmy na kolejnego chociaż.
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ć.
Więc zrobiłem tego wcześniej.
Coś trzeba zrobić wiele, gdy wiesz, że kod jest aktualizowany, gdy nowe rzeczy wychodzą.
Szczególnie z czymś Express 4.0, gdzie rzeczy dość istotnym zmianom.
Wiele rzeczy, które kiedyś być częścią Express, zostały przeniesione z Express jako oddzielnych opakowaniach.
Niektóre z nazw i składni zmieniło.
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.
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.
W porządku.
Więc pierwszą rzeczą, którą chcesz zrobić, to zainstalować ten pakiet.
Tak to się nazywa connect błysku.
Dlatego chcemy zainstalować NPM kreska kreska kreska zapisać podłączenia lampy błyskowej.
OK.
Teraz, kiedy jest to robione tutaj musimy po prostu dodać w programie Flash.
Będziemy po prostu nazwać migać zamiast łączyć równi Flash wymaga connect kreska lampy błyskowej.
Upewnij się, że mamy przecinek tam, to co musimy zrobić, to powiedzieć, wyrazić poinformować aplikację do korzystania Flash.
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.
Tak więc technicznie to wszystko, co musimy zrobić.
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.
Gdzie jesteś wymaga wyraźnej sesji i jesteśmy utworzenia tajemnicy.
I tak w rzeczywistości nie trzeba się martwić o to, ponieważ mamy już utworzyły naszą aplikację do korzystania sesji Express.
OK, więc co zrobimy to na każdej stronie mamy zamiar pokazać zawartość flash.
Mamy zamiar zabrać się komunikat, że jest w środku.
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.
E.J ..
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.
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ę.
Tak, że kod będzie udać się tutaj.
Więc tuż przed przekierowanie ciąć Zaloguj mamy zamiar dodać coś do lampy błyskowej.
Tak, że wygląda tak jak to faktycznie poprosić dot lampy błyskowej.
I wtedy możemy dać mu klucz.
Więc w pewnym momencie to ci pokażę.
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.
Tak więc ta część nie ma znaczenia, ale na razie ta część ma znaczenia, gdzie mamy zamiar przekazać do wiadomości.
Tak więc możemy zrobić coś takiego proszę się najpierw zalogować.
Znowu jest to wewnątrz jest zalogowany Middleware.
Więc to sprawdzenie, czy wniosek został uwierzytelniony jeśli użytkownicy zalogowany.
Potem wracamy do tego, co robiłeś wcześniej.
Ale jeśli to nie jest przypadek, zanim przekierować ciąć Zaloguj.
Tak pamiętam, czy możemy przekierować ciąć Zaloguj.
Bez tej linii to po prostu zbyt długa.
Muszę otworzyć drogę, ale będzie go prawa do kodu and slash logowania, która jest tutaj.
Więc to sprawia, że ​​zalogowaniu się przed nami, że choć mamy zamiar uruchomić ten kod lampy błyskowej.
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.
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.
Jest on jedynie działa, czy pokazuje się na następnej stronie.
Więc rzeczywiście to zrobić przed przekierować.
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.
W tej chwili nie są wyświetlane, że chociaż.
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.
Więc my nie miga od razu, że nie widzisz niczego nie jesteśmy pokazując coś użytkownika.
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.
Tak więc musimy sobie z tym poradzić w logowaniu, która jest tu slash zalogować.
Więc mogę zrobić coś takiego przekazać w komunikacie.
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.
Tak tylko na samej górze może po prostu mieć H-1, który wyświetlany komunikat ot tak.
Nic bardzo nowy.
Więc ja po prostu pokazać, co to wygląda teraz.
Uruchom serwer przekierowanie ciąć się zalogować i dostaję ten komunikat każdy błąd czasu.
Ty go zawiedli.
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.
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.
Więc jest to trochę mylące.
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.
Więc właściwie nic nie widać.
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ć.
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.
Ale niech mi tylko pokazać ci teraz.
Więc ponownie uruchomiony.
I rzeczywiście nie musiał robić tego czasu, ale nie widzimy nic.
Teraz pozwolę sobie przejść do campingów i spróbować dodać nowy campingu, chociaż nie jestem zalogowany.
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.
Więc to jest bardzo prosta wersja tego, co możemy osiągnąć stosując Flash.
Więc zanim przejdziemy do następnego filmu do realizacji tego ze wszystkimi różnych komunikatów i stylizacji.
Miejmy tylko podsumować, jak to działa ponownie.
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.
Zapytanie błysku.
A potem mijamy się klucza i wartości, a możemy to zrobić zanim przekierować.
To naprawdę ważne, jeśli mogę umieścić ten wiersz po przekierowaniu.
To nie zadziała.
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ć.
To sprawia, że ​​do kolejnej trasy.
Oraz, że dane nie będą utrzymywać się na każdym pojedynczym wniosku w tej trasie.
Więc jest to sprawa jednorazowa.
I dlatego to się nazywa Flash.
OK.
Tak więc w następnym filmie mam zamiar pokazać, jak faktycznie zaimplementować to na poważnie, gdzie nie musimy tego robić.
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.
OK.
Więc to w następnym filmie.