Firebase को अपने Flutter ऐप्लिकेशन में जोड़ना

Firebase को अपने Flutter ऐप्लिकेशन में जोड़ना

iOS+ Android वेब

ज़रूरी शर्तें

• अपना पसंदीदा एडिटर या IDE इंस्टॉल करें.

• अपने खास ऐप्लिकेशन के लिए Flutter इंस्टॉल करें ऑपरेटिंग सिस्टम, जिसमें निम्न शामिल हैं:

  • Flutter SDK टूल
  • लाइब्रेरी के लिए सहायक
  • प्लैटफ़ॉर्म के हिसाब से सॉफ़्टवेयर और SDK टूल

• अपने Google खाते का इस्तेमाल करके Firebase में साइन इन करें जोड़ें.

अगर आपके पास पहले से कोई Flutter ऐप्लिकेशन नहीं है, तो शुरू हुआ: टेस्ट ड्राइव करने के लिए अपने पसंदीदा एडिटर या IDE का इस्तेमाल करके, नया Flutter ऐप्लिकेशन बनाएं.

पहला चरण: ज़रूरी कमांड लाइन टूल इंस्टॉल करना

1. अगर आपने अब तक ऐसा नहीं किया है, तो Firebase सीएलआई इंस्टॉल करें.

2. अपने Google खाते का इस्तेमाल करके, Firebase में लॉग इन करें. इसके लिए, ये काम करें आदेश:

   firebase login
   

3. किसी भी फ़ोल्डर से नीचे दिए गए कमांड चलाकर, FlutterFire सीएलआई को इंस्टॉल करें डायरेक्ट्री:

   dart pub global activate flutterfire_cli
   

दूसरा चरण: Firebase का इस्तेमाल करने के लिए, अपने ऐप्लिकेशन कॉन्फ़िगर करना

अपने Flutter ऐप्लिकेशन को Firebase से कनेक्ट करने के लिए, FlutterFire सीएलआई का इस्तेमाल करें.

अपनी Flutter प्रोजेक्ट डायरेक्ट्री से, नीचे दिया गया कमांड चलाकर, ऐप्लिकेशन कॉन्फ़िगरेशन का वर्कफ़्लो:

flutterfire configure

यह flutterfire configure क्या करता है वर्कफ़्लो करते हैं?

flutterfire configure वर्कफ़्लो ये काम करता है:

• इसमें आपसे वे प्लैटफ़ॉर्म (iOS, Android, वेब) चुनने के लिए कहा जाता है जो आपके ऐप्लिकेशन में काम करते हैं Flutter ऐप्लिकेशन. चुने गए हर प्लैटफ़ॉर्म के लिए, FlutterFire सीएलआई एक नया प्लैटफ़ॉर्म बनाता है आपके Firebase प्रोजेक्ट में Firebase ऐप्लिकेशन.

  आप चाहें, तो मौजूदा Firebase प्रोजेक्ट का इस्तेमाल करें या नया Firebase प्रोजेक्ट. अगर आपके पास पहले से किसी मौजूदा सेवा में रजिस्टर किया गया ऐप्लिकेशन है Firebase प्रोजेक्ट होता है, तो FlutterFire सीएलआई उनके आधार पर उनका मिलान करने की कोशिश करेगा आपके Flutter प्रोजेक्ट का मौजूदा कॉन्फ़िगरेशन.

  ध्यान दें: Google Analytics 4 को सेट अप करने और Firebase प्रोजेक्ट को मैनेज करने का तरीका:

  • हमारी सबसे सही तरीके Firebase प्रोजेक्ट में ऐप्लिकेशन जोड़ने के साथ-साथ, से जुड़े विकल्प इस्तेमाल किए जा सकते हैं.
  • Google Analytics चालू करना जो आपको बेहतर अनुभव पाने में मदद करता है. Crashlytics और Remote Config जैसे कई Firebase प्रॉडक्ट का इस्तेमाल किया जा सकता है.

