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

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

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

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

ফায়ারবেস প্রকল্প এবং প্রকল্পগুলিতে অ্যাপ যোগ করার সর্বোত্তম অনুশীলন সম্পর্কে আরও জানতে "আন্ডারস্ট্যান্ড ফায়ারবেস প্রকল্পগুলি" দেখুন।

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

ধাপ ২ : SDK ইনস্টল করুন এবং Firebase আরম্ভ করুন

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

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

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

    npm install firebase

  2. আপনার অ্যাপে Firebase আরম্ভ করুন এবং একটি Firebase App অবজেক্ট তৈরি করুন:

    import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

    ফায়ারবেস অ্যাপ হল একটি কন্টেইনার-সদৃশ অবজেক্ট যা সাধারণ কনফিগারেশন সংরক্ষণ করে এবং ফায়ারবেস পরিষেবাগুলিতে প্রমাণীকরণ ভাগ করে। আপনার কোডে একটি ফায়ারবেস অ্যাপ অবজেক্ট শুরু করার পরে, আপনি ফায়ারবেস পরিষেবাগুলি যোগ করতে এবং ব্যবহার শুরু করতে পারেন।

    যদি আপনার অ্যাপে সার্ভার-সাইড রেন্ডারিং (SSR) এর উপর ভিত্তি করে গতিশীল বৈশিষ্ট্য অন্তর্ভুক্ত থাকে, তাহলে আপনার কনফিগারেশনটি সার্ভার রেন্ডারিং এবং ক্লায়েন্ট রেন্ডারিং পাস জুড়ে স্থায়ী হয় তা নিশ্চিত করার জন্য আপনাকে কিছু অতিরিক্ত পদক্ষেপ নিতে হবে। আপনার সার্ভার লজিকে, পরিষেবা কর্মীদের সাথে আপনার অ্যাপের সেশন ব্যবস্থাপনা অপ্টিমাইজ করতে FirebaseServerApp ইন্টারফেসটি প্রয়োগ করুন।

ধাপ ৩ : আপনার অ্যাপে Firebase অ্যাক্সেস করুন

ফায়ারবেস পরিষেবাগুলি (যেমন Cloud Firestore , Authentication , Realtime Database , Remote Config , এবং আরও অনেক কিছু) পৃথক সাব-প্যাকেজগুলির মধ্যে আমদানি করার জন্য উপলব্ধ।

নীচের উদাহরণটি দেখায় কিভাবে আপনি Cloud Firestore লাইট 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 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;
}

ধাপ ৪ : আকার হ্রাসের জন্য একটি মডিউল বান্ডলার (ওয়েবপ্যাক/রোলআপ) ব্যবহার করুন

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

আরও তথ্যের জন্য আমাদের Firebase সহ মডিউল বান্ডলার ব্যবহার করার নির্দেশিকাটি দেখুন।

ওয়েবের জন্য উপলব্ধ Firebase পরিষেবাগুলি

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

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

১. ফায়ারবেস এআই লজিককে পূর্বে " ভার্টেক্স এআই ইন ফায়ারবেস " নামে ডাকা হত, যার প্যাকেজটি ছিল firebase/vertexai ।

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

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