1
00:00:00,330 --> 00:00:06,050
반갑습니다. 사용자 인증에 초점을 맞추고 있습니다.

2
00:00:06,120 --> 00:00:14,710
내 경험에 의하면, 학생들은 그녀의 앱을 합법적으로 만들고 실제로 유용하게 느낄 수 있기 때문에 배우기가 정말 흥분됩니다.

3
00:00:14,760 --> 00:00:18,210
가입 할 수 있으면 로그인 할 수 있으며 로그 아웃 할 수 있습니다.

4
00:00:18,690 --> 00:00:21,030
그래서 그것은 재미 있고 흥미로운 것을 가르쳐줍니다.

5
00:00:21,270 --> 00:00:27,140
하지만 진실은 인증이 매우 복잡하기 때문에 가르치는 것이 또한 매우 어렵다는 것입니다.

6
00:00:27,180 --> 00:00:31,130
제대로 작동하려면 움직이는 부분이 딱 맞아야합니다.

7
00:00:31,140 --> 00:00:32,490
큰 개념을 많이.

8
00:00:32,670 --> 00:00:34,850
그리고 솔직히 그것을 작동시키기위한 많은 코드가 있습니다.

9
00:00:35,130 --> 00:00:41,530
다행히도 우리에게는 빠르고 안전하게 인증을 구현하는 데 도움이되는 많은 훌륭한 도구가 있습니다.

10
00:00:41,550 --> 00:00:45,060
이제이 비디오의 뒷부분에서 안전하게 의미하는 바를 설명하십시오.

11
00:00:45,060 --> 00:00:53,540
도구 및 인증 워크 플로에 대해 설명하기 전에 강의 예술에 대한 생각을 이해하는 데 시간을 할애하고 싶습니다.

12
00:00:53,640 --> 00:00:59,120
제가 가르치는 데 많은 시간을 보냈지 만 여러 가지 다른 방식으로 가르치는 주제 중 하나입니다.

13
00:00:59,520 --> 00:01:02,960
사용자 인증을 가르 칠 때 선택해야 할 사항이 있습니다.

14
00:01:03,210 --> 00:01:15,660
그리고 저의 선택은 모든 도구를 사용하지 않고 처음부터 인증을 가르치고 학생들이 모든 중요한 개념의 내용에 초점을 맞추고 5 6 시간이 걸릴 수 있도록하는 것입니다.

15
00:01:15,660 --> 00:01:17,790
많은 비디오와 많은 교훈이있을 것입니다.

16
00:01:17,910 --> 00:01:23,960
우리는 일부 학생을 잃을 수도 있지만 우리는 모든 사람들이 인증이 어떻게 작동 하는지를 이해할 것입니다.

17
00:01:24,120 --> 00:01:38,650
또는 기존 도구 중 일부를 사용하여 도구를 사용하여 사용자 인증을 더 빠르고 간단하게하고 코드 줄이 줄어들며이 문제에 완전히 부합하는 도구를 사용하여 학생들이 사물 작업.

18
00:01:38,760 --> 00:01:43,650
그것이 우선 순위입니까, 아니면 학생들이 일을 빨리 시작하게하는 것이 우선 순위입니까?

19
00:01:43,650 --> 00:01:49,350
개념적 이해와 깊이있는 지식에 관한 것이거나 물건 만들기에 관한 것입니다.

20
00:01:49,350 --> 00:01:52,230
분명히 이상적인 세상에서 우리는 둘 다 원할 것입니다.

21
00:01:52,230 --> 00:02:00,830
우리는 모든 사람들이 우리가 가르치는 모든 것의 내용을 이해하기를 바랍니다. 우리는 학생들이 실용적인 지식을 많이 습득하고 신속하게 일을 할 수 있기를 바랍니다.

22
00:02:01,350 --> 00:02:12,900
과거에는 두 개념을 모두 가르치기 시작했습니다. 학생들에게 모든 개념에 대해 깊이 이해하고, 모든 것을 구현하고 적용하기 전에 어떤 방식 으로든 구현했습니다.

