بالنسبة لمعظم تطبيقات الويب Firebase، نوصي بشدة باستخدام SDK عبر npm . ومع ذلك، بالنسبة للمستخدمين ذوي المتطلبات الخاصة، يوفر Firebase طرقًا بديلة لإضافة SDK . توفر هذه الصفحة إرشادات الإعداد التفصيلية لهذه الطرق البديلة:
- CDN (شبكة توصيل المحتوى)
- npm لتطبيقات Node.js
باستخدام هذه الطرق، يمكنك إضافة أي من المكتبات المتاحة إلى تطبيقك.
من CDN
يمكنك تكوين استيراد جزئي لـ Firebase JavaScript SDK وتحميل منتجات Firebase التي تحتاجها فقط. يقوم Firebase بتخزين كل مكتبة من Firebase JavaScript SDK على شبكة CDN العالمية (شبكة توصيل المحتوى).
لتضمين منتجات 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.9.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.9.0/firebase-analytics.js' // Add Firebase products that you want to use import { getAuth } from 'https://www.gstatic.com/firebasejs/10.9.0/firebase-auth.js' import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.9.0/firebase-firestore.js' </script> </body>
أضف كائن تكوين 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
قم بتثبيت Firebase JavaScript SDK:
إذا لم يكن لديك ملف
package.json
بالفعل، فقم بإنشاء ملف عن طريق تشغيل الأمر التالي من جذر مشروع JavaScript الخاص بك:npm init
قم بتثبيت حزمة
firebase
npm واحفظها في ملفpackage.json
الخاص بك عن طريق تشغيل:npm install --save firebase@10.9.0
استخدم أحد الخيارات التالية لاستخدام وحدة Firebase في تطبيقك:
يمكنك
require
وحدات من أي ملف JavaScriptلتضمين منتجات 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");
يمكنك استخدام ES2015
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";
أضف كائن تكوين 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);