반갑습니다. 사용자 인증에 초점을 맞추고 있습니다.
내 경험에 의하면, 학생들은 그녀의 앱을 합법적으로 만들고 실제로 유용하게 느낄 수 있기 때문에 배우기가 정말 흥분됩니다.
가입 할 수 있으면 로그인 할 수 있으며 로그 아웃 할 수 있습니다.
그래서 그것은 재미 있고 흥미로운 것을 가르쳐줍니다.
하지만 진실은 인증이 매우 복잡하기 때문에 가르치는 것이 또한 매우 어렵다는 것입니다.
제대로 작동하려면 움직이는 부분이 딱 맞아야합니다.
큰 개념을 많이.
그리고 솔직히 그것을 작동시키기위한 많은 코드가 있습니다.
다행히도 우리에게는 빠르고 안전하게 인증을 구현하는 데 도움이되는 많은 훌륭한 도구가 있습니다.
이제이 비디오의 뒷부분에서 안전하게 의미하는 바를 설명하십시오.
도구 및 인증 워크 플로에 대해 설명하기 전에 강의 예술에 대한 생각을 이해하는 데 시간을 할애하고 싶습니다.
제가 가르치는 데 많은 시간을 보냈지 만 여러 가지 다른 방식으로 가르치는 주제 중 하나입니다.
사용자 인증을 가르 칠 때 선택해야 할 사항이 있습니다.
그리고 저의 선택은 모든 도구를 사용하지 않고 처음부터 인증을 가르치고 학생들이 모든 중요한 개념의 내용에 초점을 맞추고 5 6 시간이 걸릴 수 있도록하는 것입니다.
많은 비디오와 많은 교훈이있을 것입니다.
우리는 일부 학생을 잃을 수도 있지만 우리는 모든 사람들이 인증이 어떻게 작동 하는지를 이해할 것입니다.
또는 기존 도구 중 일부를 사용하여 도구를 사용하여 사용자 인증을 더 빠르고 간단하게하고 코드 줄이 줄어들며이 문제에 완전히 부합하는 도구를 사용하여 학생들이 사물 작업.
그것이 우선 순위입니까, 아니면 학생들이 일을 빨리 시작하게하는 것이 우선 순위입니까?
개념적 이해와 깊이있는 지식에 관한 것이거나 물건 만들기에 관한 것입니다.
분명히 이상적인 세상에서 우리는 둘 다 원할 것입니다.
우리는 모든 사람들이 우리가 가르치는 모든 것의 내용을 이해하기를 바랍니다. 우리는 학생들이 실용적인 지식을 많이 습득하고 신속하게 일을 할 수 있기를 바랍니다.
과거에는 두 개념을 모두 가르치기 시작했습니다. 학생들에게 모든 개념에 대해 깊이 이해하고, 모든 것을 구현하고 적용하기 전에 어떤 방식 으로든 구현했습니다.
그리고 나서 저는 우리가 방금 시도한 것을 반대로하고 먼저 일을하고 다시 돌아와 어떻게 작동하는지 이야기합니다.
그리고 저는이 비디오 강좌에서 우리가 어떻게 접근하고 싶은지 생각하면서 더 많은 시간을 보냈습니다. 제가이 강의 방식을 너무 많이 반복해서 기록 했으므로 모든 코드를 다시 작성했습니다.
정말 중요하고 많은 학생들이 기대하기 때문에 바로 가고 싶습니다.
그래서 제가 한 일은 당신이 현재보고있는 인증에 대해이 첫 번째 유닛에 두 개의 유닛을 갖는 것입니다.
매우 빠른 개요를 제공함으로써 시작하겠습니다.
모든 것이 아니라 인증 작동 방식에 대한 간단한 개요입니다.
그리고 나서 우리는 우리의 삶을 더 편하게하고 코드를 더 짧게 만드는이 도구들을 사용할 것입니다.
우리는 바로 그들을 사용할 것입니다.
그리고 초점은 옵션 장치 중 하나와 둘 모두가있는 무언가를 만드는 것입니다.
이 과정의 끝 부분에서 우리는 실제적으로 우리 자신의 사용자 인증을 처음부터 구현할 인증에 대한 깊이있는 다이빙이 될 것입니다. 여기서 우리는 툴을 사용하지 않을 것이며, 이제 목표를 보여 드리겠습니다. 단지 무언가를 만들어서 두 세계의 장점을 최대한 발휘하도록하는 것입니다.
그리고 나는 모든 개념들에 대해 산들 바람을 피지 않을 것이지만, 당신이 시간을 더하고 어떻게 일하는 지 이야기하는 것을 보내지 않을 것입니다.
이제 우리가이 큰 이데올로기 토론을 방해하지 않도록 지금부터 우리가 사용할 도구를 소개하고 싶습니다. 그래서 우리는 여권이라는 것을 사용할 것입니다.
예.
그리고 우리의 코드를 더 짧게 만들어서 우리의 삶을 더 쉽게 만들어줌으로써 구현을 더 빠르게 만들 수 있기 때문에 단지 그것을 사용하는 것이 아닙니다.
그러나 현실 세계에서도 많이 사용되는 것입니다.
여권 J.S를 사용하는 많은 응용 프로그램 자신의 인증을 구현합니다.
여기서 홈 페이지를 보여 드리겠습니다.
이것은 여권 Chaiya가 stuttered하고 작은 태그 라인이 아니오 J에 대한 간단한 눈에 거슬리는 인증을 말합니다 참조하십시오 미국 미 국방부는 매우 유연하고 모듈 식 여권은 급행 기반 웹 응용 프로그램에 눈에 띄지 않게 떨어질 수있는 노드에 대한 인증 미들웨어입니다.
포괄적 인 전략은 사용자 이름 및 암호 Facebook Twitter 및 기타를 사용하여 인증을 지원합니다.
그리고 여기에 실제로 300 가지 이상의 다른 전략이 있습니다.
그래서 전략은 사람들이 다양한 유형의 인증을 받도록하는 방식입니다. 사용자 유형을 전자 메일이나 암호로 변경하거나 전통적인 인증을 사용했는지 또는 Facebook이나 Twitter와 같은 서비스를 통해 사이트 또는 응용 프로그램은 Google 또는 Twitter 또는 Facebook을 통해 로그인하도록 요청하는 응용 프로그램입니다.
그리고 우리가 실제로 볼 수있는 톤이 더 많습니다. Fitbit를 통해 로그인 할 수있는 Fitbit과 같은 것들이 있으므로 검색 할 수 있습니다.
Google에 Spotify Reddit tumblr Google 플러스가 있습니다.
그러나 가장 인기있는 것은 Facebook Twitter와 Google이 될 것입니다.
그리고 나서 우리가 여기에서 시작할 사용자 인증이나 이메일과 패스워드 인 로컬 인증으로 알려진 것입니다.
승인.
이것이 우리가 여권을 사용할 기본 도구입니다.
네, 우리의 사용자 구현에 큰 도움이 될 것입니다.
그러나 우리는 또한 여기에있는 Passport local이라는 또 다른 패키지를 사용할 것입니다.
그리고 이것은 인증을위한 계획이나 전략 중 하나입니다.
그래서 여권이있다. 페이스 북 여권 Twitter 여권 구글과 여권 로컬 및 300 가지 이상의 다른 전략 여권 로컬은 사용자 이름과 암호를 위해 우리가 시작할 때해야 할 일이다.
그러나 여권에 관해서 정말 좋은 점은이 과정의 뒷부분에서 페이스 북이나 트위터를 추가하고 로컬을 유지할 수 있으며 앱에 로그인하는 데 10 가지 3 가지 방법이있을 수 있다는 것입니다.
보통 당신은 꽤 제한적으로 유지하고 싶지만 우리는 여권을 사용하고 여권의 이름을 사용하여 원하는만큼 가질 수 있습니다.
그것은 모든 목적지에이 진입 점을 제공하는 것에 관한 것입니다.
OK와 Passport local mongoose라고 불리는 패키지가 하나 더 있습니다.
그래서 나는 그 허브를 열고 여권 현지 Mongoose 그냥 우리가 여권과 함께 인증을 구현하는 데 도움이되며 그것은 특별히 몽구스와 함께 작동하도록 만들어 다른 패키지입니다.
그래서 우리는 그것을 사용할 필요가 없습니다.
우리는 여권을 사용하는 것만으로 도망 갈 수 있습니다. 여권 현지 몽구스는 우리가 그것을 더 빨리 만들고 더 간단하게 만들 수 있도록 도울 것입니다.
그리고 선택 사항 인 오프 섹션에서 우리는 이러한 툴없이 처음부터 아트를 생성 할 것입니다.
승인.
그래서 그것들은 세 가지 주요 도구입니다.
이제 저는 여러분에게 우리가 시각적으로별로 흥미롭지 않다고 경고 할 수있는 선행을 만들 것의 빠른 데모를 제공 할 것입니다.
나는 그것을 전혀 스타일링하지 않았다.
그러나 우리는 당신을 요 캠프에 추가 할 것이고 우리는 그것을 스타일링 할 것입니다.
하지만 지금은 이것이 당신에게 보여주고 싶은 베어 본 구현입니다.
그래서 우리는이 홈 페이지에서 시작했고 3 개의 버튼이 있습니다.
로그인하고 로그 아웃하면 로그인했을 때만 볼 수있는 비밀 페이지 슬래시 비밀이 있습니다.
그래서 내가 지금 시도하고 거기에 간다면 나는 로그인하지 않았고 로그인을 마치려면 나를 데려 간다. 그리고 그것은 내가 로그인 할 수 있도록 로그인 양식을 보여준다. 그리고 나는 우리가 그 다음에 갈 수 있다는 것을 보여줄 것이다. 비밀 페이지.
그래서 사용자 이름을 녹슨 4 ~ 5 6 번 할 것이며 암호는 암호 일 뿐이며 가입 할 것입니다.
그리고 지금 내가 방문 할 수있는 비밀을 버리는 데 걸립니다.
그리고 비밀 페이지에는 제 첫 번째 노트북을 가지고있을 때 일곱 번째 또는 여덟 번째 학년 때부터 셀에있는 끔찍한 사진이 있습니다.
그냥 끔찍해.
그래서 비밀 스레 이유가 분명히 있습니다.
그리고 지금 내가 로그 아웃하려고하면 더 이상 비밀을 모으기 위해 갈 수 없으며 로그온을하기 위해 나를 리디렉션합니다. 여기에 로그인 할 수도 있습니다.
그래서 나는 Rusti 4 5 6을 올바른 암호로 사용합니다. 암호 만 있으면 로그인하거나 로그인하면 다시 비밀로 돌아가고 집에 갈 수 있고 내가 머무르고 있기 때문에 비밀을 벗길 수 있습니다. 로그인.
따라서 모든 것이 경첩이라는 핵심 개념이 작동하는 방식은 세션이라고하는 것입니다.
세션이 무엇인지 요약해서 알려 드리겠습니다.
기본적으로 GTP는 요청을 보낼 때 요청이 일회성이며 사용자가 작성한 이전 요청이나 기록에 대한 정보를 포함하지 않는다는 것을 의미하는 상태 비 저장 프로토콜입니다.
그들은 서로 연결되어 있지 않습니다.
요청에는 로그인 상태를 유지할 수 있기를 원하기 때문에 사용자를 구현하기가 정말 어려워지는 일시적인 트랜잭션 일뿐입니다.
서버에 Rustie 4 또는 5 6이 여전히 로그인되어 있고 우리가 세션을 사용하고 세션을 수행하는 방식으로 로그인하는 것을 알기를 원합니다.
그것들은 단지 HTP가 무국적이되지 않도록하는 방법 일뿐입니다.
내가 서버에 전송 된 요청에 저장되어있는 해당 사용자에 대한 정보가 누군가가 로그인했을 때 내가 로그인했을 때이 앱에서 내가 한 모든 요청이있을 때마다 상태를 제공 할 수있는 방법이 있습니다. 실제로 전체 사용자 이름의 사용자 암호가 아닙니다.
그러나 이것은 약간의 정보이며 암호화되어 있으며 기본적으로 비밀로되어 있습니다.
그리고 나서 제 서버에 도착한 다음 여권에 나타나서 기본적으로 코드를 암호화하거나 암호화되지 않은 것으로 해석되어 누군가가 로그인했는지 여부를 알리는 정보를 사용합니다.
따라서 일단 구현을 추가하면 이것이 더 합리적입니다.
그러나 핵심 개념은 세션을 통해 HTP 요청에 상태를 유지할 수 있다는 것입니다.
그래서 데이터를 보낼 수 있습니다.
다시 홈 페이지로 돌아갈 수 있습니다. Rustie 4 5 6으로 로그인했음을 여전히 알고 있으며 문제없이 비밀로 돌아갈 수 있습니다.
그 이유는 내가 요청할 때마다 나는 로그인 한 루스티 네 다섯 사람이라고 말하는 작은 정보를 보내고 있기 때문입니다.
그런 다음 로그 아웃하면 정보가 사라집니다.
그래서 지금은 비밀을 슬래시로 갈 때 나는 그 사람이 그런 비밀에 가지 못하게 세션에 사용자가 없다는 것을 말하는 몇 가지 논리가 있습니다.
로그 오프를 리디렉션하여 로그온하십시오.
승인.
따라서 우리는이 간단한 응용 프로그램을 실제로 만들고 세션을 구현하여 세션에 도움을 얻을 때 다음 비디오에서 자세히 다룰 것입니다.
Express 세션이라는 패키지를 사용하여 다음 비디오에서도 볼 수 있습니다.
좋아요, 그래서 제가 지금 소개하고 싶은 모든 것입니다.
그래서 우리는 Passport J를 여권 로컬 몽구스 모듈 또는 패키지와 함께 로컬 구성표로 사용하여 사용자 인증을 비교적 신속하고 비교적 쉽게 구현할 수있게 도와 줄 것이며 다음 비디오를 간단한 응용 프로그램.
그런 다음 작업이 완료되면 캠프로 돌아가 사용자 인증을 구현합니다.