1
00:00:00,450 --> 00:00:01,380
다시 오신 것을 환영합니다.

2
00:00:01,470 --> 00:00:10,190
이 비디오에서는 NAF 바를 올바르게 표시하여 로그인하지 않은 상태에서 로그인 및 가입 만 볼 수 있도록하는 방법을 중점적으로 다룰 것입니다.

3
00:00:10,260 --> 00:00:17,010
그러나 로그인 할 때 로그 아웃 만 표시되면 로그인 한 작은 메시지를 표시 할 수 있습니다.

4
00:00:17,160 --> 00:00:21,620
그런 다음 서명 된 여러 사용자가 서명 한 사용자 이름은 무엇이든간에 먹습니다.

5
00:00:21,640 --> 00:00:32,620
처음에는 비디오를위한 파트의 끝 부분에이 모든 작업이 있었기 때문에 비디오를 별도의 비디오로 옮기기 시작 했으므로 약간의 시간을 들여이 중 일부가 어떻게 작동하는지 설명 할 수있었습니다.

6
00:00:32,640 --> 00:00:33,720
시작하겠습니다.

7
00:00:33,810 --> 00:00:35,790
그리고 내가 할 일은 헤터를 열어주는 것입니다.

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

9
00:00:37,110 --> 00:00:42,510
여기에 세 개의 링크를 담당하는 세 줄이 있습니다.

10
00:00:42,510 --> 00:00:47,270
로그인을 적절히 표시하고 숨기려면 로그인 로그 아웃하십시오.

11
00:00:47,280 --> 00:00:49,940
우리는 간단한 E.J. esque 논리.

12
00:00:50,460 --> 00:00:53,120
다음과 같은 if 문이 있습니다.

13
00:00:53,130 --> 00:00:54,630
이것은 단지 의사 코드입니다.

14
00:00:54,630 --> 00:01:06,210
그러나 사용자가 로그인을 표시하고 등록하지 않으면 로그 아웃 링크가 표시됩니다.

15
00:01:06,210 --> 00:01:08,100
지금 당연히 이것은 진짜 자바 스크립트가 아닙니다.

16
00:01:08,220 --> 00:01:09,320
우리는 그것에 대해 연구해야 할 것입니다.

17
00:01:09,450 --> 00:01:28,090
하지만 우리가 할 일은 변수를 전달하는 것입니다. 여기서 우리가 캠프 그라운드를 지나가거나, 캠프 그라운드를 다시 지나가는 동안 우리는 사용자 객체를 전달할 것입니다. 로그인 한 사용자에 대한 정보가 있거나 로그인 한 사용자가없는 경우.

18
00:01:28,100 --> 00:01:32,960
그것은 정의되지 않은 비어있을 것이고 우리는 템플릿 대신에 그 사용자 변수를 사용할 수 있습니다.

19
00:01:33,150 --> 00:01:34,490
그래서 그것이 정의되지 않았다면.

20
00:01:34,740 --> 00:01:36,850
사용자가 정의되지 않았는지 확인합니다.

21
00:01:36,960 --> 00:01:40,800
그렇지 않으면 링크에 로그를 표시하십시오.

22
00:01:40,800 --> 00:01:45,080
먼저 사용자에 대한 데이터를 얻을 수있는 방법을 알아내는 것으로 시작하겠습니다.

23
00:01:45,180 --> 00:01:57,520
그리고 나는이 루트 중 하나에서 시작하겠습니다. 멋진 캠프장을 얻은 후 캠프장 인덱스 페이지를 작성하겠습니다.이 코드는 멋진 루트이고 많은 코드가이 경로로 리디렉션됩니다.

24
00:01:58,050 --> 00:02:01,780
그리고이 모든 것의 중요한 부분은 직접적인 사용자 요청입니다.

25
00:02:02,040 --> 00:02:05,210
따라서 사용자에게 모든 정보가 포함되도록 요청하십시오.

26
00:02:05,220 --> 00:02:09,840
모든 정보가 아니라 현재 로그인 한 사용자의 사용자 이름과 ID입니다.

27
00:02:09,860 --> 00:02:10,920
그래서 내가 보여줄거야.

28
00:02:11,100 --> 00:02:19,720
사용자가 요청을 로그하고 서버를 시작한 다음 서버를 새로 고칩니다.

