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 জাভাস্ক্রিপ্ট SDK ব্যবহার করতে অথবা শেষ ব্যবহারকারীর অ্যাক্সেসের জন্য ক্লায়েন্ট হিসেবে এই নির্দেশিকাটি অনুসরণ করুন, উদাহরণস্বরূপ, একটি Node.js ডেস্কটপ বা IoT অ্যাপ্লিকেশনে।

ধাপ 1: একটি Firebase প্রকল্প তৈরি করুন এবং আপনার অ্যাপ্লিকেশন রেজিস্টার করো

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

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

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

পদক্ষেপ 2: SDK এর ইনস্টল করুন এবং আরম্ভ Firebase

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

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

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

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

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

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

ধাপ 3: একসেস Firebase আপনার অ্যাপে

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

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

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 / রোলআপ) আকার কমানোর জন্য

ফায়ারবেস ওয়েব এসডিকে মডিউল বান্ডলারগুলির সাথে কাজ করার জন্য ডিজাইন করা হয়েছে যাতে কোন অব্যবহৃত কোড (গাছ-কাঁপানো) অপসারণ করা যায়। আমরা দৃ strongly়ভাবে উত্পাদন অ্যাপ্লিকেশনের জন্য এই পদ্ধতির ব্যবহার সুপারিশ। যেমন সরঞ্জামসমূহ কৌণিক CLI , Next.js , Vue CLI , অথবা প্রতিক্রিয়া অ্যাপ তৈরি করুন স্বয়ংক্রিয়ভাবে লাইব্রেরি npm মাধ্যমে ইনস্টল করেছেন এবং আপনার কোডবেস আমদানি জন্য মডিউল Bundling হ্যান্ডেল।

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

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

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

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

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

Firebase সম্পর্কে জানুন: