Catch up on everything we announced at this year's Firebase Summit. Learn more

JavaScriptプロジェクトにFirebaseを追加する別の方法

ほとんどの場合FirebaseのWebは、私たちは強く使用することをお勧めアプリNPM経由SDKのバージョン9を。ただし、特別な要件を持つユーザーのために、Firebaseは代替提供SDKを追加する方法を。このページでは、これらの代替方法の詳細なセットアップ手順について説明します。

  • CDN(コンテンツ配信ネットワーク)
  • Node.jsアプリのnpm

これらのメソッドを使用すると、任意の追加することができます使用可能なライブラリを、あなたのアプリにバージョン9のために。

CDNから

Firebase JavaScript SDKの部分的なインポートを設定し、必要なFirebase製品のみを読み込むことができます。 Firebaseは、Firebase JavaScript SDKの各ライブラリをグローバルCDN(コンテンツ配信ネットワーク)に保存します。

  1. のみ含まれるように、特定のFirebase製品(例えば、認証およびクラウドFirestore)は、あなたの一番下に次のスクリプトを追加し<body>タグが、あなたはどのFirebaseサービスを使用する前に:

    <body>
      <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services -->
    
      <script type="module">
        import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { analytics } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-firestore.js'
      </script>
    </body>
    
  2. アプリでFirebaseを初期化します。

    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);
    

Node.jsアプリ

  1. Firebase JavaScriptSDKをインストールします。

    1. あなたはまだ持っていない場合はpackage.jsonファイルを、JavaScriptのプロジェクトのルートから以下のコマンドを実行して、1を作成します。

      npm init
    2. インストールfirebase NPMパッケージを、あなたにそれを保存package.json実行してファイル:

      npm install --save firebase@9.6.0
  2. アプリでFirebaseモジュールを使用するには、次のいずれかのオプションを使用します。

    • あなたはできるrequire任意のJavaScriptファイルからモジュールを

      のみ含めるには、特定のFirebase製品(認証およびクラウドFirestoreなど):

      // Firebase App (the core Firebase SDK) is always required and
      // must be listed before other Firebase SDKs
      var firebase = require("firebase/app");
      
      // Add the Firebase products that you want to use
      require("firebase/auth");
      require("firebase/firestore");
      


    • あなたはにES2015を使用することができますimportモジュール

      のみ含めるには、特定のFirebase製品(認証およびクラウドFirestoreなど):

      // Firebase App (the core Firebase SDK) is always required and
      // must be listed before other Firebase SDKs
      import firebase from "firebase/app";
      
      // Add the Firebase services that you want to use
      import "firebase/auth";
      import "firebase/firestore";
      
  3. アプリでFirebaseを初期化します。

    import { initializeApp } from 'firebase/app';
    
    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);