29
00:02:21,090 --> 00:02:22,310
그리고 우리는 정의되지 않습니다.

30
00:02:22,410 --> 00:02:25,030
현재 로그인 한 사용자가 없기 때문입니다.

31
00:02:25,130 --> 00:02:26,930
그래서 사용자들에게 비어있는 것을 요청하십시오.

32
00:02:26,980 --> 00:02:27,990
그것은 존재하지 않습니다.

33
00:02:28,290 --> 00:02:41,090
그러나 일단 내가 로그인하면 여권은 사용자가 사용자 이름과 ID가 아닌 사용자 데이터를 입력하는 요청을 생성하는 것입니다. 비밀번호가 아니거나 요청 사용자의 사용자 이름과 ID뿐입니다.

34
00:02:41,460 --> 00:02:52,740
그래서 로그인 Severus 비밀 번호를 클릭 로그인 이제 당신이 볼 수있는 보러 가자 사용자가 요청합니다.

35
00:02:52,920 --> 00:02:55,470
우리의 템플릿에서 정말 유용 할 것입니다.

36
00:02:55,530 --> 00:02:57,220
그래서 나는 그것을 지금 통과시킬 것입니다.

37
00:02:57,270 --> 00:02:58,180
그걸 없애 버려.

38
00:02:58,350 --> 00:03:05,280
그리고 캠프장 후에 우리는 요청 사용자와 동등한 또 다른 변수 인 Akol 현재 사용자를 갖게됩니다.

39
00:03:05,460 --> 00:03:10,050
그리고 우리의 템플릿에서 현재 사용자가 있는지 확인하는 간단한 논리를 작성할 수 있습니다.

40
00:03:10,320 --> 00:03:15,620
그런 다음 템플릿에서 현재 사용자 변수를 사용하여 매우 간단한 논리를 추가 할 수 있습니다.

41
00:03:15,720 --> 00:03:18,220
이제 저장하고 색인을 생성하겠습니다.

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

43
00:03:18,780 --> 00:03:22,650
캠프장 지수는 바로 맨 위에 있습니다.

44
00:03:22,800 --> 00:03:32,730
그냥 현재 사용자를 출력하고 서버를 다시 시작하자.

45
00:03:33,880 --> 00:03:46,590
그리고 내가 지금 간다면 우리는 아무 것도 볼 수 없지만 여러 번 로그인하면 몇 번이고 다시 현재 사용자를 볼 수 있습니다.

46
00:03:46,590 --> 00:03:56,850
이제 우리는이 데이터를 우리의 템플릿으로 전달할 것입니다. 그러나이 인덱스 템플릿 대신에 이것을 사용하는 대신 실제로 탐색 바 템플릿의 헤더 안에 사용하고 싶습니다.

47
00:03:57,240 --> 00:04:01,750
템플릿을 통과하는 변수에 액세스 할 수 있음을 기억하십시오.

48
00:04:01,890 --> 00:04:03,610
파샬의 내부조차도.

49
00:04:03,690 --> 00:04:08,650
그래서 우리는 각각의 if 문을 추가 할 것이고 단지 이것처럼 보일 것입니다.

50
00:04:08,760 --> 00:04:30,380
현재 사용자가 없으면 우리는 그 두 개의 링크를 표시하고 나머지는 로그 아웃 링크를 표시 한 다음 Ejaz 태그가 필요합니다.

51
00:04:30,540 --> 00:04:38,430
그러니 그처럼 평등 한 징후는 없습니다.

52
00:04:38,430 --> 00:04:47,990
이제 거의 완료되었으므로 현재 사용자 변수가 비어 있는지 확인한 다음이를 표시합니다.

53
00:04:48,220 --> 00:04:49,950
그렇지 않으면 로그 아웃 링크가 표시됩니다.

54
00:04:50,320 --> 00:04:58,210
그러나 이것은 다른 루트에서 현재 사용자를 통과시키지 않으므로 적어도이 루트 슬래시 캠프장에서만 작동합니다.

55
00:04:58,300 --> 00:05:00,140
하지만 제대로 작동하는지 확인해 봅시다.

56
00:05:00,310 --> 00:05:04,660
따라서 페이지를 새로 고침하면 앱이 다시 시작됩니다.

57
00:05:04,750 --> 00:05:05,260
큰.

58
00:05:05,260 --> 00:05:10,130
로그인 만하고 가입해야하는데 로그인하지 않았기 때문입니다.

