আপনার পছন্দের ভাষায় কন্টেন্ট অনুবাদ করতে Google তার AI প্রযুক্তি ব্যবহার করে। AI-এর মাধ্যমে করা অনুবাদে ভুল থাকতে পারে।

আপনার Flutter প্রোজেক্টে Firebase ব্যবহার শুরু করা

পূর্বশর্ত

আপনার পছন্দের এডিটর বা IDE ইনস্টল করুন।
নিম্নলিখিত সহ আপনার নির্দিষ্ট অপারেটিং সিস্টেমের জন্য Flutter ইনস্টল করুন
- Flutter SDK
- সহায়ক লাইব্রেরি
- প্ল্যাটফর্ম-নির্দিষ্ট সফ্টওয়্যার ও SDK

প্ল্যাটফর্ম-নির্দিষ্ট পূর্বশর্ত:

Apple

আপনার অ্যাপ চালানোর জন্য কোনও ফিজিক্যাল Apple ডিভাইস সেট-আপ করুন বা সিমুলেটর ব্যবহার করুন।
নিশ্চিত করুন যে আপনার Flutter অ্যাপ নিম্নলিখিত প্ল্যাটফর্ম ভার্সন বা পরবর্তী ভার্সনকে টার্গেট করে:
- iOS 15
- macOS 11

আপনি কি Cloud Messaging ব্যবহার করতে চান?

Apple প্ল্যাটফর্মে Cloud Messaging-এর জন্য, এখানে পূর্বশর্তগুলি দেওয়া হল:

ফিজিক্যাল Apple ডিভাইস সেট-আপ করুন।

আপনার Apple ডেভেলপার অ্যাকাউন্টের জন্য Apple পুশ বিজ্ঞপ্তি প্রমাণীকরণ কী পান।

অ্যাপ > ক্যাপাবিলিটি বিকল্পের মধ্যে Xcode-এ পুশ বিজ্ঞপ্তি চালু করুন।

Android

আপনার অ্যাপ চালানোর জন্য একটি ডিভাইস বা এমুলেটর সেট-আপ করুন। এমুলেটর অবশ্যই Google Play সহ এমুলেটর ইমেজ ব্যবহার করতে হবে।
আপনার অ্যাপ নিম্নলিখিত প্রয়োজনীয়তা পূরণ করছে কিনা তা ভালোভাবে দেখে নিন:
- টার্গেট API লেভেল ২৩ (Marshmallow) বা এর পরের যেকোনও ভার্সন
- Android 6.0 বা তার পরবর্তী যেকোনও ভার্সন ব্যবহার করে

ওয়েব

প্ল্যাটফর্ম-নির্দিষ্ট কোনও পূর্বশর্ত নেই

আপনার কাছে আগে থেকেই Flutter অ্যাপ না থাকলে, আপনার পছন্দের এডিটর বা IDE ব্যবহার করে নতুন Flutter অ্যাপ তৈরি করতে, আপনি শুরু করা যাক: টেস্ট ড্রাইভ সম্পূর্ণ করতে পারবেন।

ধাপ ১: প্রয়োজনীয় কমান্ড লাইন টুল ইনস্টল করুন

আপনি আগে থেকে না করে থাকলে, Firebase CLI ইনস্টল করুন।
নিম্নলিখিত কমান্ড রান করিয়ে আপনার Google অ্যাকাউন্ট ব্যবহার করে Firebase-এ লগ-ইন করুন:
```
firebase login
```
যেকোনও ডিরেক্টরি থেকে নিম্নলিখিত কমান্ড রান করে FlutterFire CLI ইনস্টল করুন:
```
dart pub global activate flutterfire_cli
```

ধাপ ২: Firebase ব্যবহার করার জন্য আপনার অ্যাপ কনফিগার করুন

Firebase-এর সাথে কানেক্ট করার জন্য আপনার Flutter অ্যাপ কনফিগার করতে FlutterFire CLI ব্যবহার করুন।

আপনার Flutter প্রজেক্ট ডিরেক্টরি থেকে, অ্যাপ কনফিগারেশন ওয়ার্কফ্লো শুরু করতে নিচের কমান্ডটি রান করুন:

flutterfire configure

এই flutterfire configure ওয়ার্কফ্লো কী করে?

flutterfire configure ওয়ার্কফ্লো এগুলি করে:

