Альтернативные способы добавить Firebase в ваш проект JavaScript

Для большинства веб-приложений Firebase мы настоятельно рекомендуем использовать SDK через npm . Однако для пользователей с особыми требованиями Firebase предоставляет альтернативные способы добавления SDK . На этой странице представлены подробные инструкции по настройке для этих альтернативных методов:

  • CDN (сеть доставки контента)
  • npm для приложений Node.js

Используя эти методы, вы можете добавить в свое приложение любую из доступных библиотек .

Из CDN

Вы можете настроить частичный импорт Firebase JavaScript SDK и загружать только те продукты Firebase, которые вам нужны. Firebase хранит каждую библиотеку Firebase JavaScript SDK в нашей глобальной CDN (сети доставки контента).

  1. Чтобы включить только определенные продукты Firebase (например, Authentication и Cloud 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/10.13.1/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { getAnalytics } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-firestore.js'
      </script>
    </body>
  2. Добавьте объект конфигурации Firebase, а затем инициализируйте Firebase в своем приложении:

    <body>
      <script type="module">
        // ...
    
        // TODO: Replace the following with your app's Firebase project configuration
        const firebaseConfig = {
          // ...
        };
    
        // Initialize Firebase
        const app = initializeApp(firebaseConfig);
      </script>
    </body>

Приложения Node.js

  1. Установите Firebase JavaScript SDK:

    1. Если у вас еще нет файла package.json , создайте его, выполнив следующую команду из корня вашего проекта JavaScript:

      npm init
    2. Установите пакет npm firebase и сохраните его в файле package.json , выполнив:

      npm install --save firebase@10.13.1
  2. Используйте один из следующих вариантов, чтобы использовать модуль Firebase в своем приложении:

    • Вы можете require модули из любого файла JavaScript.

      Чтобы включить только определенные продукты Firebase (например, Authentication и Cloud 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 (например, Authentication и Cloud 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, а затем инициализируйте Firebase в своем приложении:

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