ওয়েব এবং ফায়ারবেস সম্পর্কে আরও জানুন

আপনি যখন ফায়ারবেস ব্যবহার করে একটি ওয়েব অ্যাপ তৈরি করছেন, তখন আপনি অপরিচিত ধারণার সম্মুখীন হতে পারেন, অথবা আপনার প্রকল্পের জন্য সঠিক সিদ্ধান্ত নিতে আপনার আরও তথ্যের প্রয়োজন হতে পারে। এই পৃষ্ঠার লক্ষ্য সেই প্রশ্নগুলির উত্তর দেওয়া বা আরও জানার জন্য আপনাকে সম্পদের দিকে নির্দেশ করা।

এই পৃষ্ঠায় কভার না করা একটি বিষয় সম্পর্কে আপনার যদি প্রশ্ন থাকে, তাহলে আমাদের অনলাইন সম্প্রদায়গুলির একটিতে যান৷ আমরা এই পৃষ্ঠাটিকে পর্যায়ক্রমে নতুন বিষয়গুলির সাথে আপডেট করব, তাই আপনি যে বিষয় সম্পর্কে জানতে চান তা আমরা যুক্ত করেছি কিনা তা দেখতে ফিরে দেখুন৷

SDK সংস্করণ 8 এবং 9

Firebase ওয়েব অ্যাপের জন্য দুটি SDK সংস্করণ প্রদান করে:

• সংস্করণ 8. এটি হল জাভাস্ক্রিপ্ট ইন্টারফেস যা ফায়ারবেস বেশ কয়েক বছর ধরে বজায় রেখেছে এবং বিদ্যমান ফায়ারবেস অ্যাপগুলির সাথে ওয়েব ডেভেলপারদের কাছে পরিচিত৷ যেহেতু Firebase একটি বড় রিলিজ চক্রের পরে এই সংস্করণের সমর্থন সরিয়ে দেবে, তাই নতুন অ্যাপগুলির পরিবর্তে সংস্করণ 9 গ্রহণ করা উচিত।
• মডুলার সংস্করণ 9 । এই SDK একটি মডুলার পদ্ধতির প্রবর্তন করে যা SDK আকার হ্রাস করে এবং আধুনিক জাভাস্ক্রিপ্ট বিল্ড টুল যেমন ওয়েবপ্যাক বা রোলআপের সাথে অধিকতর দক্ষতা প্রদান করে।

সংস্করণ 9 বিল্ড সরঞ্জামগুলির সাথে ভালভাবে সংহত করে যা আপনার অ্যাপে ব্যবহার করা হচ্ছে না এমন কোড বের করে দেয়, একটি প্রক্রিয়া যা "বৃক্ষ কাঁপানো" নামে পরিচিত। এই SDK-এর সাহায্যে তৈরি অ্যাপগুলি অনেক কমে যাওয়া সাইজের পদচিহ্ন থেকে উপকৃত হয়। সংস্করণ 8, যদিও একটি মডিউল হিসাবে উপলব্ধ, এর একটি কঠোরভাবে মডুলার কাঠামো নেই এবং একই মাত্রার আকার হ্রাস প্রদান করে না।

যদিও সংস্করণ 9 SDK-এর বেশিরভাগ সংস্করণ 8 সংস্করণের মতো একই প্যাটার্ন অনুসরণ করে, কোডের সংগঠন ভিন্ন। সাধারণত, সংস্করণ 8 একটি নেমস্পেস এবং পরিষেবা প্যাটার্নের দিকে ভিত্তিক হয়, যখন সংস্করণ 9 বিচ্ছিন্ন ফাংশনের দিকে ভিত্তিক হয়। উদাহরণস্বরূপ, সংস্করণ 8 এর ডট-চেইনিং, যেমন firebaseApp.auth() , সংস্করণ 9 এ একটি একক getAuth() ফাংশন দ্বারা প্রতিস্থাপিত হয় যা firebaseApp নেয় এবং একটি প্রমাণীকরণ উদাহরণ প্রদান করে।

এর মানে হল যে সংস্করণ 8 বা তার আগের সংস্করণের সাথে তৈরি করা ওয়েব অ্যাপগুলির জন্য সংস্করণ 9 এর মডুলার পদ্ধতির সুবিধা নেওয়ার জন্য রিফ্যাক্টরিং প্রয়োজন। ফায়ারবেস সেই ট্রানজিশন সহজ করতে কমপ্যাট লাইব্রেরি প্রদান করে; আরও বিস্তারিত জানার জন্য আপগ্রেড গাইড দেখুন।

