Firebase को अपने Flutter ऐप्लिकेशन में जोड़ना
ज़रूरी शर्तें
अपना पसंदीदा एडिटर या IDE इंस्टॉल करें.
अपने खास ऐप्लिकेशन के लिए Flutter इंस्टॉल करें ऑपरेटिंग सिस्टम, जिसमें निम्न शामिल हैं:
- Flutter SDK टूल
- लाइब्रेरी के लिए सहायक
- प्लैटफ़ॉर्म के हिसाब से सॉफ़्टवेयर और SDK टूल
अपने Google खाते का इस्तेमाल करके Firebase में साइन इन करें जोड़ें.
अगर आपके पास पहले से कोई Flutter ऐप्लिकेशन नहीं है, तो शुरू हुआ: टेस्ट ड्राइव करने के लिए अपने पसंदीदा एडिटर या IDE का इस्तेमाल करके, नया Flutter ऐप्लिकेशन बनाएं.
पहला चरण: ज़रूरी कमांड लाइन टूल इंस्टॉल करना
अगर आपने अब तक ऐसा नहीं किया है, तो Firebase सीएलआई इंस्टॉल करें.
अपने Google खाते का इस्तेमाल करके Firebase में लॉग इन करने के लिए, ये काम करें आदेश:
firebase login
किसी भी फ़ोल्डर से नीचे दिए गए कमांड चलाकर, FlutterFire सीएलआई को इंस्टॉल करें डायरेक्ट्री:
dart pub global activate flutterfire_cli
दूसरा चरण: Firebase का इस्तेमाल करने के लिए, अपने ऐप्लिकेशन कॉन्फ़िगर करना
अपने Flutter ऐप्लिकेशन को Firebase से कनेक्ट करने के लिए, FlutterFire सीएलआई का इस्तेमाल करें.
ऐप्लिकेशन कॉन्फ़िगरेशन वर्कफ़्लो शुरू करने के लिए, अपनी Flutter प्रोजेक्ट डायरेक्ट्री से यह कमांड चलाएं:
flutterfire configure
तीसरा चरण: अपने ऐप्लिकेशन में Firebase को शुरू करें
इंस्टॉल करने के लिए, अपने Flutter प्रोजेक्ट डायरेक्ट्री से यह कमांड चलाएं कोर प्लगिन:
flutter pub add firebase_core
यह पक्का करने के लिए कि अपने Flutter प्रोजेक्ट डायरेक्ट्री से नीचे दिया गया कमांड चलाएं कि आपके Flutter ऐप्लिकेशन का Firebase कॉन्फ़िगरेशन अप-टू-डेट है:
flutterfire configure
अपनी
lib/main.dart
फ़ाइल में, Firebase कोर प्लगिन और वह कॉन्फ़िगरेशन फ़ाइल है जिसे आपने पहले जनरेट किया था:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
साथ ही अपनी
lib/main.dart
फ़ाइल में, इनका इस्तेमाल करके Firebase शुरू करें कॉन्फ़िगरेशन फ़ाइल से एक्सपोर्ट किया गयाDefaultFirebaseOptions
ऑब्जेक्ट:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
अपना 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 प्लगिन जोड़ने का तरीका बताया गया है:
अपनी Flutter प्रोजेक्ट डायरेक्ट्री से यह कमांड चलाएं:
flutter pub add PLUGIN_NAME
अपनी Flutter प्रोजेक्ट डायरेक्ट्री से यह कमांड चलाएं:
flutterfire configure
इस निर्देश को चलाने से यह पक्का हो जाता है कि आपके Flutter ऐप्लिकेशन का Firebase कॉन्फ़िगरेशन अप-टू-डेट है और Android पर Crashlytics और Performance Monitoring के लिए आपके ऐप्लिकेशन के लिए आवश्यक Gradle प्लग इन.
पूरा होने के बाद, अपना 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
प्लगिन में
कार्यक्रम का उदाहरण.
वह Flutter ऐप्लिकेशन खोलें जिसे आपने Firebase का इस्तेमाल करने के लिए पहले ही कॉन्फ़िगर किया हुआ है (देखें निर्देश देखें).
ऐप्लिकेशन की
lib
डायरेक्ट्री को ऐक्सेस करें. इसके बाद, मौजूदाmain.dart
को मिटाएं फ़ाइल से लिए जाते हैं.Google Analytics उदाहरण के तौर पर दिए गए प्रोग्राम के डेटाबेस से, इन दो फ़ाइलों को कॉपी करके अपने ऐप्लिकेशन की
lib
डायरेक्ट्री में चिपकाएं:main.dart
tabs_page.dart
अपना Flutter ऐप्लिकेशन चलाएं.
Firebase कंसोल में, अपने ऐप्लिकेशन के Firebase प्रोजेक्ट पर जाएं. इसके बाद, बाईं ओर मौजूद नेविगेशन पैनल में Analytics पर क्लिक करें.
डैशबोर्ड पर क्लिक करें. अगर Analytics सही तरीके से काम कर रहा है, तो डैशबोर्ड में "पिछले 30 मिनट में सक्रिय उपयोगकर्ता" पैनल में एक सक्रिय उपयोगकर्ता दिखता है. इस पैनल को पॉप्युलेट होने में समय लग सकता है.
DebugView पर क्लिक करें. इसके लिए, सुविधा चालू करें उदाहरण के तौर पर दिए गए प्रोग्राम से जनरेट हुए सभी इवेंट देखें.
Analytics सेट अप करने के बारे में ज़्यादा जानकारी के लिए, शुरू करें iOS+ की गाइड Android, और वेब.
अगले चरण
Google Arts & Culture की मदद से Firebase Flutter कोडलैब (कोड बनाना सीखना).
अपना ऐप्लिकेशन लॉन्च करने की तैयारी करें:
- बजट सेट अप करें सूचनाएं Google Cloud कंसोल में अपने प्रोजेक्ट के लिए.
- Firebase कंसोल में, इस्तेमाल और बिलिंग डैशबोर्ड पर नज़र रखें. इससे आपको Firebase की कई सेवाओं में, अपने प्रोजेक्ट के इस्तेमाल की पूरी जानकारी मिलेगी.
- Firebase के लॉन्च की चेकलिस्ट देखें.