반응-태인 비정기기구 부서
사용자 인증은 종종 웹 앱을 구축하는 데있어 가장 어려운 부분입니다. 특히 여러 공급자를 통합하려는 경우. 프로필을 갖는 것은 프로젝트에 추가 해야하는 가장 일반적인 기능 중 하나입니다. 이제 모든 힘든 작업은 React 의 템플릿 빌드로 이루어졌으며 몇 분 안에 Firebase 서비스를 사용하여 인증 할 수 있습니다.
프로젝트는 사용합니다.
- 반응 16.12.0
- 반응 -16.12.0
- React-Redux 7.1.3
- 반응-로터 DOM 5.1.2
- React-Intl 3.6.2
- Redux 4.0.4
- Redux-Form 8.2.6
- Firebase 7.4.0
- 스타일의 구성 요소 4.4.1
- 반응 레인 보우 컴포넌트 1.11.0
- Eslint 6.1.0
- 스타일 린트 12.0.0
- 사이프러스 3.7.0
제공자 지원 :
특징:
- 최신 단일 페이지 앱을위한 이상적인 인증 UI 및 보안 솔루션
- 최상의 보안 관행을 사용하여 사용자 이름, 이메일 및 비밀번호로 로컬 로그인을 지원합니다.
- 최상의 보안 관행을 사용하여 Facebook 및 Google에서 소셜 로그인을 지원합니다.
- 현재 비밀번호, 사용자 이름 및 이메일을 업데이트 할 수있는 사용자 프로필 페이지
- 비밀번호 재설정에 대한 시스템 이메일을 보냅니다
- Facebook 및 Google 통합이 완전히 테스트되었습니다
- 사이프러스와 통합 테스트
설치 및 실행
- 이 지침은 기본적 이며이 작업을 수행하기 위해 모든 방법을 사용할 수 있습니다.
- repo를위한 새 폴더를 만드십시오
- git 인스턴스를 시작하고 템플릿 파일을 오버 복사하십시오
- 이 readme를 덮어 씁니다
- 리포 제목을 변경하십시오
-
public 폴더에서 manifest.json 변경하십시오. -
src 폴더에서 firebase.js 변경하십시오.
여러 가지 잡다한
시작하기 전에
JavaScript 프로젝트에 Firebase를 추가하십시오
Facebook 제공 업체와 함께 ACCE를받을 준비를하십시오
- Developers 사이트를위한 Facebook에서 앱 ID 와 앱의 앱 비밀을 얻으십시오.
- Facebook 로그인 활성화 :
- Firebase 콘솔에서 인증 섹션을 엽니 다.
- Method in Method 탭에서 Facebook 로그인 메소드를 활성화하고 Facebook에서 얻은 앱 ID 및 App Secret을 지정하십시오.
- 그런 다음 OAUTH 리디렉션 URI (예 :
my-app-12345.firebaseapp.com/__/auth/handler )가 Facebook 설정 페이지에서 Facebook 설정 페이지에서 Facebook 로그인 구성의 Facebook 앱 설정 페이지에서 OAuth 리디렉션 URI 중 하나로 나열되어 있는지 확인하십시오.
Google 공급자와 함께 ACCE를받을 준비가되어 있습니다
- Firebase 콘솔에서 Google 로그인 활성화 :
- Firebase 콘솔에서 인증 섹션을 엽니 다.
- 가입 메소드 탭에서 Google 로그인 메소드를 활성화하고 저장을 클릭하십시오.
GitHub 제공 업체와 함께 ACCE를받을 준비가되어 있습니다
- Firebase 콘솔에서 인증 섹션을 엽니 다.
- 가입 메소드 탭에서 GitHub 제공 업체를 활성화하십시오.
- 해당 공급자의 개발자 콘솔에서 클라이언트 ID 및 클라이언트 비밀을 제공자 구성에 추가하십시오.
- GitHub에서 앱을 개발자 응용 프로그램으로 등록하고 앱의 OAUTH 2.0 클라이언트 ID 및 클라이언트 비밀을 얻으십시오.
- Firebase OAuth가 URI (예 :
my-app-12345.firebaseapp.com/__/auth/handler )가 GitHub 앱 구성의 앱 설정 페이지에서 인증 콜백 URL 로 설정되어 있는지 확인하십시오.
- 저장을 클릭하십시오.
지지자
이것은 Nexxtway Corp에서 관리하는 오픈 소스 프로젝트입니다.