23
00:02:13,290 --> 00:02:19,350
그리고 나서 저는 우리가 방금 시도한 것을 반대로하고 먼저 일을하고 다시 돌아와 어떻게 작동하는지 이야기합니다.

24
00:02:19,530 --> 00:02:28,260
그리고 저는이 비디오 강좌에서 우리가 어떻게 접근하고 싶은지 생각하면서 더 많은 시간을 보냈습니다. 제가이 강의 방식을 너무 많이 반복해서 기록 했으므로 모든 코드를 다시 작성했습니다.

25
00:02:28,260 --> 00:02:33,120
정말 중요하고 많은 학생들이 기대하기 때문에 바로 가고 싶습니다.

26
00:02:33,480 --> 00:02:39,660
그래서 제가 한 일은 당신이 현재보고있는 인증에 대해이 첫 번째 유닛에 두 개의 유닛을 갖는 것입니다.

27
00:02:39,660 --> 00:02:43,040
매우 빠른 개요를 제공함으로써 시작하겠습니다.

28
00:02:43,260 --> 00:02:46,740
모든 것이 아니라 인증 작동 방식에 대한 간단한 개요입니다.

29
00:02:46,860 --> 00:02:52,300
그리고 나서 우리는 우리의 삶을 더 편하게하고 코드를 더 짧게 만드는이 도구들을 사용할 것입니다.

30
00:02:52,320 --> 00:02:53,730
우리는 바로 그들을 사용할 것입니다.

31
00:02:53,970 --> 00:02:59,450
그리고 초점은 옵션 장치 중 하나와 둘 모두가있는 무언가를 만드는 것입니다.

32
00:02:59,460 --> 00:03:15,620
이 과정의 끝 부분에서 우리는 실제적으로 우리 자신의 사용자 인증을 처음부터 구현할 인증에 대한 깊이있는 다이빙이 될 것입니다. 여기서 우리는 툴을 사용하지 않을 것이며, 이제 목표를 보여 드리겠습니다. 단지 무언가를 만들어서 두 세계의 장점을 최대한 발휘하도록하는 것입니다.

33
00:03:15,750 --> 00:03:21,970
그리고 나는 모든 개념들에 대해 산들 바람을 피지 않을 것이지만, 당신이 시간을 더하고 어떻게 일하는 지 이야기하는 것을 보내지 않을 것입니다.

34
00:03:22,170 --> 00:03:31,470
이제 우리가이 큰 이데올로기 토론을 방해하지 않도록 지금부터 우리가 사용할 도구를 소개하고 싶습니다. 그래서 우리는 여권이라는 것을 사용할 것입니다.

35
00:03:31,500 --> 00:03:32,320
예.

36
00:03:32,610 --> 00:03:39,430
그리고 우리의 코드를 더 짧게 만들어서 우리의 삶을 더 쉽게 만들어줌으로써 구현을 더 빠르게 만들 수 있기 때문에 단지 그것을 사용하는 것이 아닙니다.

37
00:03:39,720 --> 00:03:42,620
그러나 현실 세계에서도 많이 사용되는 것입니다.

38
00:03:42,750 --> 00:03:47,410
여권 J.S를 사용하는 많은 응용 프로그램 자신의 인증을 구현합니다.

39
00:03:47,700 --> 00:03:49,320
여기서 홈 페이지를 보여 드리겠습니다.

40
00:03:49,560 --> 00:04:05,200
이것은 여권 Chaiya가 stuttered하고 작은 태그 라인이 아니오 J에 대한 간단한 눈에 거슬리는 인증을 말합니다 참조하십시오 미국 미 국방부는 매우 유연하고 모듈 식 여권은 급행 기반 웹 응용 프로그램에 눈에 띄지 않게 떨어질 수있는 노드에 대한 인증 미들웨어입니다.

