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

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

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

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

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

• अपने Google खाते का इस्तेमाल करके, Firebase में साइन इन करें.

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

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

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

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

   firebase login
   

3. किसी भी डायरेक्ट्री से, यहां दिया गया कमांड चलाकर FlutterFire CLI इंस्टॉल करें:

   dart pub global activate flutterfire_cli
   

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

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

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

flutterfire configure

तीसरा चरण: अपने ऐप्लिकेशन में Firebase को शुरू करना

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

   flutter pub add firebase_core
   

2. अपने Flutter प्रोजेक्ट की डायरेक्ट्री से, यह कमांड चलाएं. इससे यह पक्का किया जा सकेगा कि आपके Flutter ऐप्लिकेशन का Firebase कॉन्फ़िगरेशन अप-टू-डेट है:

   flutterfire configure
   

3. अपनी lib/main.dart फ़ाइल में, Firebase Core प्लगिन और पहले जनरेट की गई कॉन्फ़िगरेशन फ़ाइल इंपोर्ट करें:

   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 Emulator शुरू करें. इसके बाद, अपनी lib/main.dart फ़ाइल में demoProjectId का इस्तेमाल करके Firebase को शुरू करें. यह demo- से शुरू होना चाहिए:

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

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

अपने Flutter ऐप्लिकेशन में Firebase को ऐक्सेस करने के लिए, अलग-अलग Firebase Flutter प्लगिन का इस्तेमाल किया जाता है. हर Firebase प्रॉडक्ट के लिए एक प्लगिन होता है. उदाहरण के लिए: Cloud Firestore, Authentication, 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 और Performance Monitoring के लिए, आपके ऐप्लिकेशन में ज़रूरी Gradle प्लगिन जुड़ जाते हैं.

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

   flutter run
   

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

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

^{1 Firebase AI Logic को पहले "Vertex AI in Firebase" कहा जाता था. यह firebase_vertexai प्लगिन के साथ काम करता था.}

^{2 Firebase SQL Connect को पहले "Firebase Data Connect" कहा जाता था.}

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 Codelab की मदद से, Firebase का इस्तेमाल करना सीखें.

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

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