কি সমর্থন করা হয়?

যদিও সংস্করণ 8 এবং সংস্করণ 9-এর বিভিন্ন কোড শৈলী রয়েছে, তারা Firebase বৈশিষ্ট্য এবং বিকল্পগুলির জন্য খুব অনুরূপ সমর্থন প্রদান করে। যেমনটি আমরা এই নির্দেশিকায় বিশদভাবে বর্ণনা করব, উভয় SDK সংস্করণই JavaScript এবং Node.js ভেরিয়েন্টগুলিকে সমর্থন করে এবং SDK যোগ/ইনস্টল করার জন্য বিভিন্ন বিকল্পের সাথে।

আরও তথ্যের জন্য, আপনার অ্যাপে ওয়েব SDK যোগ করার উপায় এবং Firebase ওয়েব SDK ভেরিয়েন্টগুলি পরে এই পৃষ্ঠায় দেখুন৷

নতুন অ্যাপের জন্য সংস্করণ 9

আপনি যদি Firebase-এর সাথে একটি নতুন ইন্টিগ্রেশন শুরু করেন, আপনি SDK যোগ এবং আরম্ভ করার সময় 9 SDK সংস্করণ বেছে নিতে পারেন।

আপনি যখন আপনার অ্যাপটি ডেভেলপ করেন, মনে রাখবেন যে আপনার কোডটি মূলত ফাংশনগুলির চারপাশে সংগঠিত হবে৷ সংস্করণ 9-এ, পরিষেবাগুলিকে প্রথম যুক্তি হিসাবে পাস করা হয়, এবং ফাংশনটি তারপর পরিষেবার বিশদ বিবরণ ব্যবহার করে বাকিগুলি করতে। উদাহরণ স্বরূপ:

import { getAuth, onAuthStateChanged } from "firebase/auth";

const auth = getAuth(firebaseApp);
onAuthStateChanged(auth, user => {
  // Check for user status
});

আরও উদাহরণ এবং বিশদ বিবরণের জন্য, প্রতিটি পণ্য এলাকার জন্য নির্দেশিকা এবং সেইসাথে সংস্করণ 9 রেফারেন্স ডকুমেন্টেশন দেখুন।

আপনার অ্যাপে ওয়েব SDK যোগ করার উপায়

ফায়ারবেস রিমোট কনফিগ, এফসিএম এবং আরও অনেক কিছু সহ বেশিরভাগ ফায়ারবেস পণ্যের জন্য জাভাস্ক্রিপ্ট লাইব্রেরি সরবরাহ করে। আপনি কীভাবে আপনার ওয়েব অ্যাপে Firebase SDK যোগ করবেন তা নির্ভর করে আপনি আপনার অ্যাপের সাথে কোন টুলিং ব্যবহার করছেন (যেমন একটি মডিউল বান্ডলার), অথবা আপনার অ্যাপটি Node.js-এর মতো ব্রাউজার নয় এমন পরিবেশে চলে কিনা।

আপনি সমর্থিত পদ্ধতিগুলির একটির মাধ্যমে আপনার অ্যাপে উপলব্ধ লাইব্রেরিগুলির যেকোনো একটি যোগ করতে পারেন:

• npm (মডিউল বান্ডলার এবং Node.js এর জন্য)
• CDN (কন্টেন্ট ডেলিভারি নেটওয়ার্ক)

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

npm

Firebase npm প্যাকেজ ডাউনলোড করা (যাতে ব্রাউজার এবং Node.js বান্ডেল উভয়ই অন্তর্ভুক্ত) আপনাকে Firebase SDK-এর একটি স্থানীয় অনুলিপি প্রদান করে, যেটি Node.js অ্যাপস, রিঅ্যাক্ট নেটিভ বা ইলেক্ট্রনের মতো নন-ব্রাউজার অ্যাপ্লিকেশনের জন্য প্রয়োজন হতে পারে। ডাউনলোডে কিছু প্যাকেজের বিকল্প হিসেবে Node.js এবং React Native bundles অন্তর্ভুক্ত রয়েছে। SSR ফ্রেমওয়ার্কের সার্ভার-সাইড রেন্ডারিং (SSR) ধাপের জন্য Node.js বান্ডেলগুলি প্রয়োজনীয়।

