1
00:00:00,450 --> 00:00:01,380
Witamy spowrotem.

2
00:00:01,470 --> 00:00:10,190
W tym filmie mamy zamiar skupić się na pasek NAF wyświetlanie linków prawidłowo, więc jeśli nie jesteś zalogowany tylko widzisz zalogować i zarejestrować się.

3
00:00:10,260 --> 00:00:17,010
Ale kiedy jesteś zalogowany widać tylko wylogować, a następnie możemy również wyświetlać trochę komunikat, że jesteś zalogowany jako.

4
00:00:17,160 --> 00:00:21,620
A następnie nazwę użytkownika podpisana w kilku podpisany w pozostałej jeść cokolwiek to jest.

5
00:00:21,640 --> 00:00:32,620
Początkowo miał to wszystko na koniec części wideo i zacząłem przesuwać go do osobnego filmu, aby mogli spędzić trochę więcej czasu wchodząc szczegółowo i wyjaśniając, jak niektórzy to działa.

6
00:00:32,640 --> 00:00:33,720
Więc zacznijmy.

7
00:00:33,810 --> 00:00:35,790
I co mam zamiar zrobić, to otworzyć Hetter.

8
00:00:35,970 --> 00:00:36,860
Tak.

9
00:00:37,110 --> 00:00:42,510
A oto trzy linie, które są odpowiedzialne za te trzy linki tutaj.

10
00:00:42,510 --> 00:00:47,270
Zaloguj się Zarejestruj się Zaloguj się, aby ukryć i pokazać je w odpowiedni sposób.

11
00:00:47,280 --> 00:00:49,940
Musimy dodać kilka prostych EJ owskiej logiki.

12
00:00:50,460 --> 00:00:53,120
Musimy if, który wygląda mniej więcej tak.

13
00:00:53,130 --> 00:00:54,630
Jest to po prostu pseudo kod.

14
00:00:54,630 --> 00:01:06,210
Ale jeśli żaden użytkownik, a następnie pojawi się zalogować i zarejestrować się, a następnie jeszcze pokaże belkę z linku.

15
00:01:06,210 --> 00:01:08,100
Teraz oczywiście to nie jest prawdziwe JavaScript.

16
00:01:08,220 --> 00:01:09,320
Musimy nad tym popracować.

17
00:01:09,450 --> 00:01:28,090
Ale co zrobimy jest przekazać zmienną podobnie jak zrobiliśmy tutaj, gdzie jesteśmy przekazując campingu lub robimy to na czas tutaj repassing campingu znowu wyjątkiem zamierzamy przekazać obiekt użytkownika, a użytkownik będzie zawierają informacje na temat zalogowanego użytkownika lub jeżeli nie ma zalogowanego użytkownika.

18
00:01:28,100 --> 00:01:32,960
To będzie pusta niezdefiniowane i możemy użyć tej zmiennej użytkownika zamiast naszego szablonu.

19
00:01:33,150 --> 00:01:34,490
Więc jeśli jest niezdefiniowany.

20
00:01:34,740 --> 00:01:36,850
Będziemy sprawdzać, czy użytkownik jest niezdefiniowany.

21
00:01:36,960 --> 00:01:40,800
Pokaż je w inny sposób wykazać dziennik w link.

22
00:01:40,800 --> 00:01:45,080
Więc zacznijmy od zastanawianie się, w jaki sposób możemy uzyskać te dane o użytkowniku.

23
00:01:45,180 --> 00:01:57,520
A ja po prostu zacząć na jednej z tych dróg i zrobię stronę indeksu camping, który jest tu po dostaję slash camping, ponieważ jest to miły prosta droga i dużo naszego kodu przekierowuje z powrotem do tej trasy.

24
00:01:58,050 --> 00:02:01,780
A kluczem do tego wszystkiego jest ważną częścią żądania bezpośredniego użytkownika.

25
00:02:02,040 --> 00:02:05,210
Tak więc wnioskować, że użytkownik będzie zawierać wszystkie informacje.

26
00:02:05,220 --> 00:02:09,840
No nie wszystkie z nich, ale nazwy użytkownika i ID aktualnie zalogowanego użytkownika.

27
00:02:09,860 --> 00:02:10,920
Więc to ci pokażę.

28
00:02:11,100 --> 00:02:19,720
Miejmy tylko zrobić anulować że żądania dziennika na użytkownika i uruchomić serwer i wtedy pójdę odświeżania.