• Firebase कॉन्फ़िगरेशन फ़ाइल (firebase_options.dart) बनाता है और उसे जोड़ता है आपकी lib/ डायरेक्ट्री में सेव किया जाएगा.

  ध्यान दें: इस Firebase कॉन्फ़िगरेशन फ़ाइल में यूनीक, लेकिन नॉन-सीक्रेट है आपके चुने गए हर प्लैटफ़ॉर्म के आइडेंटिफ़ायर.
  समझें पर जाएं Firebase प्रोजेक्ट इस कॉन्फ़िगरेशन फ़ाइल के बारे में ज़्यादा जानें.

• (Android पर Crashlytics या परफ़ॉर्मेंस की निगरानी करने के लिए) ज़रूरी जानकारी जोड़ी जाती है आपके Flutter ऐप्लिकेशन में प्रॉडक्ट के हिसाब से बनाए गए Gradle प्लग इन.

  ध्यान दें: FlutterFire सीएलआई को Gradle प्लग इन जोड़ने के लिए प्रॉडक्ट का Flutter प्लगिन पहले से ही आपके Flutter ऐप्लिकेशन में इंपोर्ट किया जाना चाहिए.

इस शुरुआती चरण के बाद flutterfire configure, आपको किसी भी समय निर्देश फिर से चलाना होगा कि आप:

• अपने Flutter ऐप्लिकेशन में एक नया प्लैटफ़ॉर्म जोड़ें.
• अपने Flutter ऐप्लिकेशन में Firebase की किसी नई सेवा या प्रॉडक्ट का इस्तेमाल करना शुरू करें, खास तौर पर, जब साइन इन करने के लिए Google, Crashlytics का इस्तेमाल किया जाए, परफ़ॉर्मेंस मॉनिटर करना या रीयलटाइम डेटाबेस.

निर्देश को फिर से चलाने से यह पक्का होता है कि आपके Flutter ऐप्लिकेशन का Firebase कॉन्फ़िगरेशन अप-टू-डेट है और (Android के लिए) अपने-आप आपके ऐप्लिकेशन के लिए आवश्यक Gradle प्लग इन.

तीसरा चरण: अपने ऐप्लिकेशन में 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 फ़ाइल में, इनका इस्तेमाल करके Firebase शुरू करें कॉन्फ़िगरेशन फ़ाइल से एक्सपोर्ट किया गया DefaultFirebaseOptions ऑब्जेक्ट:

   await Firebase.initializeApp(
     options: DefaultFirebaseOptions.currentPlatform,
   );
   

5. अपना Flutter ऐप्लिकेशन फिर से बनाएं:

   flutter run
   

चौथा चरण: Firebase प्लगिन जोड़ना

आपके Flutter ऐप्लिकेशन में Firebase को ऐक्सेस करने के लिए, Firebase Flutter प्लगिन: हर Firebase प्रॉडक्ट के लिए एक प्लगिन उदाहरण के लिए: Cloud Firestore, पुष्टि, Analytics वगैरह.

Flutter एक मल्टी-प्लैटफ़ॉर्म फ़्रेमवर्क है. इसलिए, हर Firebase प्लगिन लागू होता है शामिल हैं. इसलिए, अगर आप किसी भी Firebase प्लग इन को आपका Flutter ऐप्लिकेशन है, तो इसका इस्तेमाल Apple, Android, और आपका ऐप्लिकेशन.

यहां Firebase Flutter प्लगिन जोड़ने का तरीका बताया गया है:

1. अपनी Flutter प्रोजेक्ट डायरेक्ट्री से यह कमांड चलाएं:

   flutter pub add PLUGIN_NAME

2. अपनी Flutter प्रोजेक्ट डायरेक्ट्री से यह कमांड चलाएं:

   flutterfire configure
   

   इस निर्देश को चलाने से यह पक्का हो जाता है कि आपके Flutter ऐप्लिकेशन का Firebase कॉन्फ़िगरेशन वह अप-टू-डेट होता है. साथ ही, Android पर Crashlytics और परफ़ॉर्मेंस मॉनिटर करने से, आपके ऐप्लिकेशन के लिए आवश्यक Gradle प्लग इन.

3. पूरा हो जाने के बाद, अपना Flutter प्रोजेक्ट फिर से बनाएं:

   flutter run
   

आप बिल्कुल तैयार हैं! आपके Flutter ऐप्लिकेशन को Firebase का इस्तेमाल करने के लिए रजिस्टर और कॉन्फ़िगर किया गया है.

