আপনার JavaScript প্রকল্পে Firebase যোগ করুন

সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।

আপনার ওয়েব অ্যাপে Firebase JavaScript SDK ব্যবহার করতে বা শেষ-ব্যবহারকারীর অ্যাক্সেসের জন্য ক্লায়েন্ট হিসাবে, উদাহরণস্বরূপ, Node.js ডেস্কটপ বা IoT অ্যাপ্লিকেশনে ব্যবহার করতে এই নির্দেশিকা অনুসরণ করুন।

ধাপ 1 : একটি ফায়ারবেস প্রকল্প তৈরি করুন এবং আপনার অ্যাপ নিবন্ধন করুন

আপনি আপনার JavaScript অ্যাপে Firebase যোগ করার আগে, আপনাকে একটি Firebase প্রকল্প তৈরি করতে হবে এবং সেই প্রকল্পের সাথে আপনার অ্যাপ নিবন্ধন করতে হবে। আপনি যখন আপনার অ্যাপটি Firebase-এর সাথে নিবন্ধন করবেন, তখন আপনি একটি Firebase কনফিগারেশন অবজেক্ট পাবেন যা আপনি আপনার অ্যাপটিকে আপনার Firebase প্রকল্প সংস্থানগুলির সাথে সংযুক্ত করতে ব্যবহার করবেন৷

Firebase প্রোজেক্ট এবং প্রোজেক্টে অ্যাপ যোগ করার সর্বোত্তম অভ্যাস সম্পর্কে আরও জানতে Firebase প্রোজেক্ট বুঝতে দেখুন।

আপনার যদি ইতিমধ্যে একটি JavaScript প্রজেক্ট না থাকে এবং আপনি শুধুমাত্র একটি Firebase পণ্য ব্যবহার করে দেখতে চান, তাহলে আপনি আমাদের কুইকস্টার্ট নমুনাগুলির একটি ডাউনলোড করতে পারেন।

ধাপ 2 : SDK ইনস্টল করুন এবং Firebase শুরু করুন

এই পৃষ্ঠাটি Firebase JS SDK-এর সংস্করণ 9-এর জন্য সেটআপ নির্দেশাবলী বর্ণনা করে, যা একটি জাভাস্ক্রিপ্ট মডিউল ফর্ম্যাট ব্যবহার করে।

এই ওয়ার্কফ্লোটি npm ব্যবহার করে এবং এর জন্য মডিউল বান্ডলার বা জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক টুলিং প্রয়োজন কারণ v9 SDK অব্যবহৃত কোড (ট্রি-শেকিং) দূর করতে এবং SDK আকার কমাতে মডিউল বান্ডলারের সাথে কাজ করার জন্য অপ্টিমাইজ করা হয়েছে।

  1. npm ব্যবহার করে Firebase ইনস্টল করুন:

    npm install firebase
  2. আপনার অ্যাপে ফায়ারবেস শুরু করুন এবং একটি ফায়ারবেস অ্যাপ অবজেক্ট তৈরি করুন:

    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 পরিষেবাগুলি যোগ করতে এবং ব্যবহার শুরু করতে পারেন।

ধাপ 3 : আপনার অ্যাপে ফায়ারবেস অ্যাক্সেস করুন

ফায়ারবেস পরিষেবাগুলি (যেমন ক্লাউড ফায়ারস্টোর, প্রমাণীকরণ, রিয়েলটাইম ডেটাবেস, রিমোট কনফিগ, এবং আরও) পৃথক সাব-প্যাকেজের মধ্যে আমদানি করার জন্য উপলব্ধ।

নীচের উদাহরণটি দেখায় যে আপনি কীভাবে ডেটার একটি তালিকা পুনরুদ্ধার করতে ক্লাউড ফায়ারস্টোর লাইট SDK ব্যবহার করতে পারেন৷

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 : আকার কমানোর জন্য একটি মডিউল বান্ডলার (ওয়েবপ্যাক/রোলআপ) ব্যবহার করুন

ফায়ারবেস ওয়েব SDK-কে মডিউল বান্ডলারের সাথে কাজ করার জন্য ডিজাইন করা হয়েছে যেকোন অব্যবহৃত কোড (গাছ কাঁপানো) মুছে ফেলার জন্য। আমরা দৃঢ়ভাবে প্রোডাকশন অ্যাপের জন্য এই পদ্ধতি ব্যবহার করার পরামর্শ দিই। Angular CLI , Next.js , Vue CLI , বা Create React অ্যাপের মতো টুলগুলি npm এর মাধ্যমে ইনস্টল করা এবং আপনার কোডবেসে আমদানি করা লাইব্রেরির জন্য স্বয়ংক্রিয়ভাবে মডিউল বান্ডলিং পরিচালনা করে৷

আরও তথ্যের জন্য ফায়ারবেসের সাথে মডিউল বান্ডলার ব্যবহার করে আমাদের গাইড দেখুন।

ওয়েবের জন্য উপলব্ধ ফায়ারবেস পরিষেবা

এখন যেহেতু আপনি Firebase ব্যবহার করার জন্য সেটআপ করেছেন, আপনি আপনার ওয়েব অ্যাপে নিম্নলিখিত উপলব্ধ ফায়ারবেস পরিষেবাগুলির মধ্যে যেকোনো একটি যোগ করা এবং ব্যবহার করা শুরু করতে পারেন৷

নিম্নলিখিত কমান্ডগুলি দেখায় যে কীভাবে npm এর সাথে স্থানীয়ভাবে ইনস্টল করা ফায়ারবেস লাইব্রেরিগুলি আমদানি করতে হয়। বিকল্প আমদানি বিকল্পের জন্য, উপলব্ধ লাইব্রেরি ডকুমেন্টেশন দেখুন।

পরবর্তী পদক্ষেপ

ফায়ারবেস সম্পর্কে জানুন: