Authentication이란?
이 서비스는 다양한 타 앱들의 정보로 계정 인증하여 보다 손쉽게
회원가입과 로그인을 구현할 수 있습니다.
그리고
타 앱 간의 정보 인증 이외에도 휴대폰 번호와 이메일 인증으로도
구현이 가능합니다.
이 기능을 사용하기 앞서 우선
가장 중요한 데이터베이스를 구성해야 합니다
그래야 지만 회원가입의 유저 정보를 저장할 수 있습니다
그 데이터베이스를 구축하기 위해서는
Cloud Firestore를 사용해보도록 하겠습니다
잠깐
저번에 배운 리얼타임 데이터 베이스와 또 다른 것입니다
같은 firebase의 데이터 베이스지만 서로 다른 기능들을 가지고 있습니다
2022.07.08 - [Server/Firebase] - React Native X Expo X 파이어 베이스 리얼타임 데이터 베이스 설정 및 조회, 추가, 삭제 기능 구현
React Native X Expo X 파이어 베이스 리얼타임 데이터 베이스 설정 및 조회, 추가, 삭제 기능 구현
리얼 타임 데이터 베이스란? 플랫폼과 실시간 데이터를 송신할 수 있는 기능이라고 생각하시면 됩니다 그리고 기능을 사용하기 위해서는 파이어 베이스가 가지고 있는 고유한 기능들을 사용하
tantangerine.tistory.com
두 가지의 차이점은 다음 포스팅 때 알아보도록 하고
우선 지금 구축할 데이터 베이스를 알아보도록 하겠습니다
Cloud Firestore이란?
리얼 타임 데이터베이스보다 확장성이 크며 직관적이 모델링과
풍부하고 빠른 쿼리와 원활한 확장성을 제공하고 있습니다
리얼타임 데이터베이스의 업그레이드 버전이라고 생각하시면 되겠습니다
하지만 꼭 그런 개념은 아니니 다음 포스팅 때 알아보도록 해요
우선 아래의 같이 폴더와 파일을 생성해줍니다
프로젝트를 생성하여 키값을 파일로 관리를 하기 위함입니다
일단 파이어 베이스 프로젝트를 추가하시지 않았다면 위의 포스팅에 들어가시면 프로젝트 추가 방법과
키값의 위치를 확인할 수 있습니다
그리고 Expo로 파이어 베이스구축하려고 하니 설치는 필수입니다!
expo install firebase
생성된 키값을 복사해서
아래 와같이 파일을 생성합니다
아래의 이미지처럼 export default를 해서
여러 파일에서 사용할 수 있게 만들어 줍니다
그리고 마지막으로 데이터 베스 이를 만들기로 합시다
데이터베이스 만들기 Cloud Firestore
파이어 베이스로 로그인하여 프로젝트 시작하면
대시보드의 빌드란에 Cloud Firestore가 존재하는 것을 확인할 수 있습니다
데이터 베이스 만들기 버튼을 클릭해서 진행해 봅시다
프로덕션 모드로 진행하고
보안 규칙은 추후에 변경하도록 합니다
위치 설정은 aisia-northest2로 해주며 사용 설정 버튼을 클릭합니다
그럼 이제 보안 규칙을 변경하도록 하겠습니다
Cloud Firestroe에 들어가시면 규칙 탭을 확인하실 수 있을 겁니다
write 부분을 true로 변경해 줍니다
이제 데이터 베이스 서버 구축이 완료되었습니다
그럼 서버와 앱을 연결합니다
위 와같이 import 하여 라이브러리와 접속에 사용할 키값을 가져옵니다
그렇게 firebase.initializeApp() 함수를 사용하여 연결합니다
Authentication 서비스 이용하기
위에서 언급했듯이 회원가입 기능과 로그인 기능을 구현하기 위해 필요한 서비스입니다
여러 타 앱들로 계정을 인증받아 정보를 데이터 베이스에 저장하며
Authentication는 고객들의 고유키를 저장하여
관리하는 기능으로 대시보드에서 어드민 페이지가 없이도 데이터 관리가 용이합니다
그럼 시작하기 버튼을 클릭하여 서비스 이용할 준비를 하겠습니다
아래와 같이 로그인 제공업체 리스트를 볼 수 있으며
새로운 업체들도 추가할 수 있습니다
아래의 제공업체를 클릭하면
2 단계 창이 노출되며
여러 가지 정보들을 활용하여
업체 간의 인증서비스를 연동시킬 수 있습니다
아래와 같이 앱 ID와 비밀번호를 입력하여 진행하며
비밀번호 밑에 회색으로 고유 키값이 존재합니다
업체들 간의 데이터인증을 위한 키값이며
업체들간의 방법과 키값은 모두 다르니
한번 사용 설정해서 어떻게 인증서비스를 이용하는지
이용해보는 것도 좋은 공부가 될 것입니다
이렇게 서비스를 이용할 모든 준비는 끝이 났습니다
그럼 다음 포스팅에는 이 두 가지 서비스를 이용하여
회원가입 시 데이터베이스에 고객의 정보를 저장하고
authentication에는 회원의 고유 키값과 비밀번호를 저장함으로써
회원 가입과 로그인 기능을 구현해보겠습니다
그럼 오늘 복습도 끝이 났습니다
하루에 2~3시간씩 공부를 하면
힘이 들지만 그래도 앞으로 조금씩 나아간다는 느낌이 확실히 있습니다
내년 말까지는 나만의 앱을 만들기 위해 노력해 보도록 하겠습니다
아직 대모험은 끝나지않았다는 것을 명심하시고!
같이 끝가지 나아가요!!
'Server > Firebase' 카테고리의 다른 글
| React Native X Expo X 구글 파이어 베이스 Cloud Firestore 데이터 추가 및 이미지 추가 기능 구현 (0) | 2022.07.31 |
|---|---|
| React Native X Expo X 파이어 베이스 회원가입 및 로그인 구현 및 Authentication & Cloud Firestore 기능활용 (0) | 2022.07.21 |
| React Native X Expo X 파이어 베이스 리얼타임 데이터 베이스 설정 및 조회, 추가, 삭제 기능 구현 (0) | 2022.07.08 |
| React Native X Expo X 파이어 베이스 기능 설정 및 사용방법 (0) | 2022.07.07 |
| React Native X Expo X 구글 파이어 베이스 서버 구축, 기본 셋팅하기 (0) | 2022.07.05 |