이 강의로 돌아와서 코드가 아닌 인증 코드를 사용하여 중단 한 부분부터 살펴 보겠습니다.
당신은 혼자서 코딩하지 마십시오.
나 여기있어.
따라서 코드 3을 따르십시오.
이제 우리는 인증의 고기를 얻습니다.
우리는이 등록 경로를 등록 경로와 등록 양식을 등록하는 것으로 시작하여이 비디오의 끝 부분에 우리 신청서에 등록 할 수 있어야합니다.
로그 아웃 할 수 없습니다.
로그인 할 수 없지만 가입 할 수 있습니다.
승인.
시작하겠습니다.
우리가 토론 할 필요가있는 첫 번째 사항은 우리가 추가해야 할 경로입니다.
그리고 내가하기 전에 여기에 약간의 분배자를 추가 할 것입니다. 왜냐하면 우리는 루트를 말하는 것만 큼 많은 내용을 가지고 있기 때문에 약간의 등호로 이것을 만들 것입니다.
모든 노선이이 노선 아래로 이동한다는 것을 분명히하기 위해서입니다.
승인.
그래서 우리는 우리의 슬래시를 얻었고 우리에게는 비밀의 길이 있습니다.
이제 여기에 Auth를 추가하겠습니다. 우리가 필요로하는 경로를 검토하기위한 경로.
실제로이 멋진 홈페이지의 작업 버전으로 이동하려고합니다. 그런 다음 등록 알림을 클릭하면 URL이 슬래시 등록이며 양식이 표시됩니다.
그래서 우리는 실제로 등록 할 양식을 보여줄 라우트 슬래시 (route slash) 레지스터를 가지고 있습니다. 그런 다음이 양식을 검사하면 등록 요청을 슬래시 레지스터 슬래시 레지스터에 보냈습니다.
슬래시 레지스터라고 부를 필요는 없습니다.
등록 또는 등록과 같은 것들을 볼 수 있습니다.
원하는 것은 무엇이든지 될 수 있지만 등록은 우리에게 좋습니다.
그래서 우리는 우리의 아파트로 돌아갈 것입니다.
예.
그리고 우리는 그 두 경로를 추가 할 필요가 있습니다. 그리고 나는 슬래시 레지스터를 가지지 않는 앱으로 시작할 것입니다.
그리고 이것의 요지는 양식을 보여 주기만하면됩니다.
그러니 가입 양식을 보여주십시오.
승인.
그래서 슬래시 레지스터를 얻은 다음 여기에 우리 콜백을 요청하고 응답합니다. 그리고 우리는 redstart render를 할 것이고 우리는 템플릿 레지스터를 호출 할 것이고 그 다음 논리적 인 일은 레지스터 폼을 생성하는 것입니다.
그래서 우리는 터치 플레이 슬래시 레지스터를 할 것입니다.
E.J. 예, 그러면 우리는 같은 파일을 열어 여기에 간단한 양식으로 시작하여 양식을 작성하고 저장하고 우리가 그 파일을 볼 수있게하겠습니다.
그래서 서버를 시작하면 우리는 여기에 우리의 애플 리케이션에 갈 것입니다.
시작하려면 루트 경로로 다시 이동하십시오.
그리고 이제 등록을 마치고 그를 위해 등록하십시오.
큰.
이제 포럼을 추가하고 양식에 암호 용 사용자 이름 하나에 두 개의 입력이 있어야합니다.
먼저 양식을 정의하고 다시 돌아와서 작동 방식을 추가하겠습니다.
우리는 입력으로 시작합니다.
둘 다 암호 입력 유형을 암호와 같게 만들 수 있지만 실제로는 더 좋은 아이디어입니다.
따라서 입력 유형은 텍스트 자리 표시 자와 같고 사용자 이름과 같습니다. 그런 다음 암호를 복제하고 암호와 자리 표시자를 암호로 저장하므로 입력 형식을 사용합니다.
그런 다음 제출을 추가하고 입력 유형을 제출 또는 수행 할 수 있습니다.
또는.
나는 버튼 태그를 선호한다.
폼이 끝날 때까지 버튼 하나만 작동합니다.
양식을 자동으로 제출합니다.
승인.
그래서 제출하고 나서 우리는 입력 타입이 있습니다. 왜냐하면 텍스트 입력 타입이 패스워드가되기 때문에 우리는 이것을 보아서 시작할 수 있습니다. 우리는 우리의 폼을 보았습니다. 그러나 우리는 두 가지 중요한 것들을 놓치고 있습니다.
무엇보다도 양식은 어디에도 가지 않고 어딘가에 제출하더라도 이름 속성이 없으므로이 항목 중 하나도 보내지 않습니다.
그래서 우리는 사용자 이름과 같은 이름을 추가 할 필요가 있고 그 이름은 암호와 같습니다. 그러면 우리가 저장하게됩니다.
이제 폼을 살펴보면 아무 것도 다르게 보일 것입니다.하지만 이제는 거의 설정되었습니다.
이제 form 태그에 대한 정보를 추가해야합니다.
아니면 우리에게 행동과 방법이 있습니다.
그래서 그것은 현금으로 등록 될 것입니다.
그러나 우리는 그것을 후속 요청으로 보내고 그 경로는 아직 가지고 있지 않습니다.
그래서 제가 폼을 새로 고쳐 양식을 채우면 양식을 채우면 우리는 포스트 슬래시 레지스터가 없기 때문에 그냥 걸려 넘어지고 결국에는 시간이 초과 될 것입니다. 물론 이것은 아무 것도 호출 할 수 있지만 종래의 경우, get 라우트 슬래시 레지스터와 같은 이름을 붙였습니다.
그래서 같은 일을 해봅시다.이 경로는 실제로 사용자를 처리하는 책임이 있습니다. 우리는 앱 포스트 슬래시 등록 함수 요청 응답을 할 것입니다.
그리고 여기서 우리는 모든 논리를 시작으로 추가 할 것입니다.
우리는 단지 좋은 휴식을 취하고 게시물을 등록하여 OK로 연결되었는지 확인합니다.
그리고 서버를 다시 시작하고 페이지를 새로 고치면 페이지가 임의의 데이터를 채우고 제출합니다.
우리는 등록 된 초안을보아야합니다.
우리는 거기에 갈.
그래서 우리의 양식이 올바른 장소에 제출되고 있음을 의미합니다.
우리는 지금 우리가 실제로 사용자를 다루는 재미있는 부분에 도달했습니다. 여러분이 보지 못했던 약 10 개의 새로운 라인에 가입하십시오.
그래서 구문을 작성한 다음 시작하여 모든 줄을 건너 뛰고 그 줄을 건너 뛸 것입니다.
그리고 우리가 실제로해야 할 일은 리뷰입니다. 폼에서 데이터를 가져 오기 때문에 본문 파서를 추가하고 구성해야합니다.
이 양식은 본문에 데이터를 전송하고 우리는 요청을 몸으로 말할 수 있기를 원합니다.
Quest Vadi 암호에 귀하의 이름을 사용하십시오.
지금은 비어있을 것입니다.
위로 위로 가기 만하면 URL을 인 코드 한 본문 bursar 점을 사용하는 앱을 수행 한 다음 확장 된 사실을 추가해야합니다.
그리고 그것은 당신이 타이핑하는 것에 익숙해지는 또 하나의 라인입니다.
언제든지 양식을 사용하고 요청에 데이터를 게시해야합니다.
이제 완료되었습니다.
따라서 우리는 사용자 이름과 암호를 요청할 수 있어야합니다.이 양식에는 사용자가 등록하려고하는 양식의 사용자 이름과 암호가 들어 있습니다.
이제 우리는 논리로 돌아가서 제가 언급 한 몇 줄을 타이프하고 나중에 설명 할 것입니다.
따라서 사용자는 등록하지 않고 사용자 도트 레지스터 대신 새로운 사용자와 새 사용자로 전달하게됩니다.
우리는 사용자 이름을 전달할 예정이며, Oddy 사용자 이름과 동일한 요청이지만이 새로운 사용자에게는 암호를 추가하지 않습니다.
우리는 body password 쉼표까지 새로운 사용자 요청을 만든 후에 실제로 추가 할 것입니다. 그리고 우리는 콜백 함수를 추가 한 다음 사용자를 추가 한 다음이를 열어 볼 것입니다.
승인.
이제까지 우리가 한 일에 대해서 이야기합시다.
우리는 데이터베이스에 실제로 안전하지 않은 새로운 사용자 객체를 만듭니다. 그러나 그것은 새로운 사용자이고 사용자 이름 만 전달합니다.
우리가 그렇게하는 이유는 실제로 암호를 데이터베이스에 저장하지 않기 때문입니다.
그건별로 좋은 생각이 아니에요.
그리고 실제로 대신 저장하는 것을 보여 드리겠습니다.
일단 우리가 데이터베이스에 뭔가를 얻었지만 암호가 아닙니다.
그래서 우리는 암호를 두 번째 인수로 사용자 도트 레지스터에 전달하고 도트 레지스터를 사용합니다.
우리는 사용자 이름을 가진이 새로운 사용자를 취할 것이고 기본적으로이 숫자와 글자의 거대한 문자열로 바꿔 데이터베이스에 저장한다는 것을 의미하는 암호를 해시합니다.
그래서 그는 우리가 만들고자하는 사용자 객체를 전달한 다음 패스워드를 별도로 전달합니다.
그리고 모든 것이 잘된다면 그 안에 모든 것을 가진 새로운 사용자를 돌려 줄 것입니다.
그것은 사용자 이름을 가졌고 해시 된 암호도 가지고 있습니다.
그럼 그게 효과가 있는지 봅시다.
그리고 여기에 우리는 단순한 오류를 추가하고 콘솔 로그 오류를 수행 한 다음 빨간색 점을 사용하여 양식을 다시 렌더링합니다.
그리고 오류가 없다면 우리는 Passport dot local을 인증 할 다른 행을 가지고 있습니다.
그리고 나중에 다시 설명하겠습니다.
응답 기능을 요청하고 여기 대신 비밀 페이지로 리디렉션 할 것입니다.
따라서 일단 사용자가 생성되면 오류가 발생해도 오류가 발생하지 않습니다.
우리는 그 등록 페이지를 렌더링 할 것이고, 여기에 우리가 여기서 돌아가는 곳이 있습니다.
그것은 모든 것을 단락시킬 것입니다.
그리고 오류가 없다면 우리는 여권을 인증 할 것입니다.
이 여권 인증은이 세션에서 모든 것을 돌볼 사용자를 실제로 유혹합니다.
올바른 정보를 저장합니다.
여기에 지정된 직렬화 된 사용자 메소드가 실행됩니다.
그리고 나서 우리는 지역 전략을 사용하기를 원합니다.
그리고 미래에 우리가 다른 전략을 사용하기를 원한다면 우리는 이것을 트위터 나 페이스 북으로 바꿀 수 있습니다.
그리고 당신이해야 할 다른 것들이 있습니다.
우리는 가입하고 트위터와 페이스 북에서 자격을 얻고 우리는 우리의 애플 리케이션을 등록해야합니다.
그래서 더 복잡합니다.
그러나 논리와 여권에 관한 한 우리는 물건을 들락날락 할 수 있습니다. 우리가해야 할 일들이 있습니다.
그러나 일반적으로 여권은 우리가 다른 전략을 교환하는 것을 정말 쉽게 만듭니다.
그래서 우리는 지역을 사용할 것입니다.
그리고 이것은 다시 실제로 사용자를 로그인 할 것입니다.
그리고 일단 사용자가 로그인하면 우리는 은닉 기밀에 리디렉션 할 것입니다. 그것은 단지 개인적인 선택 일뿐입니다.
우리는 홈 페이지로 돌아갈 수 있지만 슬래시 비밀은 우리 모두를위한 것입니다.
그래서 일단 우리가 등록하면 우리는 문제가없는 한 비밀을 철저히 조사해야합니다. 그런 다음 등록 양식으로 돌아갑니다.
이제 이것을 테스트 해보고 구문 오류가 없는지 확인하십시오.
좋아 보인다.
이제 앱으로 이동하여 페이지를 새로 고치고 가입 해 봅시다.
그래서 저는 콜트로 계정을 만들려고합니다. 암호는 암호 일 뿐이므로 히트 제출이 아닙니다. 우리는 좋은 소식이지만 실제로 작동하는지 확인하는 비밀 페이지를 보게됩니다.
서버를 멈추고 실제로 Mongo를 열고 데이터베이스에 연결하여 Digby를 보여주고 데이터베이스는 Auth입니다. 데모 앱.
그래서 저는 그것을 사용하려고합니다. 그러면 콜렉션이 콜렉션을 보여줄 것입니다. 그리고 나서 우리는 D.B로갑니다. 사용자는 모든 DB 사용자를 찾고 당신은 이것이 조금 더 크게 만들었다는 것을 알 수 있습니다.
방금 가입했을 때부터 한 명의 사용자가 있습니다. 여기에 많은 정보가 있습니다.
음, 실제로는별로 많지 않지만 몇 조각 밖에 없지만 많이 보입니다.
가장 중요한 것은 여기에 사용자 이름이 있다는 것입니다.
당신 이름 콜트.
그것은 우리가 우리에게 평범한 것으로 지정한 한 조각입니다.
그리고 소금과 해시가 있습니다. 스크래치 유닛 인증에 관해서는 이것에 대해 더 많이 이야기합니다.
그래서 우리는 지금까지 언급 할 것이지만, 우리의 원시 암호 인 암호는 내 암호가 데이터베이스에 전혀 저장되어 있지 않다는 사실을 자세히 설명하지는 않을 것입니다.
우리가 저장하고있는 것은이 미친 해시 버전입니다.
그리고이 다른 것은 우리가 이것을 해쉬하는 데 도움이 될 소금을 불렀습니다.
그리고 우리를 도와서, 우리가 여기에서 한 마개처럼 우리가 설치하고 재구성 한 여권 현지 맹 글러 패키지가 모든 것을 처리한다는 것을 의미합니다.
그래서 해시에서 소금물 채우기에서 데이터베이스에 물건 저장에 이르기까지 모든 것을 처리합니다.
우리가해야했던 모든 작업은이 단순한 라인이었습니다. 다시 말해 사용자 도트 레지스터를 다시 크기를 조정하고 사용자 이름을 가진 새로운 사용자를 전달합니다.
그리고 다른 모든 것을 처리합니다.
우리는 양식에서 암호를 제공하지만 절대로 사용자에게 저장하지 않습니다.
대신 모든 것을 처리하고 전혀 암호를 저장하지 않습니다.
실제로 해시 버전을 저장하고 있습니다.
승인.
이제 몽고에서 나가자.
그리고 우리는 이제 우리가 할 수있는 마지막 일은 인덱스 페이지 나 홈 페이지를 열어 집으로 가져 오는 것입니다.
C9 뷰를 가정 해 봅시다. 우리는 여기에 동맹국을 추가 할 링크를 추가 할 것입니다.이 링크는 등록 페이지로 가야합니다.
따라서 금전 등록기와 동등한 여행 태그가 붙은 태그가되며 텍스트 내에 Sign-Up을 추가합니다.
이제 우리가 서버를 시작하면 모든이 떨어져있는 노드를 지우겠습니다.
예, 방문객 앱을 방문하여 홈페이지로 이동하십시오.
우리는 지금 가입 할 수있는 가입 링크를 가지고 있습니다.
큰.
그래서 우리는이 비디오에서 다루고 싶은 모든 것을 다음 비디오에서 다루었습니다.
우리는 로그인 기능을 다룰 것입니다.