একটি মডিউল বান্ডলার যেমন ওয়েবপ্যাক বা রোলআপের সাথে npm ব্যবহার করা অব্যবহৃত কোড "ট্রি-শেক" করার জন্য অপ্টিমাইজেশান বিকল্প সরবরাহ করে এবং লক্ষ্যযুক্ত পলিফিলগুলি প্রয়োগ করে, যা আপনার অ্যাপের আকারের পদচিহ্নকে ব্যাপকভাবে হ্রাস করতে পারে। এই বৈশিষ্ট্যগুলি প্রয়োগ করা আপনার কনফিগারেশনে কিছু জটিলতা যোগ করতে পারে এবং চেইন তৈরি করতে পারে, তবে বিভিন্ন মূলধারার CLI সরঞ্জামগুলি এটি প্রশমিত করতে সহায়তা করতে পারে। এই সরঞ্জামগুলির মধ্যে Angular , React , Vue , Next , এবং অন্যান্য অন্তর্ভুক্ত রয়েছে।

সংক্ষেপে:

• মূল্যবান অ্যাপ আকার অপ্টিমাইজেশান প্রদান করে
• মডিউল পরিচালনা করার জন্য শক্তিশালী টুলিং উপলব্ধ
• Node.js সহ SSR এর জন্য প্রয়োজনীয়

CDN (কন্টেন্ট ডেলিভারি নেটওয়ার্ক)

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

সংক্ষেপে:

• পরিচিত এবং সহজ
• অ্যাপের আকার যখন বড় উদ্বেগের বিষয় নয় তখন উপযুক্ত
• যখন আপনার ওয়েবসাইট বিল্ড টুল ব্যবহার করে না তখন উপযুক্ত।

Firebase ওয়েব SDK ভেরিয়েন্ট

বর্তমানে, Firebase দুটি ওয়েব SDK ভেরিয়েন্ট প্রদান করে:

• ব্রাউজারে ব্যবহারের জন্য সমস্ত ফায়ারবেস বৈশিষ্ট্য সমর্থন করে একটি জাভাস্ক্রিপ্ট বান্ডেল।
• একটি ক্লায়েন্ট-সাইড Node.js বান্ডেল যা অনেকগুলি-কিন্তু সবগুলি নয়- Firebase বৈশিষ্ট্যগুলিকে সমর্থন করে৷ সমর্থিত পরিবেশের তালিকা দেখুন।

এই SDK ভেরিয়েন্ট দুটিই ডিজাইন করা হয়েছে ওয়েব অ্যাপস বা ক্লায়েন্ট অ্যাপ তৈরি করতে সাহায্য করার জন্য শেষ-ব্যবহারকারীর অ্যাক্সেসের জন্য, যেমন Node.js ডেস্কটপ বা IoT অ্যাপ্লিকেশনে। আপনার লক্ষ্য যদি সুবিধাপ্রাপ্ত পরিবেশ (যেমন সার্ভার) থেকে প্রশাসনিক অ্যাক্সেস সেট আপ করা হয় তবে পরিবর্তে Firebase অ্যাডমিন SDK ব্যবহার করুন।

বান্ডলার এবং ফ্রেমওয়ার্ক সহ পরিবেশ সনাক্তকরণ

আপনি যখন npm ব্যবহার করে Firebase ওয়েব SDK ইনস্টল করেন, তখন JavaScript এবং Node.js সংস্করণ দুটিই ইনস্টল করা হয়। প্যাকেজটি আপনার অ্যাপ্লিকেশনের জন্য সঠিক বান্ডিলগুলি সক্ষম করতে বিশদ পরিবেশ সনাক্তকরণ সরবরাহ করে।

যদি আপনার কোড Node.js ব্যবহার করে বিবৃতি require , SDK নোড-নির্দিষ্ট বান্ডিল খুঁজে পায়। অন্যথায়, আপনার package.json ফাইলে সঠিক এন্ট্রি পয়েন্ট ক্ষেত্রটি সনাক্ত করতে আপনার বান্ডলারের সেটিংস সঠিকভাবে চিত্রিত করা আবশ্যক (উদাহরণস্বরূপ, main , browser বা module )। আপনি যদি SDK-এর সাথে রানটাইম ত্রুটিগুলি অনুভব করেন, আপনার বান্ডলারটি আপনার পরিবেশের জন্য সঠিক ধরণের বান্ডেলকে অগ্রাধিকার দেওয়ার জন্য কনফিগার করা হয়েছে তা নিশ্চিত করতে পরীক্ষা করুন৷