29
00:02:21,090 --> 00:02:22,310
I mamy nieokreślone.

30
00:02:22,410 --> 00:02:25,030
A to dlatego, że nie ma aktualnie zalogowanego użytkownika.

31
00:02:25,130 --> 00:02:26,930
Tak więc wnioskować, że użytkownicy pusty.

32
00:02:26,980 --> 00:02:27,990
Nie istnieje.

33
00:02:28,290 --> 00:02:41,090
Ale wtedy po zalogowaniu się w tym, co paszport będzie zrobić, to stworzyć wnioski, że dane wprowadzone przez użytkownika dane użytkownika tylko nazwa użytkownika i hasło nie id albo coś, ale nazwy użytkownika i ID wewnątrz żądanie użytkownika.

34
00:02:41,460 --> 00:02:52,740
Więc zalogowaniu hasło Severusa kliknij zalogować Chodźmy spojrzeć widać to teraz poprosić użytkownika.

35
00:02:52,920 --> 00:02:55,470
To będzie bardzo przydatne dla nas w naszych szablonów.

36
00:02:55,530 --> 00:02:57,220
Więc mam zamiar przejść długą teraz.

37
00:02:57,270 --> 00:02:58,180
Pozbądź się tego.

38
00:02:58,350 --> 00:03:05,280
A potem po campingów musimy po prostu innej zmiennej aktualny Akol użytkownika, który jest równy żądanie użytkownika.

39
00:03:05,460 --> 00:03:10,050
A potem w naszym szablonie możemy napisać jakąś prostą logikę, która sprawdza, czy jest bieżący użytkownik.

40
00:03:10,320 --> 00:03:15,620
A potem w naszym szablonie możemy dodać trochę bardzo prostą logikę przy użyciu bieżącej zmiennej użytkownika.

41
00:03:15,720 --> 00:03:18,220
Warto więc zapisać i chodźmy do tego indeksu.

42
00:03:18,290 --> 00:03:18,750
Tak.

43
00:03:18,780 --> 00:03:22,650
Który jest indeksem campingów i po prostu na samym szczycie.

44
00:03:22,800 --> 00:03:32,730
Miejmy tylko dodać trochę H za to po prostu wydrukować bieżącego użytkownika i niech to restart serwera.

45
00:03:33,880 --> 00:03:46,590
A jeśli pójdę teraz nie widzimy niczego, ale jeśli mogę się zalogować w kilku znowu i znowu widzę teraz bieżącego użytkownika.

46
00:03:46,590 --> 00:03:56,850
Więc my teraz przechodząc do tych danych za pośrednictwem naszego szablonu, ale zamiast używać go zamiast tego indeksu szablonu rzeczywiście chcesz go używać wewnątrz szablonu pasku nawigacyjnym nagłówku.

47
00:03:57,240 --> 00:04:01,750
I pamiętaj, mamy dostęp do wszystkich zmiennych, które przechodzą przez naszego szablonu.

48
00:04:01,890 --> 00:04:03,610
Nawet wewnątrz Parshall jest.

49
00:04:03,690 --> 00:04:08,650
Więc wewnątrz każdej z nas mamy zamiar dodać if i to właśnie wygląda.

50
00:04:08,760 --> 00:04:30,380
Jeśli nie ma bieżący użytkownik nie moglibyśmy po prostu, że następnie wyświetlić te dwa linki i wtedy będziemy mieli nasz inny wyświetlacz belkę link i wtedy oczywiście musimy nasze tagów Ejaz.

51
00:04:30,540 --> 00:04:38,430
Więc zróbmy że żadne znaki równości tak po prostu.

52
00:04:38,430 --> 00:04:47,990
A my prawie gotowy, więc sprawdzamy czy aktualna zmienna użytkownika jest pusta wtedy mamy zamiar pokazać je.

53
00:04:48,220 --> 00:04:49,950
W przeciwnym razie pokażemy link wylogowania.

54
00:04:50,320 --> 00:04:58,210
Ale to działa tylko w tej chwili przynajmniej w tej ukośnymi Trasa campingów, ponieważ nie jesteśmy przechodzącej przez bieżącego użytkownika na innych trasach.

55
00:04:58,300 --> 00:05:00,140
Ale niech tylko upewnić się, że działa.

56
00:05:00,310 --> 00:05:04,660
Więc będę ponownie uruchomić aplikację gdybym odśwież stronę.

