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 محددة (على سبيل المثال، مصادقة والغيمة 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.6.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.6.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.6.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 ملف، إنشاء واحد عن طريق تشغيل الأمر التالي من الجذر من مشروع جافا سكريبت:

      npm init
    2. تثبيت firebase حزمة الآلية الوقائية الوطنية وحفظه إلى الخاص package.json ملف عن طريق تشغيل:

      npm install --save firebase@9.6.0
  2. استخدم أحد الخيارات التالية لاستخدام وحدة Firebase في تطبيقك:

    • يمكنك require وحدات من أي ملف جافا سكريبت

      لتشمل فقط المنتجات Firebase محددة (مثل مصادقة والغيمة 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 محددة (مثل مصادقة والغيمة 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);