Firebase কনফিগার অবজেক্ট সম্পর্কে জানুন

আপনার অ্যাপে Firebase আরম্ভ করতে, আপনাকে আপনার অ্যাপের Firebase প্রোজেক্ট কনফিগারেশন প্রদান করতে হবে। আপনি যেকোনো সময় আপনার Firebase কনফিগারেশন অবজেক্ট পেতে পারেন।

• আমরা আপনার কনফিগার অবজেক্ট ম্যানুয়ালি সম্পাদনা করার পরামর্শ দিই না, বিশেষ করে নিম্নলিখিত প্রয়োজনীয় "Firebase বিকল্পগুলি": apiKey , projectId , এবং appID । আপনি যদি এই প্রয়োজনীয় "ফায়ারবেস বিকল্পগুলির" জন্য অবৈধ বা অনুপস্থিত মান সহ আপনার অ্যাপটি শুরু করেন, তবে আপনার অ্যাপের ব্যবহারকারীরা গুরুতর সমস্যার সম্মুখীন হতে পারেন।

• আপনি যদি আপনার Firebase প্রকল্পে Google Analytics সক্ষম করে থাকেন, তাহলে আপনার কনফিগার অবজেক্টে ক্ষেত্র measurementId থাকে। অ্যানালিটিক্স শুরু করার পৃষ্ঠায় এই ক্ষেত্রটি সম্পর্কে আরও জানুন।

• আপনি যদি আপনার Firebase ওয়েব অ্যাপ তৈরি করার পরে Google Analytics বা রিয়েলটাইম ডেটাবেস সক্ষম করেন, তাহলে নিশ্চিত করুন যে আপনি আপনার অ্যাপে যে Firebase কনফিগার অবজেক্টটি ব্যবহার করেন সেটি সংশ্লিষ্ট কনফিগার মানগুলির সাথে আপডেট করা হয়েছে (যথাক্রমে measurementId এবং databaseURL )। আপনি যেকোনো সময় আপনার Firebase কনফিগারেশন অবজেক্ট পেতে পারেন।

এখানে সমস্ত পরিষেবা সক্ষম সহ একটি কনফিগার অবজেক্টের বিন্যাস রয়েছে (এই মানগুলি স্বয়ংক্রিয়ভাবে জনবহুল হয়):

var firebaseConfig = {
  apiKey: "API_KEY",
  authDomain: "PROJECT_ID.firebaseapp.com",
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
  projectId: "PROJECT_ID",
  storageBucket: "PROJECT_ID.appspot.com",
  messagingSenderId: "SENDER_ID",
  appId: "APP_ID",
  // For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
  measurementId: "G-MEASUREMENT_ID",
};

উপলব্ধ লাইব্রেরি

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-analytics.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app-check.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-auth.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-functions.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-installations.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-messaging.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-storage.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-performance.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-database.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-remote-config.js"></script>

<script src="/__/firebase/8.10.1/firebase-app.js"></script>

<script src="/__/firebase/8.10.1/firebase-analytics.js"></script>

<script src="/__/firebase/8.10.1/firebase-app-check.js"></script>

<script src="/__/firebase/8.10.1/firebase-auth.js"></script>

<script src="/__/firebase/8.10.1/firebase-firestore.js"></script>

<script src="/__/firebase/8.10.1/firebase-functions.js"></script>

<script src="/__/firebase/8.10.1/firebase-installations.js"></script>

<script src="/__/firebase/8.10.1/firebase-messaging.js"></script>

<script src="/__/firebase/8.10.1/firebase-storage.js"></script>

<script src="/__/firebase/8.10.1/firebase-performance.js"></script>

<script src="/__/firebase/8.10.1/firebase-database.js"></script>

<script src="/__/firebase/8.10.1/firebase-remote-config.js"></script>

<script src="/__/firebase/8.10.1/firebase.js"></script>

অতিরিক্ত সেটআপ বিকল্প

Firebase SDK-এর লোডিং বিলম্বিত (CDN থেকে)