41
00:04:05,280 --> 00:04:12,210
포괄적 인 전략은 사용자 이름 및 암호 Facebook Twitter 및 기타를 사용하여 인증을 지원합니다.

42
00:04:12,210 --> 00:04:16,280
그리고 여기에 실제로 300 가지 이상의 다른 전략이 있습니다.

43
00:04:16,440 --> 00:04:36,300
그래서 전략은 사람들이 다양한 유형의 인증을 받도록하는 방식입니다. 사용자 유형을 전자 메일이나 암호로 변경하거나 전통적인 인증을 사용했는지 또는 Facebook이나 Twitter와 같은 서비스를 통해 사이트 또는 응용 프로그램은 Google 또는 Twitter 또는 Facebook을 통해 로그인하도록 요청하는 응용 프로그램입니다.

44
00:04:36,390 --> 00:04:45,220
그리고 우리가 실제로 볼 수있는 톤이 더 많습니다. Fitbit를 통해 로그인 할 수있는 Fitbit과 같은 것들이 있으므로 검색 할 수 있습니다.

45
00:04:45,440 --> 00:04:49,450
Google에 Spotify Reddit tumblr Google 플러스가 있습니다.

46
00:04:49,700 --> 00:04:53,630
그러나 가장 인기있는 것은 Facebook Twitter와 Google이 될 것입니다.

47
00:04:53,620 --> 00:05:00,620
그리고 나서 우리가 여기에서 시작할 사용자 인증이나 이메일과 패스워드 인 로컬 인증으로 알려진 것입니다.

48
00:05:00,620 --> 00:05:01,170
승인.

49
00:05:01,370 --> 00:05:03,900
이것이 우리가 여권을 사용할 기본 도구입니다.

50
00:05:03,940 --> 00:05:07,660
네, 우리의 사용자 구현에 큰 도움이 될 것입니다.

51
00:05:08,060 --> 00:05:12,960
그러나 우리는 또한 여기에있는 Passport local이라는 또 다른 패키지를 사용할 것입니다.

52
00:05:13,190 --> 00:05:17,280
그리고 이것은 인증을위한 계획이나 전략 중 하나입니다.

53
00:05:17,360 --> 00:05:30,700
그래서 여권이있다. 페이스 북 여권 Twitter 여권 구글과 여권 로컬 및 300 가지 이상의 다른 전략 여권 로컬은 사용자 이름과 암호를 위해 우리가 시작할 때해야 할 일이다.

54
00:05:30,890 --> 00:05:42,290
그러나 여권에 관해서 정말 좋은 점은이 과정의 뒷부분에서 페이스 북이나 트위터를 추가하고 로컬을 유지할 수 있으며 앱에 로그인하는 데 10 가지 3 가지 방법이있을 수 있다는 것입니다.

55
00:05:42,320 --> 00:05:48,500
보통 당신은 꽤 제한적으로 유지하고 싶지만 우리는 여권을 사용하고 여권의 이름을 사용하여 원하는만큼 가질 수 있습니다.

56
00:05:48,530 --> 00:05:52,490
그것은 모든 목적지에이 진입 점을 제공하는 것에 관한 것입니다.

57
00:05:52,870 --> 00:05:58,240
OK와 Passport local mongoose라고 불리는 패키지가 하나 더 있습니다.

58
00:05:58,520 --> 00:06:09,660
그래서 나는 그 허브를 열고 여권 현지 Mongoose 그냥 우리가 여권과 함께 인증을 구현하는 데 도움이되며 그것은 특별히 몽구스와 함께 작동하도록 만들어 다른 패키지입니다.

59
00:06:09,830 --> 00:06:11,450
그래서 우리는 그것을 사용할 필요가 없습니다.

60
00:06:11,540 --> 00:06:19,430
우리는 여권을 사용하는 것만으로 도망 갈 수 있습니다. 여권 현지 몽구스는 우리가 그것을 더 빨리 만들고 더 간단하게 만들 수 있도록 도울 것입니다.