আপনার Flutter অ্যাপে কাজ করে এমন প্ল্যাটফর্ম (iOS, Android, Web) বেছে নিতে বলে। বেছে নেওয়া প্রতিটি প্ল্যাটফর্মের জন্য, FlutterFire CLI আপনার Firebase প্রোজেক্টে একটি নতুন Firebase অ্যাপ তৈরি করে।

আপনি আগে থেকে থাকা Firebase প্রোজেক্ট ব্যবহার করতে অথবা নতুন Firebase প্রোজেক্ট তৈরি করতে পারেন। আগে থেকেই Firebase প্রোজেক্টে রেজিস্টার করা অ্যাপ থাকলে, FlutterFire CLI আপনার বর্তমান Flutter প্রোজেক্ট কনফিগারেশনের উপর ভিত্তি করে সেগুলি ম্যাচ করার চেষ্টা করবে।

মনে রাখবেন: Firebase প্রোজেক্ট সেট-আপ ও ম্যানেজ করা সম্পর্কে এখানে কিছু পরামর্শ দেওয়া হল:

Firebase প্রোজেক্টে অ্যাপ যোগ করার জন্য আমাদের পেশাদার পদ্ধতি চেক করে দেখুন, এর মধ্যে কীভাবে একাধিক ভ্যারিয়েন্ট ম্যানেজ করতে হয় তা অন্তর্ভুক্ত।

আপনার প্রোজেক্টে Google Analytics চালু করুন যা Crashlytics ও Remote Config-এর মতো অনেক Firebase প্রোডাক্ট ব্যবহার করে অপ্টিমাল অভিজ্ঞতা প্রদান করে।

Firebase কনফিগারেশন ফাইল (firebase_options.dart) তৈরি করে এবং এটি আপনার lib/ ডিরেক্টরিতে যোগ করে।

মনে রাখবেন: আপনার বেছে নেওয়া প্রতিটি প্ল্যাটফর্মের জন্য এই Firebase কনফিগারেশন ফাইলে অনন্য, কিন্তু গোপনীয় নয় এমন আইডেন্টিফায়ার থাকে।
এই কনফিগারেশন ফাইল সম্পর্কে আরও জানতে Firebase প্রোজেক্ট সম্পর্কে জানুন লিঙ্কে যান।

(Android-এ Crashlytics বা Performance Monitoring-এর জন্য) আপনার Flutter অ্যাপে প্রয়োজনীয় প্রোডাক্ট-নির্দিষ্ট Gradle প্লাগ-ইন যোগ করে।

মনে রাখবেন: FlutterFire CLI-কে উপযুক্ত Gradle প্লাগ-ইন যোগ করতে হলে, প্রোডাক্টের Flutter প্লাগ-ইনকে অবশ্যই আগে থেকেই আপনার Flutter অ্যাপে ইমপোর্ট করতে হবে।

flutterfire configure প্রথমবার রান করার পরে, আপনাকে যেকোনও সময় কমান্ডটি আবার রান করতে হবে যখন আপনি:

আপনার Flutter অ্যাপে নতুন প্ল্যাটফর্মের জন্য সহায়তা শুরু করুন।
আপনার Flutter অ্যাপে নতুন Firebase পরিষেবা বা প্রোডাক্ট ব্যবহার করা শুরু করুন, বিশেষ করে আপনি যদি 'Google-এর মাধ্যমে সাইন-ইন করুন', Crashlytics, Performance Monitoring বা Realtime Database ব্যবহার করা শুরু করেন।

কমান্ডটি আবার রান করলে, আপনার Flutter অ্যাপের Firebase কনফিগারেশন আপ-টু-ডেট আছে কিনা তা নিশ্চিত করা যায় এবং (Android-এর জন্য) আপনার অ্যাপে প্রয়োজনীয় Gradle প্লাগ-ইন অটোমেটিক যোগ করা যায়।

ধাপ ৩: আপনার অ্যাপে Firebase ইনিশিয়ালাইজ করা

