Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now

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

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

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

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

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

Из 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/9.10.0/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/9.10.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/9.10.0/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.10.0/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. Установите пакет firebase npm и сохраните его в файле package.json , запустив:

      npm install --save firebase@9.10.0
  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);