আপনার Flutter অ্যাপে Firebase যোগ করুন

পূর্বশর্ত

• আপনার পছন্দের এডিটর অথবা IDE ইনস্টল করুন।

• আপনার নির্দিষ্ট অপারেটিং সিস্টেমের জন্য Flutter ইনস্টল করুন , যার মধ্যে নিম্নলিখিতগুলি অন্তর্ভুক্ত রয়েছে:

  • Flutter SDK সম্পর্কে
  • সহায়ক লাইব্রেরি
  • প্ল্যাটফর্ম-নির্দিষ্ট সফ্টওয়্যার এবং SDK

• আপনার গুগল অ্যাকাউন্ট ব্যবহার করে ফায়ারবেসে সাইন ইন করুন ।

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

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

1. যদি আপনি ইতিমধ্যেই না করে থাকেন, তাহলে Firebase CLI ইনস্টল করুন ।

2. নিম্নলিখিত কমান্ডটি চালিয়ে আপনার গুগল অ্যাকাউন্ট ব্যবহার করে ফায়ারবেসে লগ ইন করুন:

   firebase login
   

3. যেকোনো ডিরেক্টরি থেকে নিম্নলিখিত কমান্ডটি চালিয়ে FlutterFire CLI ইনস্টল করুন:

   dart pub global activate flutterfire_cli
   

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

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

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

flutterfire configure

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

1. আপনার Flutter প্রজেক্ট ডিরেক্টরি থেকে, কোর প্লাগইন ইনস্টল করতে নিম্নলিখিত কমান্ডটি চালান:

   flutter pub add firebase_core
   

2. আপনার Flutter প্রজেক্ট ডিরেক্টরি থেকে, আপনার Flutter অ্যাপের Firebase কনফিগারেশন আপ-টু-ডেট আছে কিনা তা নিশ্চিত করতে নিম্নলিখিত কমান্ডটি চালান:

   flutterfire configure
   

3. আপনার lib/main.dart ফাইলে, Firebase কোর প্লাগইন এবং আপনার আগে তৈরি করা কনফিগারেশন ফাইলটি আমদানি করুন:

   import 'package:firebase_core/firebase_core.dart';
   import 'firebase_options.dart';
   

4. আপনার lib/main.dart ফাইলে, কনফিগারেশন ফাইল দ্বারা এক্সপোর্ট করা DefaultFirebaseOptions অবজেক্ট ব্যবহার করে Firebase আরম্ভ করুন:

   WidgetsFlutterBinding.ensureInitialized();
   await Firebase.initializeApp(
     options: DefaultFirebaseOptions.currentPlatform,
   );
   runApp(const MyApp());
   

5. আপনার Flutter অ্যাপ্লিকেশনটি পুনর্নির্মাণ করুন:

   flutter run
   

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

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

ধাপ ৪ : ফায়ারবেস প্লাগইন যোগ করুন

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

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

ফায়ারবেস ফ্লাটার প্লাগইন কীভাবে যুক্ত করবেন তা এখানে দেওয়া হল:

1. আপনার Flutter প্রজেক্ট ডিরেক্টরি থেকে, নিম্নলিখিত কমান্ডটি চালান:

   flutter pub add PLUGIN_NAME

2. আপনার Flutter প্রজেক্ট ডিরেক্টরি থেকে, নিম্নলিখিত কমান্ডটি চালান:

   flutterfire configure
   

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

3. একবার সম্পূর্ণ হয়ে গেলে, আপনার ফ্লটার প্রকল্পটি পুনর্নির্মাণ করুন:

   flutter run
   

তুমি সব প্রস্তুত! তোমার Flutter অ্যাপগুলি Firebase ব্যবহারের জন্য নিবন্ধিত এবং কনফিগার করা আছে।

উপলব্ধ প্লাগইনগুলি

^{১. ফায়ারবেস এআই লজিককে পূর্বে " ভার্টেক্স এআই ইন ফায়ারবেস " বলা হত firebase_vertexai প্লাগইন সহ।}