57
00:05:04,750 --> 00:05:05,260
Wspaniały.

58
00:05:05,260 --> 00:05:10,130
Widzę tylko zalogować i zarejestrować się, a to dlatego, że nie jestem zalogowany.

59
00:05:10,450 --> 00:05:19,800
Teraz, jeśli kliknę logowaniu będziemy mieć problem, który jest, że mamy plik nagłówka i próbuje użyć bieżącego użytkownika ale nie przechodzą przez bieżącego użytkownika.

60
00:05:19,990 --> 00:05:28,930
Więc rzeczywiście nastąpi to na każdej trasie, która ma obecnie Ackbara, ponieważ nie jesteśmy przechodzącej przez bieżącego użytkownika wyjątkiem slash Capgrasa.

61
00:05:29,500 --> 00:05:35,740
Więc to, co chcemy zrobić, to przejść przez bieżącego użytkownika zasadzie tej linii tutaj na każdej trasie.

62
00:05:36,040 --> 00:05:41,220
A w niektórych z nich może być pusta niektóre z nich będą miały dane użytkownika, ale chcemy, dostępny na każdej trasie.

63
00:05:41,530 --> 00:05:54,210
I jest to prosty sposób na osiągnięcie tego, gdzie nie trzeba ręcznie dodane do każdej trasy i do góry, zanim nasze drogi po prostu dodać w innym użytku aktualizacja po użyciu i dodamy nasze własne małe middleware.

64
00:05:54,430 --> 00:05:57,650
Niezależnie od funkcji dostarczamy do niego zostanie wywołana przy każdej trasie.

65
00:05:57,850 --> 00:06:03,420
Więc mamy zamiar dać mu odpowiedź żądania funkcji i musimy, że następnym zmienną również.

66
00:06:04,360 --> 00:06:10,180
A to, co chcemy zrobić, to zwrócić się wprost, że użytkownik do każdego szablonu i jest łatwym sposobem na osiągnięcie tego celu.

67
00:06:10,260 --> 00:06:12,930
Miejscowi Sake rez.

68
00:06:13,110 --> 00:06:29,040
Obecny wniosek Użytkownik Użytkownik cokolwiek umieścić w spoczynku na poziomie lokalnym jest tym, co jest dostępne, zamiast naszego szablonu, a następnie z drugiej strony bardzo ważne jest to, czego potrzebujesz, aby przejść do rzeczywistego następnego kodu, ponieważ jest to oprogramowanie pośredniczące, które będą działać dla każdej trasy.

69
00:06:29,080 --> 00:06:31,570
Jeśli nie mamy tego w przyszłym będzie to po prostu zatrzymać.

70
00:06:31,570 --> 00:06:39,430
Nic się nie wydarzy, więc musimy mieć następnego, aby przejść do tego następnego middleware które faktycznie będą handler Trasa w większości przypadków.

71
00:06:40,090 --> 00:06:45,580
Więc teraz, jeśli spróbujemy to restart serwera odśwież stronę.

72
00:06:45,580 --> 00:06:46,770
To powinno działać dobrze.

73
00:06:46,900 --> 00:06:52,150
Jeśli pójdę do logowania Mam teraz dziennik w formie, a ja nie dostaję błąd.

74
00:06:52,360 --> 00:06:55,330
I widzę poprawnych linków, bo nie jestem zalogowany.

75
00:06:55,390 --> 00:07:05,050
Teraz, gdy loguję się jako sèvres znów widzę tylko zalogować się świetnie i kliknij na wylogować.

76
00:07:05,710 --> 00:07:06,180
Niesamowite.

77
00:07:06,190 --> 00:07:07,180
Tak to działa.

78
00:07:07,210 --> 00:07:12,360
Ostatnią rzeczą jaką chciałem zrobić, to, że gdy jesteś zalogowany zróbmy to jeszcze raz.

79
00:07:12,810 --> 00:07:16,360
Chcesz zobaczyć tutaj zamiast zalogować i zarejestrować się.

80
00:07:16,370 --> 00:07:20,920
Chcesz zobaczyć obecnie zalogowany jako Zephyrus i to dość łatwe do zrobienia.

81
00:07:21,130 --> 00:07:22,290
Zamiast nasz czele każdego z nich.

82
00:07:22,330 --> 00:07:36,200
Tak już mamy bieżącego użytkownika, więc jeśli jest bieżący użytkownik w tym jeszcze musimy po prostu dodać kolejny sojusznik i że Ally po prostu włożyć w tekście.

