Firebase Web App সেটআপ গাইড

এই টিউটোরিয়ালে আমরা দেখব কিভাবে একটি ওয়েব অ্যাপের জন্য Firebase প্রজেক্ট তৈরি করতে হয়, ডাটাবেজ সেটআপ করতে হয় এবং অ্যাপ কনফিগারেশন সংগ্রহ করতে হয়।

Firebase প্রজেক্ট তৈরি ও কনফিগারেশন

এই ধাপে আমরা একটি নতুন Firebase প্রজেক্ট তৈরি করব, আমাদের ওয়েব অ্যাপটি তার সাথে যুক্ত করব, Realtime Database সেটআপ করব এবং সবশেষে অ্যাপের জন্য প্রয়োজনীয় কনফিগারেশন কোড সংগ্রহ করব।

১.১: নতুন Firebase প্রজেক্ট তৈরি করুন

  1. প্রথমে Firebase Console-এ যান এবং আপনার Google অ্যাকাউন্ট দিয়ে লগইন করুন।
  2. Add project বা Create a project বাটনে ক্লিক করুন।
  3. আপনার প্রজেক্টের একটি নাম দিন এবং ধাপগুলো অনুসরণ করে প্রজেক্ট তৈরি করুন।
[GIF: Firebase প্রজেক্ট তৈরির সম্পূর্ণ প্রক্রিয়া]

১.২: আপনার প্রজেক্টে Web App যোগ করুন

  1. প্রজেক্ট তৈরি হয়ে গেলে, ওভারভিউ পেজ থেকে ওয়েব আইকনে (</>) ক্লিক করুন।
  2. আপনার অ্যাপের একটি নাম দিন এবং Register app বাটনে ক্লিক করুন।
  3. পরবর্তী পেজে যে কনফিগারেশন কোড দেখাবে, তা আপাতত রেখে Continue to console-এ ক্লিক করুন।
[স্ক্রিনশট: ওয়েব অ্যাপ () আইকনটি হাইলাইট করা]

১.৩: Realtime Database তৈরি ও রুলস সেট করুন

  1. বামপাশের মেন্যু থেকে Build > Realtime Database এ ক্লিক করুন।
  2. Create Database বাটনে ক্লিক করে আপনার পছন্দের লোকেশন বেছে নিন।
  3. সিকিউরিটি রুলস এর জন্য Start in test mode নির্বাচন করে Enable করুন।
  4. ডাটাবেসের Rules ট্যাবে গিয়ে আপনি নিরাপত্তা রুলস দেখতে ও পরিবর্তন করতে পারবেন।
[স্ক্রিনশট: Realtime Database তৈরির পপ-আপ]

১.৪: অ্যাপ কনফিগারেশন (Config) সংগ্রহ করুন

  1. বামপাশের মেন্যুর উপরে গিয়ার আইকনে (⚙️) ক্লিক করে Project settings এ যান।
  2. Your apps সেকশনে আপনার রেজিস্টার করা ওয়েব অ্যাপটি দেখতে পাবেন।
  3. SDK setup and configuration থেকে Config অপশনটি সিলেক্ট করুন।
  4. নিচের মতো দেখতে firebaseConfig অবজেক্টটি কপি করে নিন। এটিই আপনার ওয়েব অ্যাপের চাবিকাঠি।
firebase-config.js
const firebaseConfig = {
  apiKey: "AIzaSyXXXXXXXXXXXXXXXXXXX",
  authDomain: "your-project-id.firebaseapp.com",
  databaseURL: "https://your-project-id-default-rtdb.firebaseio.com",
  projectId: "your-project-id",
  storageBucket: "your-project-id.appspot.com",
  messagingSenderId: "1234567890",
  appId: "1:1234567890:web:XXXXXXXXXXXXXXXXXX"
};
🎉

অভিনন্দন! প্রথম ধাপ সম্পন্ন হয়েছে।

আপনি সফলভাবে আপনার ওয়েব অ্যাপের জন্য Firebase প্রজেক্ট তৈরি এবং কনফিগার করেছেন। আপনার কাছে এখন একটি সচল Realtime Database এবং ওয়েব অ্যাপের জন্য প্রয়োজনীয় Config কোড রয়েছে।