Amamo☆Tech☆Factory

学んだ技術系まとめていきます

FirebaseSDKのセットアップ

FirebaseとExpoを先日触ったので備忘録です。

本手順ではExpoを使用した場合を想定しています。

[公式Document]

docs.expo.io

ExpoにFirebaseをインストールする

以下のコマンドを入力します。

expo install firebase

 

 API Keyの設定

Api keyを設定して初期化します。

import * as firebase from 'firebase';

// Optionally import the services that you want to use
//import "firebase/auth";
//import "firebase/database";
//import "firebase/firestore";
//import "firebase/functions";
//import "firebase/storage";

// Initialize Firebase
const firebaseConfig = {
  apiKey: 'api-key',
  authDomain: 'project-id.firebaseapp.com',
  databaseURL: 'https://project-id.firebaseio.com',
  projectId: 'project-id',
  storageBucket: 'project-id.appspot.com',
  messagingSenderId: 'sender-id',
  appId: 'app-id',
  measurementId: 'G-measurement-id',
};

firebase.initializeApp(firebaseConfig);

 使用するkeyはfirebaseのプロジェクト設定から確認できます

f:id:amamonity:20210309221113p:plain

f:id:amamonity:20210309221144p:plain