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


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

  • अपना पसंदीदा एडिटर या 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


तीसरा चरण: अपने ऐप्लिकेशन में 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 एम्युलेटर शुरू कर सकते हैं और अपनी 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 प्लगिन लागू होता है शामिल हैं. इसलिए, अगर आपने अपने 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 वगैरह)
शीशा
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
बीटा
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
बीटा
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, और वेब.

अगले चरण