61
00:06:19,520 --> 00:06:25,760
그리고 선택 사항 인 오프 섹션에서 우리는 이러한 툴없이 처음부터 아트를 생성 할 것입니다.

62
00:06:25,980 --> 00:06:26,470
승인.

63
00:06:26,570 --> 00:06:28,290
그래서 그것들은 세 가지 주요 도구입니다.

64
00:06:28,340 --> 00:06:34,420
이제 저는 여러분에게 우리가 시각적으로별로 흥미롭지 않다고 경고 할 수있는 선행을 만들 것의 빠른 데모를 제공 할 것입니다.

65
00:06:34,520 --> 00:06:36,020
나는 그것을 전혀 스타일링하지 않았다.

66
00:06:36,020 --> 00:06:39,840
그러나 우리는 당신을 요 캠프에 추가 할 것이고 우리는 그것을 스타일링 할 것입니다.

67
00:06:40,000 --> 00:06:42,940
하지만 지금은 이것이 당신에게 보여주고 싶은 베어 본 구현입니다.

68
00:06:43,220 --> 00:06:45,870
그래서 우리는이 홈 페이지에서 시작했고 3 개의 버튼이 있습니다.

69
00:06:46,120 --> 00:06:53,930
로그인하고 로그 아웃하면 로그인했을 때만 볼 수있는 비밀 페이지 슬래시 비밀이 있습니다.

70
00:06:53,960 --> 00:07:06,510
그래서 내가 지금 시도하고 거기에 간다면 나는 로그인하지 않았고 로그인을 마치려면 나를 데려 간다. 그리고 그것은 내가 로그인 할 수 있도록 로그인 양식을 보여준다. 그리고 나는 우리가 그 다음에 갈 수 있다는 것을 보여줄 것이다. 비밀 페이지.

71
00:07:06,830 --> 00:07:17,410
그래서 사용자 이름을 녹슨 4 ~ 5 6 번 할 것이며 암호는 암호 일 뿐이며 가입 할 것입니다.

72
00:07:18,350 --> 00:07:21,030
그리고 지금 내가 방문 할 수있는 비밀을 버리는 데 걸립니다.

73
00:07:21,290 --> 00:07:28,040
그리고 비밀 페이지에는 제 첫 번째 노트북을 가지고있을 때 일곱 번째 또는 여덟 번째 학년 때부터 셀에있는 끔찍한 사진이 있습니다.

74
00:07:28,040 --> 00:07:28,900
그냥 끔찍해.

75
00:07:29,090 --> 00:07:33,180
그래서 비밀 스레 이유가 분명히 있습니다.

76
00:07:33,200 --> 00:07:42,670
그리고 지금 내가 로그 아웃하려고하면 더 이상 비밀을 모으기 위해 갈 수 없으며 로그온을하기 위해 나를 리디렉션합니다. 여기에 로그인 할 수도 있습니다.

77
00:07:42,710 --> 00:08:00,620
그래서 나는 Rusti 4 5 6을 올바른 암호로 사용합니다. 암호 만 있으면 로그인하거나 로그인하면 다시 비밀로 돌아가고 집에 갈 수 있고 내가 머무르고 있기 때문에 비밀을 벗길 수 있습니다. 로그인.

78
00:08:00,620 --> 00:08:06,880
따라서 모든 것이 경첩이라는 핵심 개념이 작동하는 방식은 세션이라고하는 것입니다.

79
00:08:07,030 --> 00:08:09,680
세션이 무엇인지 요약해서 알려 드리겠습니다.

80
00:08:09,830 --> 00:08:22,660
기본적으로 GTP는 요청을 보낼 때 요청이 일회성이며 사용자가 작성한 이전 요청이나 기록에 대한 정보를 포함하지 않는다는 것을 의미하는 상태 비 저장 프로토콜입니다.

81
00:08:22,730 --> 00:08:24,020
그들은 서로 연결되어 있지 않습니다.

