आज के अत्यधिक प्रतिस्पर्धी मोबाइल ऐप परिदृश्य में, अपने ऐप के उपयोगकर्ताओं को प्रभावी ढंग से जोड़ना और समय पर जानकारी देना महत्वपूर्ण है।
Firebase Cloud Messaging (FCM) Firebase द्वारा प्रदान की जाने वाली एक शक्तिशाली पुश नोटिफिकेशन सेवा है। यह आपके ऐप के उपयोगकर्ताओं से जुड़ने और उन्हें जोड़े रखने का एक सहज तरीका प्रदान करता है।
इस ट्यूटोरियल में, हम Flutter में FCM के एकीकरण में तल्लीन करेंगे। हम इसके लाभों का पता लगाएंगे और दिखाएंगे कि यह उपयोगकर्ता जुड़ाव को कैसे बढ़ा सकता है और ऐप प्रदर्शन में सुधार कर सकता है।
Firebase Cloud Messaging (FCM) आपके सर्वर और डिवाइस के बीच एक विश्वसनीय और बैटरी-कुशल कनेक्शन प्रदान करता है। यह आपको बिना किसी लागत के iOS, Android, और वेब पर संदेश और नोटिफिकेशन वितरित और प्राप्त करने की अनुमति देता है।
इस ट्यूटोरियल में, हम Firebase को बैकएंड सेवा के रूप में उपयोग करके Flutter में Firebase Cloud Messaging (FCM) को सेट अप और उपयोग करने की प्रक्रिया का पता लगाएंगे। जबकि मुख्य फोकस Android कार्यान्वयन पर होगा, यह ध्यान देने योग्य है कि प्रक्रिया iOS और Android के लिए समान है (कुछ कॉन्फ़िगरेशन अंतरों के साथ)।
यहां हम क्या कवर करेंगे:
- Firebase में ऐप कैसे बनाएं
- Flutter में Firebase कैसे सेट करें
- FCM टोकन का उपयोग करके पुश नोटिफिकेशन कैसे लागू करें
इस ट्यूटोरियल में, आप सीखेंगे कि Flutter में चल रहे ऐप पर Firebase का उपयोग करके एक साधारण नोटिफिकेशन कैसे भेजें। चलिए शुरू करते हैं।
Firebase में ऐप कैसे बनाएं
मैं Firebase कंसोल में एक नया प्रोजेक्ट बनाकर शुरू करूंगा। मैं प्रोजेक्ट सेटअप, Firebase Cloud Messaging को कॉन्फ़िगर करने, और हमारे Flutter ऐप के लिए आवश्यक क्रेडेंशियल्स और कॉन्फ़िगरेशन फाइलें प्राप्त करने के लिए आवश्यक चरणों के माध्यम से चलूंगा।
ऐप बनाने से पहले आपको Firebase कंसोल के लिए साइन अप करना होगा यदि आपके पास खाता नहीं है। साइन अप के बाद, एक प्रोजेक्ट बनाने का प्रयास करें।
Firebase में प्रोजेक्ट बनाएं
प्रोजेक्ट बनाने में थोड़ा समय लगेगा।
Firebase में प्रोजेक्ट बनाना
प्रोजेक्ट बनाने के बाद, यह आपको प्रोजेक्ट डैशबोर्ड पर रीडायरेक्ट करेगा।
Firebase कंसोल में प्रोजेक्ट अवलोकन
एक बार जब आप Firebase कंसोल में प्रोजेक्ट बना लेते हैं, तो हमारे Flutter ऐप के साथ शुरू करने का समय आ गया है।
Flutter में Firebase कैसे सेट करें
मैंने Visual Studio Code का उपयोग करके एक साधारण Flutter प्रोजेक्ट बनाया है। यदि आप Flutter प्रोजेक्ट बनाने से अपरिचित हैं, तो आप मेरे पिछले ट्यूटोरियल को देख सकते हैं। (यदि आप पहले से परिचित हैं, तो आप इस चरण को छोड़ सकते हैं।)
Android डिवाइस पर चल रहा साधारण Flutter एप्लिकेशन
आइए अपने Flutter प्रोजेक्ट में Firebase को एकीकृत करें। ऐसा करने के लिए, हमें एक Firebase CLI कमांड लाइन टूल की आवश्यकता है। मैंने पहले ही Firebase CLI इंस्टॉल कर लिया है। यदि आपने ऐसा नहीं किया है, तो आप आधिकारिक दस्तावेज़ीकरण देख सकते हैं।
फिर हमें Firebase CLI का उपयोग करके Firebase में लॉग इन करने की आवश्यकता है।
firebase login FirebaseCLI का उपयोग करके Firebase में लॉग इन करें
यह आपको Firebase में लॉग इन करने के लिए ब्राउज़र पर नेविगेट करेगा। एक बार प्रमाणीकरण सफलतापूर्वक पूरा हो जाने पर आपको वापस नेविगेट किया जाएगा।
सफल लॉगिन के बाद, हमें FlutterFire CLI इंस्टॉल करने की आवश्यकता है। हम अपने Flutter ऐप्स को Firebase से कनेक्ट करने के लिए कॉन्फ़िगर करने के लिए FlutterFire CLI का उपयोग कर सकते हैं। FlutterFire CLI को सक्रिय करने के लिए निम्नलिखित कमांड चलाएं:
dart pub global activate flutterfire_cli FlutterFire CLI एक कमांड-लाइन इंटरफेस टूल है जो Firebase सेवाओं को Flutter एप्लिकेशन में एकीकृत करने को सरल बनाता है। यह हमारे Flutter प्रोजेक्ट में Firebase प्लगइन्स को जोड़ने, कॉन्फ़िगर करने और प्रबंधित करने का एक सुविधाजनक तरीका प्रदान करता है।
FlutterFireCLI इंस्टॉल करना
अगला चरण हमारे Flutter प्रोजेक्ट में firebase_core लाइब्रेरी जोड़ना है।
निम्नलिखित कमांड स्वचालित रूप से firebase_core पैकेज को आपके प्रोजेक्ट के pubspec.yaml फाइल में डिपेंडेंसी के रूप में जोड़ देगा और pub.dev से पैकेज का नवीनतम संस्करण लाएगा। इस कमांड को चलाने के बाद, आप firebase_core पैकेज को Dart फाइलों में आयात कर सकते हैं और हमारे Flutter ऐप में Firebase सेवाओं का उपयोग कर सकते हैं।
flutter pub add firebase_core Firebase Core पैकेज इंस्टॉल करना
flutterfire configure कमांड का उपयोग FlutterFire CLI का उपयोग करके हमारे Flutter प्रोजेक्ट में Firebase सेवाओं को कॉन्फ़िगर करने के लिए किया जाता है। यह कमांड हमें Firebase Authentication, Firestore, Cloud Messaging, और अन्य Firebase सेवाओं को आसानी से और कुशलता से सेट अप करने में मदद करता है।
flutterfire configure पहला चरण प्रोजेक्ट चुनना है,
Flutter ऐप को Firebase ऐप से कनेक्ट करें
अगला प्लेटफ़ॉर्म चुनना है। मैं यहां Android के लिए इसका उपयोग कर रहा हूं, इसलिए मैं Android चुनता हूं।
प्लेटफ़ॉर्म चुनना
सफल कॉन्फ़िगरेशन के बाद, Firebase App Id प्रदर्शित किया जाएगा।
अंत में, हमें अपने main.dart फाइल में कुछ कोड परिवर्तन जोड़ने की आवश्यकता है।
निम्नलिखित पैकेज आयात करें:
import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart'; main.dart फाइल के मुख्य फंक्शन के अंदर Firebase कॉन्फिग को इनिशियलाइज़ करने के लिए निम्नलिखित कॉन्फ़िगरेशन जोड़ें।
await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, ); ठीक है, हमने अपने Flutter ऐप में Firebase कॉन्फ़िगरेशन को सफलतापूर्वक पूरा कर लिया है! आइए इस मील के पत्थर का जश्न मनाने के लिए एक क्षण लें। Firebase सेवाओं को कॉन्फ़िगर करना शक्तिशाली और फीचर-रिच एप्लिकेशन बनाने में एक महत्वपूर्ण कदम है।
FCM टोकन का उपयोग करके पुश नोटिफिकेशन कैसे लागू करें
हम पुश नोटिफिकेशन के लिए डिवाइस पंजीकृत करने और प्रत्येक डिवाइस को सौंपे गए अद्वितीय FCM टोकन प्राप्त करने की प्रक्रिया को लागू करेंगे। यह चरण विशिष्ट डिवाइस को लक्षित नोटिफिकेशन भेजने के लिए महत्वपूर्ण है।
हम Firebase Cloud Messaging का उपयोग करके डिवाइस पर पुश नोटिफिकेशन भेजने के कार्यान्वयन में तल्लीन करेंगे। हम Firebase कंसोल से नोटिफिकेशन संदेशों को संरचना और भेजने का तरीका तलाशेंगे और प्रदर्शित करेंगे कि हमारे Flutter ऐप के भीतर इन संदेशों को कैसे संभालना है।
flutter pub add firebase_messaging Firebase Messaging पैकेज इंस्टॉल करना
अगला, हमें setAutoInitEnabled फंक्शन को ट्रिगर करने की आवश्यकता है ताकि हमारे Flutter ऐप में Firebase Cloud Messaging (FCM) की स्वचालित इनिशियलाइज़ेशन सक्षम हो सके। इसका मतलब है कि FCM स्वचालित रूप से इनिशियलाइज़ होगा और ऐप शुरू होने पर एक डिवाइस टोकन प्राप्त करेगा।
main मेथड में निम्नलिखित फंक्शन कॉल जोड़ें:
import 'package:firebase_messaging/firebase_messaging.dart'; ... ... await FirebaseMessaging.instance.setAutoInitEnabled(true); आइए अपना Flutter ऐप चलाएं और सत्यापित करें कि क्या हमें नोटिफिकेशन प्राप्त होता है।
Firebase मैसेजिंग कंसोल पर नेविगेट करें। चूंकि यह हमारा पहला संदेश है, हमें "Create your first campaign" चुनने की आवश्यकता है। "Firebase Notification messages" चुनें और "Create" पर क्लिक करें।
नमूना टेस्ट मैसेजिंग टेम्पलेट
अब हमें नोटिफिकेशन शीर्षक, टेक्स्ट, और संदेश के लिए नाम दर्ज करने की आवश्यकता है।
फिर हम नीचे दिए गए कोड का उपयोग करके मैन्युअल रूप से टेस्टिंग उद्देश्यों के लिए FCM टोकन प्राप्त कर सकते हैं। ऐप इंस्टेंस के लिए वर्तमान पंजीकरण टोकन प्राप्त करने के लिए, main() मेथड में getToken() कॉल करें। यह मेथड उपयोगकर्ता से नोटिफिकेशन अनुमतियों के लिए पूछेगा यदि नोटिफिकेशन अनुमति नहीं दी गई है। अन्यथा, यह एक टोकन लौटाता है या किसी त्रुटि होने पर अस्वीकार करता है।
final fcmToken = await FirebaseMessaging.instance.getToken(); log("FCMToken $fcmToken"); कंसोल पर प्रिंट हुए FCM टोकन को कॉपी करें और इसे "Add an FCM registration token" इनपुट बॉक्स में पेस्ट करें।
FCM टोकन का उपयोग करके टेस्ट संदेश भेजा गया
Test बटन पर क्लिक करें। लक्षित क्लाइंट डिवाइस (ऐप बैकग्राउंड में होने पर) को नोटिफिकेशन प्राप्त होना चाहिए।
Android डिवाइस में पुश नोटिफिकेशन प्राप्त
हुर्रे! हमें अपने Android डिवाइस पर नोटिफिकेशन मिला। यदि हम नोटिफिकेशन पर क्लिक करते हैं तो यह डिफ़ॉल्ट रूप से ऐप खोल देगा।
जब हम नोटिफिकेशन पर टैप करते हैं, तो Android और iOS दोनों पर डिफ़ॉल्ट व्यवहार एप्लिकेशन खोलना है। यदि एप्लिकेशन समाप्त हो गया है, तो यह शुरू हो जाएगा। यदि यह बैकग्राउंड में है, तो यह फोरग्राउंड में आ जाएगा।
यहां, हम Firebase मैसेजिंग को इनिशियलाइज़ करने के लिए बुनियादी कॉन्फ़िगरेशन देख सकते हैं।
main.dart
import 'package:flutter/material.dart'; import 'package:firebase_core/firebase_core.dart'; import 'package:firebase_messaging/firebase_messaging.dart'; import 'firebase_options.dart'; void main() async { runApp(const MyApp()); await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, ); final fcmToken = await FirebaseMessaging.instance.getToken(); await FirebaseMessaging.instance.setAutoInitEnabled(true); log("FCMToken $fcmToken"); } निष्कर्ष
इस ट्यूटोरियल में हमने Firebase Cloud Messaging (FCM) का उपयोग करके Flutter में पुश नोटिफिकेशन लागू करने के लिए आवश्यक चरणों को कवर किया है।
रूपरेखा चरणों का पालन करके, आप Firebase सेट अप कर सकते हैं, इसे अपने Flutter प्रोजेक्ट में एकीकृत कर सकते हैं, और पुश नोटिफिकेशन कार्यक्षमता लागू कर सकते हैं।
निर्बाध रूप से नोटिफिकेशन भेजने और प्राप्त करने की क्षमता के साथ, आप उपयोगकर्ता अनुभव को बढ़ा सकते हैं और अपने ऐप के उपयोगकर्ताओं के साथ प्रभावी ढंग से जुड़ सकते हैं। भविष्य के ट्यूटोरियल में अधिक उन्नत विषयों और सुविधाओं के लिए बने रहें।
यदि आप Flutter के बारे में अधिक जानना चाहते हैं, तो मेरे ईमेल न्यूज़लेटर (https://5minslearn.gogosoon.com/) को सब्सक्राइब करें और सोशल मीडिया पर मुझे फॉलो करें।
मुफ्त में कोड करना सीखें। freeCodeCamp का ओपन सोर्स पाठ्यक्रम 40,000 से अधिक लोगों को डेवलपर्स के रूप में नौकरी पाने में मदद कर चुका है। शुरू करें
