روش های جایگزین برای افزودن 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/10.14.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/10.14.0/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/10.14.0/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.14.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 ندارید، با اجرای دستور زیر از ریشه پروژه جاوا اسکریپت خود، آن را ایجاد کنید:

      npm init

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

      npm install --save firebase@10.14.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");


    • برای import ماژول ها می توانید از ES2015 استفاده کنید

      برای درج فقط محصولات 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);