【JavaScript・iOS・Node.js】Firebaseアプリ開発でよく見かけるエラー「No Firebase App」の解決策とサンプルコード集

2024-06-23

エラー: "No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp()" の詳細解説

エラーの原因

このエラーが発生する主な理由は 2 つあります。

解決方法

このエラーを解決するには、以下の手順に従ってください。

コード例:

// Firebase アプリを初期化する
firebase.initializeApp({
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  databaseURL: "YOUR_DATABASE_URL",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
});

// Firebase サービスを使用する
const database = firebase.database();
const auth = firebase.auth();

その他の注意点

firebase.app() 関数は、デフォルトの Firebase アプリを取得するために使用されます。デフォルトのアプリが既に初期化されている場合は、この関数はそのアプリを返します。
複数の Firebase アプリを使用する場合は、それぞれ異なる名前で初期化する必要があります。
Node.js を使用する場合は、admin.initializeApp() 関数を使用して Firebase Admin SDK を初期化する必要があります。

JavaScript

// Firebase アプリを初期化する
firebase.initializeApp({
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  databaseURL: "YOUR_DATABASE_URL",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
});

// Firebase サービスを使用する
const database = firebase.database();
const auth = firebase.auth();

iOS

// Firebase アプリを初期化する
[FIRApp configureWithOptions:@{
  @"apiKey": @"YOUR_API_KEY",
  @"authDomain": @"YOUR_AUTH_DOMAIN",
  @"databaseURL": @"YOUR_DATABASE_URL",
  @"projectId": @"YOUR_PROJECT_ID",
  @"storageBucket": @"YOUR_STORAGE_BUCKET",
  @"messagingSenderId": @"YOUR_MESSAGING_SENDER_ID",
  @"appId": @"YOUR_APP_ID"
}];

// Firebase サービスを使用する
[[FIRDatabase database] reference];
[[FIRAuth auth] currentUser];

Node.js

// Firebase Admin SDK を初期化する
const admin = require('firebase-admin');

admin.initializeApp({
  credential: admin.credential.cert({
    projectId: "YOUR_PROJECT_ID",
    privateKey: process.env.FIREBASE_PRIVATE_KEY,
    clientEmail: process.env.FIREBASE_CLIENT_EMAIL
  }),
  databaseURL: "YOUR_DATABASE_URL"
});

// Firebase Admin SDK を使用する
const db = admin.firestore();
const auth = admin.auth();

注: 上記のコード例はあくまでも例であり、実際のアプリケーションではプロジェクト固有の設定情報に置き換える必要があります。

Firebase アプリを初期化するその他の方法

Google サービスファイル (iOS and Android)

iOS と Android では、Google サービスファイルを使用して Firebase アプリを自動的に初期化することができます。この方法は、google-services.json ファイル (iOS) または google-services.gradle ファイル (Android) をプロジェクトに追加することで実現できます。これらのファイルには、Firebase プロジェクトの設定情報が含まれています。

この方法の利点は、コードを変更することなく Firebase アプリを初期化できることです。ただし、この方法を使用するには、Google サービスファイルを安全に保管する必要があります。

環境変数 (Node.js)

Node.js では、環境変数を使用して Firebase Admin SDK を初期化することができます。この方法は、FIREBASE_DATABASE_URL、FIREBASE_PROJECT_ID、FIREBASE_PRIVATE_KEY などの環境変数に Firebase プロジェクトの設定情報を設定することで実現できます。

HMR (Hot Module Replacement) 対応のモジュールバンドラー (JavaScript)

JavaScript では、HMR (Hot Module Replacement) 対応のモジュールバンドラー (Webpack など) を使用して Firebase アプリを初期化することができます。この方法は、firebase/app モジュールをバンドルされたアプリケーションに自動的に組み込むことで実現できます。

この方法の利点は、HMR を使用して開発中のコード変更を反映できることです。ただし、この方法を使用するには、HMR 対応のモジュールバンドラーをセットアップする必要があります。