83
00:07:37,300 --> 00:07:41,300
Zróbmy zalogowany jako.

84
00:07:41,760 --> 00:07:46,050
A potem po prostu interpretować lub dodamy się ze sobą jako znaczniki.

85
00:07:46,060 --> 00:07:54,250
Aktualny nazwę użytkownika dot użytkownika i zapisać restart i zobaczmy jak to wygląda.

86
00:07:54,250 --> 00:07:57,810
Może trzeba go trochę odświeżania stylu.

87
00:07:58,000 --> 00:08:01,030
Niech leżą ponownie.

88
00:08:05,860 --> 00:08:07,570
Zalogowany jako Severusa.

89
00:08:07,660 --> 00:08:09,430
I tak chcemy projektować to.

90
00:08:09,430 --> 00:08:20,970
Więc zróbmy to znacznik kotwicy jak inne i nie będzie po prostu dać mu ref H, dzięki czemu można uzyskać tag palec Atra wynosi tylko znak funta.

91
00:08:21,040 --> 00:08:25,780
To może mieć sens do tego, aby rzeczywiście być link do strony profilu choć których nie mamy.

92
00:08:25,780 --> 00:08:31,470
Ale gdybyśmy mieli profilu strony można kliknąć to i to przeniesie Cię do swojego profilu, ale to jest w porządku, na razie.

93
00:08:31,780 --> 00:08:34,070
Tak będzie zalogować się, że powinien odejść.

94
00:08:34,150 --> 00:08:36,330
Spróbujmy rejestracji i zobaczyć jak to działa.

95
00:08:36,580 --> 00:08:42,000
Więc mogę się zarejestrować jako pani fioletowy i hasło będzie fioletowy.

96
00:08:42,010 --> 00:08:49,730
Zarejestruj się i ponownie się podpisał się jako pani fioletowy i możemy się wylogować i niech po prostu dokładnie sprawdzić wszystko.

97
00:08:49,790 --> 00:09:00,120
Że jeśli próbuję dodać nowy komentarz mam do niego dostęp, ale jeśli się wylogować i staram się tego zrobić nie mogę.

98
00:09:00,130 --> 00:09:01,550
Zwróciła mi się najpierw zalogować.

99
00:09:01,870 --> 00:09:05,690
OK, więc jesteśmy oficjalnie zrobione z podstawami dodanie auth Joachim.

100
00:09:05,950 --> 00:09:09,660
Weźmy chwilę na przejrzenie nowych rzeczy, które widzieliśmy w tej lekcji.

101
00:09:09,790 --> 00:09:46,960
W szczególności wniosek za pomocą którego użytkownik w prawo ustawiamy tutaj zażądać użytkownik będzie albo pusta, jeśli nikt nie podpisał się lub będzie zawierać nazwę użytkownika w identyfikator bieżącego użytkownika, więc używamy after użytkowania, które będzie wywoływać tę funkcję każdy okład więc jest to dobry sposób, aby wysychają lub kod, gdzie nie trzeba iść i zrobić to na każdej trasie i rzeczywiście możemy się go pozbyć, ponieważ teraz jesteśmy przepuszczenie go przez użyciem lub po 8 latach, a następnie Inną rzeczą jest to, że w naszym szablonie jesteśmy po prostu pisząc prosty if i łączenie tej logiki z każdym TM może być naprawdę potężny.

102
00:09:46,960 --> 00:09:48,320
Możemy pokazać i ukryć te przyciski.

103
00:09:48,340 --> 00:09:50,580
Możemy pokazać, kto jest aktualnie zalogowany.

104
00:09:50,830 --> 00:09:52,090
Naprawdę ważne rzeczy.

105
00:09:52,420 --> 00:09:54,900
OK, więc to było trochę maratonu pewno.

106
00:09:54,910 --> 00:09:57,730
Pięć różnych odcinków, ale mamy go do pracy.

107
00:09:57,760 --> 00:09:59,400
Stworzyliśmy pierwsze modele użytkowników.

108
00:09:59,560 --> 00:10:11,180
My stworzyliśmy Zarejestruj się formularze rejestracyjne i tras, a następnie zalogować się, a następnie zalogować się i wreszcie my pracowaliśmy na pasku nawigacyjnym i pokazywanie i ukrywanie i wyświetlanie linków aktualnie zalogowanego użytkownika.