Analytics সহ একটি উদাহরণ অ্যাপ ব্যবহার করে দেখুন

সকল প্যাকেজের মতো, firebase_analytics প্লাগইনটি একটি উদাহরণ প্রোগ্রামের সাথে আসে।

1. Firebase ব্যবহার করার জন্য আপনি ইতিমধ্যেই কনফিগার করা একটি Flutter অ্যাপ খুলুন (এই পৃষ্ঠায় নির্দেশাবলী দেখুন)।

2. অ্যাপের lib ডিরেক্টরি অ্যাক্সেস করুন, তারপর বিদ্যমান main.dart ফাইলটি মুছে ফেলুন।

3. Google Analytics উদাহরণ প্রোগ্রাম রিপোজিটরি থেকে, নিম্নলিখিত দুটি ফাইল আপনার অ্যাপের lib ডিরেক্টরিতে কপি-পেস্ট করুন:

   • main.dart
   • tabs_page.dart

4. তোমার Flutter অ্যাপটি চালাও।

5. Firebase কনসোলে আপনার অ্যাপের Firebase প্রজেক্টে যান, তারপর বাম-nav-এ Analytics- এ ক্লিক করুন।

   1. ড্যাশবোর্ডে ক্লিক করুন। যদি Analytics সঠিকভাবে কাজ করে, তাহলে ড্যাশবোর্ড "গত 30 মিনিটে সক্রিয় ব্যবহারকারী" প্যানেলে একজন সক্রিয় ব্যবহারকারীকে দেখায় (এই প্যানেলটি পূরণ করতে সময় লাগতে পারে)।

   2. DebugView এ ক্লিক করুন। উদাহরণ প্রোগ্রাম দ্বারা তৈরি সমস্ত ইভেন্ট দেখতে বৈশিষ্ট্যটি সক্ষম করুন।

Analytics সেট আপ করার বিষয়ে আরও তথ্যের জন্য, iOS+ , Android এবং ওয়েবের জন্য শুরু করার নির্দেশিকাগুলি দেখুন।

ওয়েব অ্যাপ তৈরির বিষয়ে নোটস

বিশ্বস্ত প্রকারের সহায়তা

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

Firebase JavaScript SDK অটো-ইনজেকশন অক্ষম করুন

ডিফল্টরূপে, Firebase Flutter SDK ওয়েব তৈরির সময় Firebase JavaScript SDK স্বয়ংক্রিয়ভাবে ইনজেক্ট করে। আপনি যদি Firebase JavaScript SDK স্বয়ংক্রিয়ভাবে ইনজেক্ট না করতে চান, তাহলে আপনি নিম্নলিখিতগুলি করতে পারেন:

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

   <!-- Add this property inside a <script> tag within your "web/index.html" file in your Flutter project -->
   <!-- Put in the names of all the plugins you wish to ignore: -->
   window.flutterfire_ignore_scripts = ['analytics', 'firestore'];
   

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

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

       window.addEventListener('load', async function (ev) {
         window.firebase_firestore = await import("https://www.gstatic.com/firebasejs/12.7.0/firebase-firestore.js");
         window.firebase_analytics = await import("https://www.gstatic.com/firebasejs/12.7.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
     

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

• Firebase Flutter Codelab এর সাথে ব্যবহারিক অভিজ্ঞতা অর্জন করুন।

• আপনার অ্যাপ চালু করার জন্য প্রস্তুত হোন:

  • Google Cloud কনসোলে আপনার প্রকল্পের জন্য বাজেট সতর্কতা সেট আপ করুন।
  • একাধিক Firebase পরিষেবা জুড়ে আপনার প্রকল্পের ব্যবহারের সামগ্রিক চিত্র পেতে Firebase কনসোলে ব্যবহার এবং বিলিং ড্যাশবোর্ড পর্যবেক্ষণ করুন।
  • ফায়ারবেস লঞ্চ চেকলিস্ট পর্যালোচনা করুন।