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

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

• अपनी पसंद का एडिटर या 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 का इस्तेमाल करने के लिए, अपने ऐप्लिकेशन कॉन्फ़िगर करना

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

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

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 शुरू करें:

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

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

   flutter run
   

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

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

Flutter एक मल्टी-प्लैटफ़ॉर्म फ़्रेमवर्क है. इसलिए, हर Firebase प्लगिन को Apple, Android, और वेब प्लैटफ़ॉर्म पर इस्तेमाल किया जा सकता है. इसलिए, अगर आप अपने Flutter ऐप्लिकेशन में कोई Firebase प्लगिन जोड़ते हैं, तो 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 का इस्तेमाल करने के लिए रजिस्टर और कॉन्फ़िगर किए गए हैं.

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

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, और वेब के लिए शुरुआती निर्देश पर जाएं.

अगले चरण

• Firebase Flutter कोडलैब का अनुभव पाएं.

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

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