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


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

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

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

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

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

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

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

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

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

    firebase login

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

    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 का कोर प्लग इन और पहले जनरेट की गई कॉन्फ़िगरेशन फ़ाइल इंपोर्ट करें:

    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 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 का इस्तेमाल करने के लिए रजिस्टर और कॉन्फ़िगर किए गए हैं.

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

प्रॉडक्ट प्लग इन का नाम iOS Android वेब Apple के अन्य
(macOS वगैरह)		 खिड़कियां
Firebase AI Logic 1 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
बीटा
Data Connect firebase_data_connect
Dynamic Links firebase_dynamic_links
In-App Messaging firebase_in_app_messaging
Firebase इंस्टॉलेशन firebase_app_installations
बीटा
एमएल मॉडल डाउनलोडर firebase_ml_model_downloader
बीटा
Performance Monitoring firebase_performance
Realtime Database firebase_database
बीटा
Remote Config firebase_remote_config
बीटा

1 Firebase AI Logic को पहले प्लग इन के साथ "Vertex AI in Firebase" कहा जाता था firebase_vertexai.

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, और वेब के लिए, शुरू करने से जुड़ी गाइड देखें.

अगले चरण