59
00:05:10,450 --> 00:05:19,800
이제 로그온을 클릭하면 헤더 파일이 있고 현재 사용자를 사용하려고하지만 현재 사용자를 전달하지 못하는 문제가 발생합니다.

60
00:05:19,990 --> 00:05:28,930
그래서 실제로 슬래시 캡 글라스를 제외하고 현재 사용자를 통과시키지 않기 때문에 현재 Ackbar 인 모든 경로에서이 작업이 수행됩니다.

61
00:05:29,500 --> 00:05:35,740
그래서 우리가하고 싶은 것은 기본적으로 현재의 모든 사용자에게이 경로를 통해 현재 사용자를 전달하는 것입니다.

62
00:05:36,040 --> 00:05:41,220
그리고 그 중 일부는 비어있을 수 있지만 일부는 사용자 데이터를 가지지 만 모든 경로에서 사용할 수 있기를 원합니다.

63
00:05:41,530 --> 00:05:54,210
사용 후 다른 업데이트 사용을 추가하기 위해 모든 경로와 위쪽 경로에 수동으로 추가 할 필요가없는 쉬운 방법이 있습니다. 우리는 우리 자신의 작은 미들웨어를 추가 할 것입니다.

64
00:05:54,430 --> 00:05:57,650
우리가 제공하는 모든 기능이 모든 경로에서 호출됩니다.

65
00:05:57,850 --> 00:06:03,420
그래서 함수 요청 응답을 주려고하고 다음 변수도 필요합니다.

66
00:06:04,360 --> 00:06:10,180
우리가하고 싶은 일은 사용자에게 모든 단일 템플릿에 대한 요청을 전달하는 것이고, 그렇게하는 쉬운 방법이 있습니다.

67
00:06:10,260 --> 00:06:12,930
Sake rez 지방 주민.

68
00:06:13,110 --> 00:06:29,040
현재 사용자 요청 사용자는 우리가 놔둔 것이 무엇 이건간에 우리가 템플릿 대신 사용할 수있는 것입니다. 그리고 나서 다른 모든 중요한 경로는 모든 단일 경로에 대해 실행되는 미들웨어이기 때문에 실제 다음 코드로 이동해야합니다.

69
00:06:29,080 --> 00:06:31,570
우리가 이것을 가지고 있지 않으면 멈출 것입니다.

70
00:06:31,570 --> 00:06:39,430
다음에 아무 것도 일어나지 않으므로 대부분의 경우 실제로 경로 처리기가 될 다음 미들웨어로 이동하기 위해 다음을 가질 필요가 없습니다.

71
00:06:40,090 --> 00:06:45,580
이제 서버를 다시 시작하면 서버가 페이지를 새로 고칩니다.

72
00:06:45,580 --> 00:06:46,770
이것은 잘 작동합니다.

73
00:06:46,900 --> 00:06:52,150
로그인하면 양식이 로그되며 오류가 발생하지 않습니다.

74
00:06:52,360 --> 00:06:55,330
그리고 내가 로그인하지 않았기 때문에 올바른 링크를 볼 수 있습니다.

75
00:06:55,390 --> 00:07:05,050
이제 내가 sœvres로 다시 로그인하면 로그 아웃이 잘되고 로그 아웃을 시도합니다.

76
00:07:05,710 --> 00:07:06,180
굉장해.

77
00:07:06,190 --> 00:07:07,180
그래서 효과가 있습니다.

78
00:07:07,210 --> 00:07:12,360
내가하고 싶었던 마지막 일은 당신이 로그인 할 때 한 번 더 해봅시다.

79
00:07:12,810 --> 00:07:16,360
로그인하고 가입하는 대신 여기에서 확인하고 싶습니다.

80
00:07:16,370 --> 00:07:20,920
현재 Zephyrus로 로그인했음을보고 싶습니다. 매우 쉽게 할 수 있습니다.

81
00:07:21,130 --> 00:07:22,290
우리의 향한 각각 대신에.

82
00:07:22,330 --> 00:07:36,200
예, 우리는 이미 현재 사용자가 있으므로 다른 사용자가 있다면 다른 동맹자를 추가하고 동맹자가 텍스트를 추가합니다.

83
00:07:37,300 --> 00:07:41,300
로그인 해 보겠습니다.