আপনার Flutter প্রোজেক্ট ডিরেক্টরি থেকে, মূল প্লাগ-ইন ইনস্টল করতে নিচের কমান্ডটি রান করুন:
```
flutter pub add firebase_core
```
আপনার Flutter প্রোজেক্ট ডিরেক্টরি থেকে, নিম্নলিখিত কমান্ডটি রান করে নিশ্চিত করুন যে আপনার Flutter অ্যাপের Firebase কনফিগারেশন আপ-টু-ডেট আছে:
```
flutterfire configure
```
আপনার lib/main.dart ফাইলে, Firebase কোর প্লাগ-ইন এবং আগে জেনারেট করা কনফিগারেশন ফাইল ইমপোর্ট করুন:
```
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';
```
এছাড়াও, আপনার lib/main.dart ফাইলে, কনফিগারেশন ফাইল থেকে এক্সপোর্ট করা DefaultFirebaseOptions অবজেক্ট ব্যবহার করে Firebase ইনিশিয়ালাইজ করুন:
```
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);
runApp(const MyApp());
```
আপনার Flutter অ্যাপ্লিকেশন আবার তৈরি করুন:
```
flutter run
```

আপনি যদি ডেমো প্রোজেক্ট ব্যবহার করতে চান, তাহলে Firebase Emulator চালু করতে পারেন এবং আপনার lib/main.dart ফাইলে demoProjectId ব্যবহার করে Firebase ইনিশিয়ালাইজ করতে পারেন (এটি demo- দিয়ে শুরু হওয়া উচিত):

await Firebase.initializeApp(
  demoProjectId: "demo-project-id",
);

ধাপ ৪: Firebase প্লাগ-ইন যোগ করুন

আপনি বিভিন্ন Firebase Flutter প্লাগ-ইন-এর মাধ্যমে আপনার Flutter অ্যাপে Firebase অ্যাক্সেস করেন, প্রতিটি Firebase প্রোডাক্টের জন্য একটি করে প্লাগ-ইন (যেমন: Cloud Firestore, Authentication, Analytics ইত্যাদি)।

Flutter হল একটি মাল্টি-প্ল্যাটফর্ম ফ্রেমওয়ার্ক, তাই প্রতিটি Firebase প্লাগ-ইন Apple, Android এবং ওয়েব প্ল্যাটফর্মের জন্য প্রযোজ্য। তাই, আপনি যদি নিজের Flutter অ্যাপে কোনও Firebase প্লাগ-ইন যোগ করেন, তাহলে এটি আপনার অ্যাপের Apple, Android এবং ওয়েব ভার্সন দ্বারা ব্যবহৃত হবে।

Firebase Flutter প্লাগ-ইন কীভাবে যোগ করবেন তা এখানে দেওয়া হল:

আপনার Flutter প্রোজেক্ট ডিরেক্টরি থেকে, নিম্নলিখিত কমান্ড রান করুন:
```
flutter pub add PLUGIN_NAME
```
আপনার Flutter প্রোজেক্ট ডিরেক্টরি থেকে, নিম্নলিখিত কমান্ড রান করুন:
```
flutterfire configure
```
এই কমান্ডটি রান করালে আপনার Flutter অ্যাপের Firebase কনফিগারেশন আপ-টু-ডেট থাকে এবং Android-এ Crashlytics ও Performance Monitoring-এর জন্য আপনার অ্যাপে প্রয়োজনীয় Gradle প্লাগ-ইন যোগ করে।
সম্পূর্ণ হয়ে গেলে, আপনার Flutter প্রোজেক্ট আবার তৈরি করুন:
```
flutter run
```

আপনি একদম রেডি! Firebase ব্যবহার করার জন্য আপনার Flutter অ্যাপ রেজিস্টার ও কনফিগার করা আছে।

ওয়েব অ্যাপ তৈরি করার সময় বিশেষ বিবেচনা

ওয়েব প্ল্যাটফর্ম টার্গেট করার সময় নিম্নলিখিত কনফিগারেশন বিকল্প পর্যালোচনা করুন।

বিশ্বস্ত ধরন সংক্রান্ত সহায়তা

Flutter-এর জন্য Firebase SDK, DOM-ভিত্তিক (ক্লায়েন্ট-সাইড) XSS অ্যাটাক প্রতিরোধ করতে সাহায্য করার জন্য বিশ্বস্ত প্রকার ব্যবহার করাকে সমর্থন করে। আপনার অ্যাপের জন্য বিশ্বস্ত ধরন এনফোর্সমেন্ট চালু করলে Firebase SDK কাস্টম বিশ্বস্ত ধরন নীতি ব্যবহার করে DOM-এ স্ক্রিপ্ট ইনজেক্ট করে, এগুলির নাম flutterfire-firebase_core, flutterfire-firebase_auth ইত্যাদি।

Firebase JavaScript SDK অটো-ইনজেকশন বন্ধ করা

