Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 안드로이드
- RxKotiln
- RxJava
- swift map
- 안드로이드 개발자
- Rxjava 안드로이드
- 코딩테스트
- 안드로이드 컴포즈
- 알고리즘
- 반응형 프로그래밍
- 이펙티브 코틀린
- 안드로이드 다이얼로그
- Firebase
- Swift 문법
- 코틀린
- Java
- 잡담
- 개발자
- 일상
- react
- Kotiln
- 코루틴
- Dev6
- 이펙티브코틀린
- Go언어
- android compose
- Flutter
- android
- MVVM
- 프로그래머스
Archives
- Today
- Total
최데브는 오늘도 프로그래밍을 한다.
리액트 네이티브에서 firebase 으로 로그인하기 본문
반응형
먼저 프로젝트에 firebase 관련 파일을 설치해야한다.
npm 으로 설치하면 되는데 검색하면 금방 나온다.
firebase 관련 설정코드를 먼저 작성해줘야한다.
const firebaseConfig = {
apiKey: '',
authDomain: '',
databaseURL: '',
projectId: '',
storageBucket: '',
messagingSenderId: '',
appId: ''
};
내용이 다 비워져 있는데 넣어야하는 값들은 파이어베이스 콘솔에서
이미지 처럼 프로젝트 설정을 누르면 모두 적혀있다. 관련 값을 위 코드에 다 넣어주면 된다.
설정을 마쳤다면 이제 코드가 어떤 firebase 를 참조해야할지 알게된 상태가 된다.
설정을 해줬으니 그 설정에 맞는 firebase 객체를 만들어줘야할 것이다.
아래 코드처럼 파이어베이스가 생성 된적 없다면 설정대로 객체를 생성한다.
if (!firebase.apps.length) {
var firebaseinit = firebase.initializeApp(firebaseConfig);
}
아래 코드는 이메일 패스워드로 로그인하는 코드다.
auth().signInWithEmailAndPassword 로 firebase 에 접속해서 해당 회원이 있는지 체크하고
존재하는 회원이라면 then 에 있는 정보있음 log 가 발생하고
없는 회원이라면 error log가 발생한다.
login = (email, pass) => {
firebaseinit.auth().signInWithEmailAndPassword(email,pass)
.then((user) => {
console.log("정보있음"); // 파베 로그인 되는거 성공함
}).catch((error) => {
console.log(error);
})
};
반응형
'React' 카테고리의 다른 글
리액트 네이티브에서 화면이동하기 (0) | 2021.01.19 |
---|---|
Virtual DOM 은 뭘까? (0) | 2021.01.19 |
리액트 네이티브 - 커스텀 버튼 만들기 (0) | 2020.12.16 |
Comments