react 로그인 예제

브라우저에서 localhost:3000을 열어 기본 반응 앱이 작동하는 것을 볼 수 있습니다. 이렇게 하면 NPM다운로드 및 단일 명령에서 공감-반응-앱을 실행하여 새 응용 프로그램에 대해 원하는 디렉토리로 프런트 엔드로 전달합니다. 위의 명령을 실행한 후 볼 수 있듯이 새 응용 프로그램을 스캐폴딩하는 프로세스는 그렇게 간단하지 않습니다. 이 도구는 심지어 모든 것을 만들 수있는 초 (또는 인터넷 연결에 따라 몇 분)의 무리가 필요합니다. 그러나 이 도구가 완료되면 React 앱을 실행하기 위해 다음 명령을 실행할 수 있습니다: 사용자가 등록 단추를 클릭하고 양식이 유효한 반환일 때 호출: 사용자 이름, 암호 및 암호 확인 예제: 눈치 채지 못했지만 Auth0 계정에서 Google과 관련된 것을 구성하지 않았더라도 소셜 로그인 버튼이 있으며 잘 작동합니다. 이 기능이 즉시 작동하는 유일한 이유는 Auth0이 Google에 등록된 개발 키를 사용하도록 모든 새 계정을 자동으로 구성하기 때문입니다. 그러나 개발자가 Auth0을 더 진지하게 사용하기 시작하면 이러한 키를 자체 키로 교체해야 합니다. 또한 앱이 자동 인증을 수행하려고 할 때마다 앱이 여전히 개발 키를 사용하고 있을 때마다 Auth0은 세션이 활성 상태가 아님을 반환합니다(사실이 아님에도 불구하고). 표시된 대화 상자에서 응용 프로그램의 이름(예: «Q&App»)을 삽입한 다음 단일 페이지 응용 프로그램을 해당 유형으로 선택해야 합니다. 그런 다음 만들기 단추를 클릭하면 Auth0이 응용 프로그램을 만들고 빠른 시작 섹션으로 리디렉션됩니다.

거기에서, 당신은 당신의 Auth0 응용 프로그램의 구성을 변경하고 그것에서 일부 값을 복사하려면 설정 탭을 클릭해야합니다. 기본적으로 생성자 메서드에서 true로 설정 된 isLogin 플래그의 값에 따라 로그인 및 등록 구성 요소 사이 전환. 휴, 그건 긴 일이었다! 다시 말하지만 유효성 검사는 까다로운 일이 될 수 있지만 몇 가지 패키지의 도움으로 조금 더 쉬워집니다. 하지만 하루의 끝에서, 나는 우리가 꽤 합법적인 로그인 양식을 가지고 있다고 생각! 여기서 Loginscreen.js는 Login.js와 Register.js에 각각 정의된 로그인 및 등록 구성 요소 간에 전환하는 컨테이너 역할을 하는 페이지입니다. 내 경우 UploadScreen은 사용자의 필요에 따라 변경됩니다 성공적인 사용자 로그인 후 표시하는 데 필요한 페이지였다.

  • Información

    • Últimas Entradas

      가우스 법칙 예제

      브라우저에서 localhost:3000을 열어 기본 반응 앱이 작동하는 것을…

      피벗 예제

      브라우저에서 localhost:3000을 열어 기본 반응 앱이 작동하는 것을…

      페르미 추정 예제

      브라우저에서 localhost:3000을 열어 기본 반응 앱이 작동하는 것을…