ওয়েবের জন্য তৈরি করার সময়, Firebase Flutter SDK ডিফল্ট হিসেবে Firebase JavaScript SDK অটো-ইনজেক্ট করে। Firebase JavaScript SDK অটোমেটিক ইনজেক্ট করতে না চাইলে, আপনি নিম্নলিখিত কাজগুলি করতে পারেন:

আপনার Flutter প্রোজেক্টের web/index.html ফাইলের মধ্যে থাকা <script> ট্যাগের মধ্যে নিম্নলিখিত প্রপার্টি যোগ করে অটো-ইনজেকশন স্ক্রিপ্ট উপেক্ষা করুন:
```


window.flutterfire_ignore_scripts = ['analytics', 'firestore'];
```

নিম্নলিখিত বিকল্পগুলির মধ্যে একটি ব্যবহার করে স্ক্রিপ্টটি ম্যানুয়ালি লোড করুন:

বিকল্প ১: আপনার web/index.html ফাইলে SDK স্পষ্টভাবে যোগ করুন, window.addEventListener কলব্যাকের মধ্যে:

  window.addEventListener('load', async function (ev) {
    window.firebase_firestore = await import("https://www.gstatic.com/firebasejs/12.19.0/firebase-firestore.js");
    window.firebase_analytics = await import("https://www.gstatic.com/firebasejs/12.19.0/firebase-analytics.js");

    _flutter.loader.loadEntrypoint().then(function (engineInitializer) {
      // rest of the code

বিকল্প ২: gstatic ডোমেন থেকে প্লাগ-ইনের Firebase JavaScript SDK কোড ডাউনলোড করুন এবং সেগুলি আপনার প্রোজেক্টের মধ্যে রাখার জন্য JavaScript ফাইলে সেভ করুন এবং ম্যানুয়ালি লোড করুন:

  // "web/my-analytics.js" & "web/my-firestore.js" file loaded as a script into your "web/index.html" file:
  window.addEventListener('load', async function (ev) {
    window.firebase_analytics = await import("./my-analytics.js");
    window.firebase_firestore = await import("./my-firestore.js");

    _flutter.loader.loadEntrypoint().then(function (engineInitializer) {
      // rest of the code

উপলভ্য প্লাগ-ইন

পণ্য	প্লাগ-ইনের নাম	অন্যান্য Apple (macOS, ইত্যাদি)	জানলা
Firebase AI Logic ^১	`firebase_ai`	বিটা
Analytics	`firebase_analytics`	বিটা
App Check	`firebase_app_check`	বিটা
Authentication	`firebase_auth`	বিটা	বিটা
Cloud Firestore	`cloud_firestore`	বিটা	বিটা
Cloud Functions	`cloud_functions`	বিটা
Cloud Messaging	`firebase_messaging`	বিটা
Cloud Storage	`firebase_storage`	বিটা	বিটা
Crashlytics	`firebase_crashlytics`	বিটা
In-App Messaging	`firebase_in_app_messaging`
Firebase ইনস্টলেশন	`firebase_app_installations`	বিটা
Performance Monitoring	`firebase_performance`
Realtime Database	`firebase_database`	বিটা
Remote Config	`firebase_remote_config`	বিটা
SQL Connect ^২	`firebase_data_connect`
পুরনো বা কাজ করে না এমন লাইব্রেরি
Dynamic Links	`firebase_dynamic_links`
ML মডেল ডাউনলোডার	`firebase_ml_model_downloader`	বিটা

^{১ Firebase AI Logic-এর আগের নাম ছিল
"Vertex AI in Firebase" প্লাগ-ইন
firebase_vertexai.}

^{২ Firebase SQL Connect-কে আগে
"Firebase Data Connect" বলা হত।}

পরবর্তী ধাপ

Firebase Flutter Codelab-এর মাধ্যমে হাতে-কলমে অভিজ্ঞতা পান।
আপনার অ্যাপ লঞ্চ করার জন্য প্রস্তুত হন:
- Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য বাজেট অ্যালার্ট সেট-আপ করুন।
- আপনার প্রজেক্টের একাধিক Firebase পরিষেবা জুড়ে ব্যবহারের একটি সামগ্রিক ছবি পেতে, Firebase কনসোলে ব্যবহার ও বিলিং ড্যাশবোর্ড মনিটর করুন।
- Firebase লঞ্চ চেকলিস্ট পর্যালোচনা করুন।