FireBase

FireBase 구글에서 만든 서버리스 서비스.

서버리스 : 서버에 대해 잘 몰라도 서버를 사용할 수 있게 해주는 서버

이용절차: 게임 캐릭터 생성과 유사

파이어베이스 가입 > 프로젝트 생성 > 사용할 파이어베이스 서비스 활성화

https://firebase.google.com/

Firebase

 

javascript를 사용중이었기 때문에 웹SDK를 이용하면 쉽게 파이어베이스 사용 가능. (파이어베이스한테는 어떤 언어로 만들고 있는지가 중요하기 때문에 js로 만들고 있는 것은 웹앱.)

firebaseConfig라는 키값들이 필요. 복사해서 vs에 붙여넣어줌.(프로젝트 설정에서 다시 확인 가능)

VS터미널에서 expo install firebase로 설치.

App.js와 같은 위치에 firebaseConfig.js 생성.

firebaseConfig.js에 firebaseConfig 키 값들 복사해서 넣기.

 

파일 저장소 스토리지

사용할 파일을 미리 올려두고 필요할때마다 꺼내 사용하는 용도.

파이어베이스 페이지에서 왼쪽에 빌드>스토리지를 눌러줌. > 시작하기 > 서버 선택

이미지를 업로드 하면 이미지에 고유한 주소가 생기는데 이미지가 많은 페이지의 경우 이미지까지 쉽게 관리할 수 있어서 편리하다.

 

리얼타임 데이터베이스

json형태로 데이터를 저장/관리 해주는 것. sql과 다름.

플랫폼과 실시간 상호 교류에 특화되어 있음.

파이어베이스 페이지에서 왼쪽에 빌드> 리얼타임 데이터베이스 눌러줌. > 데이터베이스 만들기 > 모드 선택

처음으로 프로젝트 이름이 키값으로 보여짐.

규칙에서 규칙 변경 가능. 게시 눌러줘야 적용됨.

점 세개 눌러서 data.json 가져오기.

여기서 데이터 수정 가능.

우측 상단에 문서로 이동을 누르면 설명서 확인할 수 있음.(구글링 해도 됨.)

 

MainPage.js 에서 friebase_db.ref('/가져올 데이터 영역').once('value').then((snapshot) =>{ let tip = snapshot.val();});사용해서 데이터 가져옴.

 

expo install expo-constants

누가 뭘 저장했는지 엮어서 파이어베이스 서버에 저장해주면 알 수 있음.