उपलब्ध प्लगिन

प्रॉडक्ट	प्लग इन का नाम	iOS	Android	वेब	अन्य Apple (macOS वगैरह)	शीशा
Analytics	firebase_analytics				बीटा
ऐप्लिकेशन की जांच	firebase_app_check				बीटा
पुष्टि करना	firebase_auth				बीटा	बीटा
Cloud Firestore	cloud_firestore				बीटा	बीटा
Cloud के फ़ंक्शन	cloud_functions				बीटा
क्लाउड से मैसेज	firebase_messaging				बीटा
क्लाउड स्टोरेज	firebase_storage				बीटा	बीटा
Crashlytics	firebase_crashlytics				बीटा
डाइनैमिक लिंक	firebase_dynamic_links
इन-ऐप्लिकेशन मैसेज	firebase_in_app_messaging
Firebase इंस्टॉल करना	firebase_app_installations				बीटा
एमएल मॉडल डाउनलोडर	firebase_ml_model_downloader				बीटा
परफ़ॉर्मेंस मॉनिटर करना	firebase_performance
रीयलटाइम डेटाबेस	firebase_database				बीटा
रिमोट कॉन्फ़िगरेशन	firebase_remote_config				बीटा
Firebase के लिए Vertex AI	firebase_vertexai				बीटा

चेतावनी: Windows पर Firebase को प्रोडक्शन के इस्तेमाल के उदाहरणों के लिए नहीं बनाया गया है. यह सिर्फ़ लोकल डेवलपमेंट वर्कफ़्लो के लिए है.

Analytics में मौजूद, उदाहरण के तौर पर दिया गया ऐप्लिकेशन आज़माएं

सभी पैकेज की तरह, firebase_analytics प्लगिन में कार्यक्रम का उदाहरण.

1. वह Flutter ऐप्लिकेशन खोलें जिसे आपने Firebase का इस्तेमाल करने के लिए पहले ही कॉन्फ़िगर किया हुआ है (देखें निर्देश देखें).

2. ऐप्लिकेशन की lib डायरेक्ट्री को ऐक्सेस करें. इसके बाद, मौजूदा main.dart को मिटाएं फ़ाइल से लिए जाते हैं.

3. Google Analytics के ज़रिए डेटा स्टोर करने की जगह का उदाहरण, इन दो फ़ाइलों को कॉपी करके अपने ऐप्लिकेशन की lib डायरेक्ट्री में चिपकाएं:

   • main.dart
   • tabs_page.dart

4. अपना Flutter ऐप्लिकेशन चलाएं.

5. Firebase कंसोल में अपने ऐप्लिकेशन के Firebase प्रोजेक्ट पर जाएं. इसके बाद, Analytics पर क्लिक करें.

   1. क्लिक करें डैशबोर्ड. अगर Analytics ठीक से काम कर रहा है, तो डैशबोर्ड पर कोई सक्रिय उपयोगकर्ता दिखता है "पिछले 30 मिनट में सक्रिय उपयोगकर्ता" में जाकर पैनल (इसमें यह लग सकता है पैनल को पॉप्युलेट करने में समय लगेगा).

   2. DebugView पर क्लिक करें. इसके लिए, सुविधा चालू करें उदाहरण के तौर पर दिए गए प्रोग्राम से जनरेट हुए सभी इवेंट देखें.

Analytics सेट अप करने के बारे में ज़्यादा जानकारी के लिए, शुरू करें iOS+ की गाइड Android, और वेब.

अगले चरण

• Google Arts & Culture की मदद से Firebase Flutter कोडलैब (कोड बनाना सीखना).

• अपना ऐप्लिकेशन लॉन्च करने की तैयारी करें:

  • बजट सेट अप करें सूचनाएं Google Cloud कंसोल में अपने प्रोजेक्ट के लिए.
  • इस्तेमाल और बिलिंग पर नज़र रखें डैशबोर्ड देखने के लिए Firebase कंसोल का इस्तेमाल करें. Firebase की अलग-अलग सेवाओं के लिए इस्तेमाल किया जा सकता है.
  • Firebase के लॉन्च की चेकलिस्ट देखें.