84
00:07:41,760 --> 00:07:46,050
그리고 우리는 해석하거나 각각을 태그로 추가합니다.

85
00:07:46,060 --> 00:07:54,250
현재 사용자 도트 사용자 이름을 저장하고 다시 시작한 다음 어떻게 보이는지 봅시다.

86
00:07:54,250 --> 00:07:57,810
우리는 그것을 약간 새로 고쳐야 할 수도 있습니다.

87
00:07:58,000 --> 00:08:01,030
다시 거짓말합시다.

88
00:08:05,860 --> 00:08:07,570
세 베루스로 로그인했습니다.

89
00:08:07,660 --> 00:08:09,430
그리고 우리는 그것을 스타일링하고 싶습니다.

90
00:08:09,430 --> 00:08:20,970
그래서 그것을 다른 것들처럼 앵커 태그로 만들자. 그리고 우리는 단지 H ref를주지 않을 것이다. 그래서 당신은 손가락 태그 Atra를 얻을 수있다. 단지 파운드 기호와 같다.

91
00:08:21,040 --> 00:08:25,780
이것이 실제로 우리가 가지고 있지 않은 프로필 페이지에 대한 링크가되는 것은 의미가 있습니다.

92
00:08:25,780 --> 00:08:31,470
그러나 프로필 페이지가 있다면 이것을 클릭하면 프로필로 이동하게되지만 지금은 괜찮습니다.

93
00:08:31,780 --> 00:08:34,070
따라서 로그 아웃하면 사라질 것입니다.

94
00:08:34,150 --> 00:08:36,330
등록을 시도하고 어떻게 작동하는지 봅시다.

95
00:08:36,580 --> 00:08:42,000
그래서 나는 보라색 부인으로 가입 할 것이고 비밀 번호는 자주색이 될 것이다.

96
00:08:42,010 --> 00:08:49,730
가입하고 다시 보라색으로 로그인하면 로그 아웃하고 모든 것을 두 번 확인해 보겠습니다.

97
00:08:49,790 --> 00:09:00,120
제가 새로운 코멘트를 추가하려고하면 액세스 할 수 있지만 로그 아웃하면 시도하고 할 수 없습니다.

98
00:09:00,130 --> 00:09:01,550
먼저 로그인하라고했습니다.

99
00:09:01,870 --> 00:09:05,690
그렇기 때문에 Joachim에게 인증을 추가하는 기본 사항을 공식적으로 완료했습니다.

100
00:09:05,950 --> 00:09:09,660
이번 레슨에서 보았던 새로운 것들을 잠깐 살펴 보겠습니다.

101
00:09:09,790 --> 00:09:46,960
특히 우리가 여기에 설정 한 사용자는 아무도 로그인하지 않았다면 사용자가 비어 있거나 현재 사용자의 ID에 사용자 이름을 포함하도록 요청합니다. 그래서 우리는이 함수를 호출 할 애프터 사용을 사용하고 있습니다. 모든 포장을 마칠 수있는 좋은 방법입니다. 건조하거나 코딩 할 필요가없는 모든 경로이므로 모든 경로에서이 작업을 수행해야합니다. 이제 8 년 후 또는 그 이후를 통과하기 때문에 실제로 제거 할 수 있습니다. 다른 하나는 템플릿에서 간단한 IF 문을 작성하고 해당 논리를 각 TM과 결합하는 것입니다 정말 강력 할 수 있습니다.

102
00:09:46,960 --> 00:09:48,320
우리는이 버튼들을 보이거나 숨길 수 있습니다.

103
00:09:48,340 --> 00:09:50,580
현재 로그인 한 사용자를 표시 할 수 있습니다.

104
00:09:50,830 --> 00:09:52,090
정말 중요한 것.

105
00:09:52,420 --> 00:09:54,900
OK. 그래서 그것은 마라톤의 작은 조각이었다.

106
00:09:54,910 --> 00:09:57,730
다섯 가지 섹션이 있지만 작동하도록했습니다.

107
00:09:57,760 --> 00:09:59,400
먼저 사용자 모델을 만들었습니다.

108
00:09:59,560 --> 00:10:11,180
우리는 Sign-Up 등록 양식과 경로를 작성한 다음 로그인 한 다음 로그 아웃 한 다음 탐색 막대에서 작업하고 링크를 표시 및 숨기고 현재 로그인 한 사용자를 표시했습니다.