파이어베이스란?

하이루·2021년 10월 28일
0

구글에서 만든 서버리스 서비스 중 하나

파이어베이스 링크 : https://firebase.google.com/?hl=ko

파이어베이스가 제공하는 서비스들

파이어베이스 사용 방법

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

Google 애널리틱스

파이어베이스 서버 이용에 대해 구글에서 제공하는 분석 프로그램 --> 우리가 만든 서버에 대해 트래픽과 같은 정보들을 분석해서 제공해줌

파이어 베이스를 앱에 연결하기

프로젝트를 생성 한 뒤, 어느 코드로 만든 프로그램에 연결 할지 설정
1) IOS(아이폰)
2) 안드로이드
3) 웹

        --> 일단 호스팅 설정 X

---> 리액트 네이티브의 경우 안드로이드 앱이지만 JS언어(웹언어)로 개발하고 있기 때문에
웹을 선택

----> 즉, 어떤 언어로 코딩중인지가 중요한 것이다
이유) 파이어베이스에서 SDK코드를 주는 데 그것을 코드에 삽입하여 연동하기 떄문 --> 내 코딩 언어와 파이어베이스가 제공하는 SDK언어가 일치해야 SDK코드가 제 기능을 하기 떄문

--> 이후 톱니바퀴 모양 클릭 --> 프로젝트 설정 클릭 
      --> 해당 코드를 가져옴
      

리액트 네이티브

expo에서 파이어베이스가 연동하기 위한 도구들을 제공해줌

공식문서 : https://docs.expo.dev/guides/using-firebase/

expo install firebase

--> 이후 App.js 와 같은 위상에 firebaseConfig.js파일을 만들고 파이어베이스에서 제공하는 SDK코드가져와 쓰기 좋게
쳐리 --> 아래의 코드 복붙 후 딕셔너리 부분만 SDK코드 가져오기

--> 파이어베이스에서 제공하는 SDK코드에서 연결정보부분(딕셔너리 부분)만 가져와서 덮어쓰기함

    //import * as firebase from 'firebase/app';
    //import firebase from 'firebase/app';
    import firebase from "firebase/compat/app";

    // 사용할 파이어베이스 서비스 주석을 해제합니다
    //import "firebase/auth";
    import "firebase/database";
    //import "firebase/firestore";
    //import "firebase/functions";
    import "firebase/storage";

    // Initialize Firebase
    //파이어베이스 사이트에서 봤던 연결정보를 여기에 가져옵니다
    const firebaseConfig = {
      apiKey: "AIzaSyBKG2xY91x23W8PF1231k5OUJ5o9kHSKYQeNWUw",
      authDomain: "sparta-psytest-gun.firebaseapp.com",
      databaseURL: "https://sparta-psytest-gun.firebaseio.com",
      projectId: "sparta-psytest-gun",
      storageBucket: "sparta-psytest-gun.appspot.com",
      messagingSenderId: "781790378482",
      appId: "1:78179037128482:web:ddbca5330779f67b947136b",
      measurementId: "G-3F5L9F3340Q3"
    };

    //사용 방법입니다. 
    //파이어베이스 연결에 혹시 오류가 있을 경우를 대비한 코드로 알아두면 됩니다.
    if (!firebase.apps.length) {
        firebase.initializeApp(firebaseConfig);
    }

    export const firebase_db = firebase.database()
profile
ㅎㅎ

0개의 댓글