পুরো পৃষ্ঠাটি লোড না হওয়া পর্যন্ত আপনি Firebase SDK গুলি অন্তর্ভুক্ত করতে বিলম্ব করতে পারেন৷ আপনি যদি <script type="module"> এর সাথে সংস্করণ 9 CDN স্ক্রিপ্ট ব্যবহার করেন তবে এটি ডিফল্ট আচরণ। আপনি যদি মডিউল হিসাবে সংস্করণ 8 CDN স্ক্রিপ্ট ব্যবহার করেন তবে লোডিং স্থগিত করতে এই পদক্ষেপগুলি সম্পূর্ণ করুন:

1. Firebase SDK-এর জন্য প্রতিটি script ট্যাগে একটি defer ফ্ল্যাগ যোগ করুন, তারপরে একটি দ্বিতীয় স্ক্রিপ্ট ব্যবহার করে Firebase-এর আরম্ভ করা পিছিয়ে দিন, উদাহরণস্বরূপ:

   <script defer src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
   
   <script defer src="https://www.gstatic.com/firebasejs/8.10.1/firebase-auth.js"></script>
   <script defer src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>
   
   // ...
   
   <script defer src="./init-firebase.js"></script>
   

2. একটি init-firebase.js ফাইল তৈরি করুন, তারপর ফাইলটিতে নিম্নলিখিতগুলি অন্তর্ভুক্ত করুন:

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

একটি একক অ্যাপে একাধিক ফায়ারবেস প্রকল্প ব্যবহার করুন

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

import { initializeApp } from "firebase/app";
import { getStorage } from "firebase/storage";
import { getFirestore } from "firebase/firestore";

// Initialize Firebase with a "default" Firebase project
const defaultProject = initializeApp(firebaseConfig);

console.log(defaultProject.name);  // "[DEFAULT]"

// Option 1: Access Firebase services via the defaultProject variable
let defaultStorage = getStorage(defaultProject);
let defaultFirestore = getFirestore(defaultProject);

// Option 2: Access Firebase services using shorthand notation
defaultStorage = getStorage();
defaultFirestore = getFirestore();
app_default_init_options.js

// Initialize Firebase with a "default" Firebase project
const defaultProject = firebase.initializeApp(firebaseConfig);

console.log(defaultProject.name);  // "[DEFAULT]"

// Option 1: Access Firebase services via the defaultProject variable
let defaultStorage = defaultProject.storage();
let defaultFirestore = defaultProject.firestore();

// Option 2: Access Firebase services using shorthand notation
defaultStorage = firebase.storage();
defaultFirestore = firebase.firestore();
firebaseapp.js

কখনও কখনও, যদিও, আপনাকে একই সময়ে একাধিক ফায়ারবেস প্রকল্প অ্যাক্সেস করতে হবে। উদাহরণস্বরূপ, আপনি একটি ফায়ারবেস প্রকল্পের ডাটাবেস থেকে ডেটা পড়তে চাইতে পারেন কিন্তু একটি ভিন্ন ফায়ারবেস প্রকল্পে ফাইল সংরক্ষণ করতে পারেন। অথবা আপনি একটি প্রকল্প প্রমাণীকরণ করতে চাইতে পারেন যখন একটি দ্বিতীয় প্রকল্প অনুমোদনহীন রাখা.

Firebase JavaScript SDK আপনাকে একই সময়ে একাধিক Firebase প্রজেক্ট শুরু করতে এবং ব্যবহার করতে দেয়, প্রতিটি প্রজেক্টের নিজস্ব Firebase কনফিগারেশন তথ্য ব্যবহার করে।

import { initializeApp, getApp } from "firebase/app";
import { getStorage } from "firebase/storage";
import { getFirestore } from "firebase/firestore";

// Initialize Firebase with a default Firebase project
initializeApp(firebaseConfig);

// Initialize Firebase with a second Firebase project
const otherProject = initializeApp(otherProjectFirebaseConfig, "other");

console.log(getApp().name);  // "[DEFAULT]"
console.log(otherProject.name);    // "otherProject"

// Use the shorthand notation to access the default project's Firebase services
const defaultStorage = getStorage();
const defaultFirestore = getFirestore();

// Use the otherProject variable to access the second project's Firebase services
const otherStorage = getStorage(otherProject);
const otherFirestore = getFirestore(otherProject);
app_multi_project_init_options.js

// Initialize Firebase with a default Firebase project
firebase.initializeApp(firebaseConfig);

// Initialize Firebase with a second Firebase project
const otherProject = firebase.initializeApp(otherProjectFirebaseConfig, "other");

