Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

Firebase را به پروژه JavaScript خود اضافه کنید

این راهنما را دنبال کنید تا از Firebase JavaScript SDK در برنامه وب خود یا به عنوان سرویس گیرنده برای دسترسی کاربر نهایی ، به عنوان مثال ، در دسکتاپ Node.js یا برنامه اینترنت اشیا استفاده کنید.

مرحله 1: ایجاد یک پروژه فایربیس و ثبت نام برنامه خود را

قبل از افزودن Firebase به برنامه جاوا اسکریپت خود ، باید یک پروژه Firebase ایجاد کرده و برنامه خود را در آن پروژه ثبت کنید. هنگامی که برنامه خود را در Firebase ثبت می کنید ، یک شیء پیکربندی Firebase دریافت خواهید کرد که از آن برای اتصال برنامه خود به منابع پروژه Firebase خود استفاده خواهید کرد.

مشاهده درک پروژه فایربیس برای کسب اطلاعات بیشتر در مورد پروژه های فایربیس و بهترین شیوه برای اضافه کردن برنامه به پروژه.

اگر شما در حال حاضر یک پروژه جاوا اسکریپت و فقط می خواهم به سعی کنید از یک محصول فایربیس، شما می توانید یکی از ما را دانلود نمونه شروع سریع .

مرحله 2: نصب SDK و مقداردهی اولیه فایربیس

این صفحه را توصیف دستورالعمل تنظیم را برای نسخه 9 از فایربیس JS SDK، که با استفاده از یک جاوا اسکریپت ماژول فرمت.

این گردش کار استفاده NPM و نیاز به bundlers ماژول و یا جاوا اسکریپت قالب چارچوب دلیل SDK V9 است برای کار با بهینه سازی شده bundlers ماژول برای از بین بردن کد استفاده نشده (درخت تکان دادن) و کاهش اندازه SDK.

  1. Firebase را با استفاده از npm نصب کنید:

    npm install firebase
  2. Firebase را در برنامه خود راه اندازی کنید و یک شیء Firebase App ایجاد کنید:

    import { initializeApp } from 'firebase/app';
    
    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);
    

    یک برنامه Firebase یک شیء مانند ظرف است که پیکربندی مشترک را ذخیره می کند و احراز هویت را در سرویس های Firebase به اشتراک می گذارد. پس از راه اندازی اولیه یک شیء Firebase App در کد خود ، می توانید خدمات Firebase را اضافه کرده و شروع به استفاده کنید.

مرحله 3: دسترسی فایربیس در برنامه شما

خدمات Firebase (مانند Cloud Firestore ، Authentication ، Database Realtime ، Remote Config و موارد دیگر) برای وارد کردن در بسته های فرعی جداگانه موجود است.

مثال زیر نشان می دهد که چگونه می توانید از SDK Cloud Firestore Lite برای بازیابی لیستی از داده ها استفاده کنید.

import { initializeApp } from 'firebase/app';
import { getFirestore, collection, getDocs } from 'firebase/firestore/lite';
// Follow this pattern to import other Firebase services
// import { } from 'firebase/<service>';

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

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

// Get a list of cities from your database
async function getCities(db) {
  const citiesCol = collection(db, 'cities');
  const citySnapshot = await getDocs(citiesCol);
  const cityList = citySnapshot.docs.map(doc => doc.data());
  return cityList;
}

گام 4: استفاده از یک bundler ماژول (webpack / عرضه به) برای کاهش اندازه

SDK Firebase Web برای کار با بسته های ماژول برای حذف هرگونه کد استفاده نشده (لرزش درخت) طراحی شده است. ما اکیداً از این روش برای برنامه های تولیدی استفاده می کنیم. ابزارهای مانند زاویه CLI ، Next.js ، لانگ وو CLI یا درست واکنش نشان می دهند برنامه به طور خودکار رسیدگی بسته بندی ماژول برای کتابخانه ها نصب شده از طریق NPM و وارد شده به کدهای خود را.

راهنمای ما با استفاده از bundlers ماژول با Firebase برای اطلاعات بیشتر.

خدمات Firebase در دسترس برای وب

اکنون که برای استفاده از Firebase تنظیم شده اید ، می توانید شروع به افزودن و استفاده از هر یک از خدمات Firebase زیر در برنامه وب خود کنید.

دستورات زیر را نشان می دهد که چگونه برای وارد کتابخانه فایربیس به صورت محلی با نصب npm . مشاهده صفحه کتابخانه موجود برای گزینه های واردات جایگزین.

مراحل بعدی

درباره Firebase بیشتر بدانید: