طرق بديلة لإضافة Firebase إلى مشروع JavaScript الخاص بك

بالنسبة لمعظم تطبيقات Firebase Web ، نوصي بشدة باستخدام SDK عبر npm . ومع ذلك ، بالنسبة إلى المستخدمين ذوي المتطلبات الخاصة ، يوفر Firebase طرقًا بديلة لإضافة SDK . توفر هذه الصفحة إرشادات الإعداد التفصيلية لهذه الطرق البديلة:

  • CDN (شبكة توصيل المحتوى)
  • npm لتطبيقات Node.js

باستخدام هذه الطرق ، يمكنك إضافة أي من المكتبات المتاحة إلى تطبيقك.

من 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/10.3.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.3.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/10.3.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.3.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. ثبّت حزمة firebase npm واحفظها في ملف package.json عن طريق تشغيل:

      npm install --save firebase@10.3.1
  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 ، ثم ابدأ تشغيل 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);