console.log(firebase.app().name);  // "[DEFAULT]"
console.log(otherProject.name);    // "otherProject"

// Use the shorthand notation to access the default project's Firebase services
const defaultStorage = firebase.storage();
const defaultFirestore = firebase.firestore();

// Use the otherProject variable to access the second project's Firebase services
const otherStorage = otherProject.storage();
const otherFirestore = otherProject.firestore();
firebaseapp.js

বিকাশের জন্য একটি স্থানীয় ওয়েব সার্ভার চালান

আপনি যদি একটি ওয়েব অ্যাপ তৈরি করেন, ফায়ারবেস জাভাস্ক্রিপ্ট SDK-এর কিছু অংশের জন্য প্রয়োজন যে আপনি স্থানীয় ফাইল সিস্টেমের পরিবর্তে একটি সার্ভার থেকে আপনার ওয়েব অ্যাপটি পরিবেশন করবেন। আপনি একটি স্থানীয় সার্ভার চালানোর জন্য Firebase CLI ব্যবহার করতে পারেন।

আপনি যদি ইতিমধ্যেই আপনার অ্যাপের জন্য Firebase হোস্টিং সেট-আপ করে থাকেন, তাহলে আপনি হয়ত ইতিমধ্যেই নিচের কয়েকটি ধাপ সম্পন্ন করেছেন।

আপনার ওয়েব অ্যাপ পরিবেশন করতে, আপনি Firebase CLI, একটি কমান্ড-লাইন টুল ব্যবহার করবেন।

1. কিভাবে CLI ইনস্টল করতে হয় বা এর সর্বশেষ সংস্করণে আপডেট করতে হয় তা শিখতে Firebase CLI ডকুমেন্টেশনে যান।

2. আপনার ফায়ারবেস প্রকল্প শুরু করুন। আপনার স্থানীয় অ্যাপ ডিরেক্টরির রুট থেকে নিম্নলিখিত কমান্ডটি চালান:

   firebase init

   এই প্রারম্ভিক কমান্ড কি করে?

   • আপনার স্থানীয় অ্যাপ ডিরেক্টরিকে Firebase-এর সাথে লিঙ্ক করে

   • একটি firebase.json ফাইল তৈরি করে (Firebase হোস্টিংয়ের জন্য একটি প্রয়োজনীয় ফাইল)

   • আপনাকে একটি পাবলিক রুট ডিরেক্টরি উল্লেখ করতে অনুরোধ করে যাতে আপনার পাবলিক স্ট্যাটিক ফাইল (HTML, CSS, JS, ইত্যাদি) রয়েছে।

     ফায়ারবেস যে ডিরেক্টরিটি খুঁজছে তার ডিফল্ট নাম হল "পাবলিক"। আপনি আপনার firebase.json ফাইলটি সরাসরি পরিবর্তন করে পরে সর্বজনীন ডিরেক্টরি সেট করতে পারেন।

3. বিকাশের জন্য স্থানীয় সার্ভার শুরু করুন । আপনার স্থানীয় অ্যাপ ডিরেক্টরির রুট থেকে নিম্নলিখিত কমান্ডটি চালান:

   firebase serve

Firebase JavaScript SDK-এর জন্য ওপেন সোর্স রিসোর্স

ফায়ারবেস ওপেন সোর্স ডেভেলপমেন্টকে সমর্থন করে এবং আমরা সম্প্রদায়ের অবদান এবং প্রতিক্রিয়াকে উৎসাহিত করি।

ফায়ারবেস জাভাস্ক্রিপ্ট SDK

বেশিরভাগ Firebase JavaScript SDK গুলি আমাদের সর্বজনীন Firebase GitHub সংগ্রহস্থলে ওপেন সোর্স লাইব্রেরি হিসাবে তৈরি করা হয়।

দ্রুত শুরু নমুনা

ফায়ারবেস ওয়েবে বেশিরভাগ Firebase API-এর জন্য কুইকস্টার্ট নমুনার সংগ্রহ বজায় রাখে। আমাদের সর্বজনীন ফায়ারবেস গিটহাব কুইকস্টার্ট রিপোজিটরিতে এই কুইকস্টার্টগুলি খুঁজুন। আপনি Firebase SDK ব্যবহার করার জন্য উদাহরণ কোড হিসাবে এই দ্রুতস্টার্টগুলি ব্যবহার করতে পারেন।