82
00:08:24,050 --> 00:08:32,690
요청에는 로그인 상태를 유지할 수 있기를 원하기 때문에 사용자를 구현하기가 정말 어려워지는 일시적인 트랜잭션 일뿐입니다.

83
00:08:32,930 --> 00:08:41,280
서버에 Rustie 4 또는 5 6이 여전히 로그인되어 있고 우리가 세션을 사용하고 세션을 수행하는 방식으로 로그인하는 것을 알기를 원합니다.

84
00:08:41,360 --> 00:08:44,750
그것들은 단지 HTP가 무국적이되지 않도록하는 방법 일뿐입니다.

85
00:08:44,750 --> 00:09:00,480
내가 서버에 전송 된 요청에 저장되어있는 해당 사용자에 대한 정보가 누군가가 로그인했을 때 내가 로그인했을 때이 앱에서 내가 한 모든 요청이있을 때마다 상태를 제공 할 수있는 방법이 있습니다. 실제로 전체 사용자 이름의 사용자 암호가 아닙니다.

86
00:09:00,620 --> 00:09:05,320
그러나 이것은 약간의 정보이며 암호화되어 있으며 기본적으로 비밀로되어 있습니다.

87
00:09:05,450 --> 00:09:18,250
그리고 나서 제 서버에 도착한 다음 여권에 나타나서 기본적으로 코드를 암호화하거나 암호화되지 않은 것으로 해석되어 누군가가 로그인했는지 여부를 알리는 정보를 사용합니다.

88
00:09:18,470 --> 00:09:21,350
따라서 일단 구현을 추가하면 이것이 더 합리적입니다.

89
00:09:21,350 --> 00:09:26,460
그러나 핵심 개념은 세션을 통해 HTP 요청에 상태를 유지할 수 있다는 것입니다.

90
00:09:26,620 --> 00:09:27,730
그래서 데이터를 보낼 수 있습니다.

91
00:09:27,770 --> 00:09:36,260
다시 홈 페이지로 돌아갈 수 있습니다. Rustie 4 5 6으로 로그인했음을 여전히 알고 있으며 문제없이 비밀로 돌아갈 수 있습니다.

92
00:09:36,590 --> 00:09:44,210
그 이유는 내가 요청할 때마다 나는 로그인 한 루스티 네 다섯 사람이라고 말하는 작은 정보를 보내고 있기 때문입니다.

93
00:09:44,210 --> 00:09:48,620
그런 다음 로그 아웃하면 정보가 사라집니다.

94
00:09:49,120 --> 00:09:57,540
그래서 지금은 비밀을 슬래시로 갈 때 나는 그 사람이 그런 비밀에 가지 못하게 세션에 사용자가 없다는 것을 말하는 몇 가지 논리가 있습니다.

95
00:09:57,620 --> 00:09:59,370
로그 오프를 리디렉션하여 로그온하십시오.

96
00:09:59,670 --> 00:09:59,940
승인.

97
00:09:59,960 --> 00:10:09,440
따라서 우리는이 간단한 응용 프로그램을 실제로 만들고 세션을 구현하여 세션에 도움을 얻을 때 다음 비디오에서 자세히 다룰 것입니다.

98
00:10:09,430 --> 00:10:14,220
Express 세션이라는 패키지를 사용하여 다음 비디오에서도 볼 수 있습니다.

99
00:10:14,750 --> 00:10:16,870
좋아요, 그래서 제가 지금 소개하고 싶은 모든 것입니다.

100
00:10:16,880 --> 00:10:32,970
그래서 우리는 Passport J를 여권 로컬 몽구스 모듈 또는 패키지와 함께 로컬 구성표로 사용하여 사용자 인증을 비교적 신속하고 비교적 쉽게 구현할 수있게 도와 줄 것이며 다음 비디오를 간단한 응용 프로그램.

101
00:10:33,080 --> 00:10:38,530
그런 다음 작업이 완료되면 캠프로 돌아가 사용자 인증을 구현합니다.