روش های جایگزین برای افزودن Firebase به پروژه جاوا اسکریپت

برای اکثر برنامه‌های وب 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/12.4.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/12.4.0/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/12.4.0/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/12.4.0/firebase-firestore.js'
  </script>
</body>

  2. شیء پیکربندی Firebase خود را اضافه کنید و سپس Firebase را در برنامه خود مقداردهی اولیه کنید:

    <body>
  <script type="module">
    // ...

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

    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
  </script>
</body>

برنامه‌های Node.js

  1. نصب کیت توسعه نرم‌افزاری Firebase JavaScript :

    1. اگر از قبل فایل package.json ندارید، با اجرای دستور زیر از ریشه پروژه جاوا اسکریپت خود، یکی ایجاد کنید:

      npm init

    2. بسته npm firebase را نصب کنید و با اجرای دستور زیر آن را در فایل package.json خود ذخیره کنید:

      npm install --save firebase@12.4.0

  2. برای استفاده از ماژول Firebase در برنامه خود، از یکی از گزینه‌های زیر استفاده کنید:

    • شما می‌توانید ماژول‌ها را از هر فایل جاوا اسکریپتی require

      برای اینکه فقط محصولات خاص 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");


    • شما می‌توانید از سینتکس ESM برای 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 configuration
const firebaseConfig = {
  //...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);