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

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

Для большинства Firebase веб - приложений , мы настоятельно рекомендуем использовать SDK версии 9 с помощью НПМ . Тем не менее, для пользователей с особыми требованиями, Firebase обеспечивает альтернативные способы , чтобы добавить SDK . На этой странице представлены подробные инструкции по настройке для этих альтернативных методов:

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

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

Из CDN

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

  1. Чтобы включить только конкретные Firebase продуктов (например, аутентификация и 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.5.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.5.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.5.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 JavaScript SDK:

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

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

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

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

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

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