<पी> आज के अत्यधिक प्रतिस्पर्धी मोबाइल ऐप परिदृश्य में, अपने ऐप के उपयोगकर्ताओं को प्रभावी ढंग से शामिल करना और समय पर जानकारी प्रदान करना महत्वपूर्ण है। <पी> फायरबेस क्लाउड मैसेजिंग (एफसीएम) फायरबेस द्वारा प्रदान की जाने वाली एक शक्तिशाली पुश अधिसूचना सेवा है। यह आपके ऐप के उपयोगकर्ताओं से जुड़ने और उन्हें व्यस्त रखने का एक सहज तरीका प्रदान करता है। <पी> इस ट्यूटोरियल में, हम फ़्लटर में FCM के एकीकरण के बारे में विस्तार से जानेंगे। हम इसके लाभों का पता लगाएंगे और वास्तविक दुनिया के उदाहरण दिखाएंगे कि यह उपयोगकर्ता की सहभागिता को कैसे बढ़ा सकता है और ऐप के प्रदर्शन में सुधार कर सकता है। <पी> फायरबेस क्लाउड मैसेजिंग (एफसीएम) आपके सर्वर और उपकरणों के बीच एक विश्वसनीय और बैटरी-कुशल कनेक्शन प्रदान करता है। यह आपको बिना किसी लागत के iOS, Android और वेब पर संदेश और सूचनाएं वितरित करने और प्राप्त करने की अनुमति देता है। <पी> इस ट्यूटोरियल में, हम बैकएंड सेवा के रूप में फायरबेस का उपयोग करके फ़्लटर में फायरबेस क्लाउड मैसेजिंग (एफसीएम) को स्थापित करने और उपयोग करने की प्रक्रिया का पता लगाएंगे। जबकि मुख्य फोकस एंड्रॉइड कार्यान्वयन पर होगा, यह ध्यान देने योग्य है कि प्रक्रिया आईओएस और एंड्रॉइड के लिए समान है (कुछ कॉन्फ़िगरेशन अंतर के साथ)। <पी> यहां वह है जिसे हम कवर करेंगे: - फ़ायरबेस में ऐप कैसे बनाएं
- फ्लटर में फायरबेस कैसे सेट करें
- FCM टोकन का उपयोग करके पुश नोटिफिकेशन कैसे लागू करें
<पी> इस ट्यूटोरियल में, आप सीखेंगे कि फ़्लटर में चल रहे ऐप पर फ़ायरबेस का उपयोग करके एक सरल अधिसूचना कैसे भेजें। आइए शुरू करें। फ़ायरबेस में ऐप कैसे बनाएं
<पी> आरंभ करने के लिए मैं फायरबेस कंसोल में एक नया प्रोजेक्ट बनाऊंगा। मैं प्रोजेक्ट सेटअप, फायरबेस क्लाउड मैसेजिंग को कैसे कॉन्फ़िगर करें, और हमारे फ़्लटर ऐप के लिए आवश्यक क्रेडेंशियल्स और कॉन्फ़िगरेशन फ़ाइलें कैसे प्राप्त करें सहित आवश्यक कदम उठाऊंगा। <पी> यदि आपके पास कोई खाता नहीं है तो ऐप बनाने से पहले आपको फायरबेस कंसोल के लिए साइनअप करना होगा। साइन अप करने के बाद, एक प्रोजेक्ट बनाने का प्रयास करें। <पी> फ़ायरबेस में एक प्रोजेक्ट बनाएं <पी> प्रोजेक्ट बनाने में थोड़ा समय लगेगा। <पी> फ़ायरबेस में प्रोजेक्ट बनाना <पी> प्रोजेक्ट बनाने के बाद, यह आपको प्रोजेक्ट डैशबोर्ड पर रीडायरेक्ट करेगा। <पी> फ़ायरबेस कंसोल में प्रोजेक्ट अवलोकन <पी> एक बार जब आप फायरबेस कंसोल में प्रोजेक्ट बना लेते हैं, तो हमारे फ़्लटर ऐप के साथ शुरुआत करने का समय आ गया है। फ़्लटर में फायरबेस कैसे सेट करें
<पी> मैंने विज़ुअल स्टूडियो कोड का उपयोग करके एक सरल फ़्लटर प्रोजेक्ट बनाया है। यदि आप फ़्लटर प्रोजेक्ट बनाने से अपरिचित हैं, तो आप मेरे पिछले ट्यूटोरियल का संदर्भ ले सकते हैं। (यदि आप पहले से ही परिचित हैं, तो आप इस चरण को छोड़ सकते हैं।) <पी> एंड्रॉइड डिवाइस पर सरल फ़्लटर एप्लिकेशन चल रहा है <पी> आइए फायरबेस को हमारे फ़्लटर प्रोजेक्ट में एकीकृत करें। ऐसा करने के लिए, हमें फायरबेस सीएलआई कमांड लाइन टूल की आवश्यकता है। मैंने पहले ही फायरबेस सीएलआई स्थापित कर लिया है। यदि आपने ऐसा नहीं किया है, तो आप आधिकारिक दस्तावेज़ देख सकते हैं। <पी> फिर हमें Firebase CLI का उपयोग करके Firebase में लॉग इन करना होगा। firebase login
<पी> फ़ायरबेससीएलआई का उपयोग करके फ़ायरबेस में लॉगिन करें <पी> यह आपको फायरबेस में लॉग इन करने के लिए ब्राउज़र पर ले जाएगा। प्रमाणीकरण सफलतापूर्वक पूरा हो जाने पर आपको वापस ले जाया जाएगा। <पी> सफल लॉगिन के बाद, हमें फ़्लटरफ़ायर सीएलआई इंस्टॉल करना होगा। हम अपने फ़्लटर ऐप्स को फ़ायरबेस से कनेक्ट करने के लिए फ़्लटरफ़ायर सीएलआई का उपयोग कर सकते हैं। फ़्लटरफ़ायर सीएलआई को सक्रिय करने के लिए निम्नलिखित कमांड चलाएँ: dart pub global activate flutterfire_cli
<पी> फ़्लटरफ़ायर सीएलआई एक कमांड-लाइन इंटरफ़ेस टूल है जो फ़्लटर अनुप्रयोगों में फ़ायरबेस सेवाओं के एकीकरण को सरल बनाता है। यह हमारे फ़्लटर प्रोजेक्ट में फ़ायरबेस प्लगइन्स को जोड़ने, कॉन्फ़िगर करने और प्रबंधित करने का एक सुविधाजनक तरीका प्रदान करता है। <पी> फ़्लटरफ़ायरसीएलआई स्थापित करना <पी> अगला चरण firebase_core जोड़ना है हमारे फ़्लटर प्रोजेक्ट के लिए लाइब्रेरी। <पी> निम्न आदेश स्वचालित रूप से firebase_core जोड़ देगा आपके प्रोजेक्ट के pubspec.yaml में एक निर्भरता के रूप में पैकेज फ़ाइल करें और pub.dev से पैकेज का नवीनतम संस्करण प्राप्त करें . इस कमांड को चलाने के बाद, आप firebase_core को आयात कर सकते हैं डार्ट फ़ाइलों में पैकेज करें और हमारे फ़्लटर ऐप में फ़ायरबेस सेवाओं का उपयोग करें। flutter pub add firebase_core
<पी> फ़ायरबेस कोर पैकेज स्थापित करना <पी> flutterfire configure फ़्लटरफ़ायर सीएलआई का उपयोग करके हमारे फ़्लटर प्रोजेक्ट में फ़ायरबेस सेवाओं को कॉन्फ़िगर करने के लिए कमांड का उपयोग किया जाता है। यह कमांड हमें फायरबेस प्रमाणीकरण, फायरस्टोर, क्लाउड मैसेजिंग और अन्य फायरबेस सेवाओं को आसानी से और कुशलता से सेट करने में मदद करता है। flutterfire configure
<पी> पहला कदम प्रोजेक्ट चुनना है, <पी> फ़्लटर ऐप को फायरबेस ऐप से कनेक्ट करें <पी> अगला चरण है प्लेटफ़ॉर्म चुनना. मैं इसे यहां Android के लिए उपयोग कर रहा हूं, इसलिए मैं Android चुनता हूं। <पी> प्लेटफ़ॉर्म चुनना <पी> सफल कॉन्फ़िगरेशन के बाद, फायरबेस ऐप आईडी प्रदर्शित की जाएगी। <पी> अंततः, हमें अपने main.dart में कुछ कोड परिवर्तन जोड़ने होंगे फ़ाइल. <पी> निम्नलिखित पैकेज आयात करें: import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';
<पी> main.dart के मुख्य फ़ंक्शन के अंदर फायरबेस कॉन्फिगरेशन को आरंभ करने के लिए निम्नलिखित कॉन्फ़िगरेशन जोड़ें फ़ाइल. await Firebase.initializeApp(
options: DefaultFirebaseOptions.currentPlatform,
);
<पी> ठीक है, हमने अपने फ़्लटर ऐप में फ़ायरबेस कॉन्फ़िगरेशन सफलतापूर्वक पूरा कर लिया है! आइए इस मील के पत्थर का जश्न मनाने के लिए कुछ समय निकालें। शक्तिशाली और सुविधा संपन्न एप्लिकेशन बनाने में फायरबेस सेवाओं को कॉन्फ़िगर करना एक महत्वपूर्ण कदम है। एफसीएम टोकन का उपयोग करके पुश अधिसूचना कैसे लागू करें
<पी> हम पुश सूचनाओं के लिए उपकरणों को पंजीकृत करने और प्रत्येक डिवाइस को सौंपे गए अद्वितीय एफसीएम टोकन को पुनः प्राप्त करने की प्रक्रिया लागू करेंगे। विशिष्ट उपकरणों पर लक्षित सूचनाएं भेजने के लिए यह चरण महत्वपूर्ण है। <पी> हम फायरबेस क्लाउड मैसेजिंग का उपयोग करके उपकरणों पर पुश नोटिफिकेशन भेजने के कार्यान्वयन में उतरेंगे। हम यह पता लगाएंगे कि फायरबेस कंसोल से अधिसूचना संदेशों को कैसे संरचित और भेजा जाए और हमारे फ़्लटर ऐप के भीतर इन संदेशों को कैसे प्रबंधित किया जाए, इसका प्रदर्शन करेंगे। flutter pub add firebase_messaging
<पी> फ़ायरबीएसई मैसेजिंग पैकेज इंस्टॉल किया जा रहा है <पी> इसके बाद, हमें setAutoInitEnabled को ट्रिगर करना होगा हमारे फ़्लटर ऐप में फायरबेस क्लाउड मैसेजिंग (एफसीएम) के स्वचालित आरंभीकरण को सक्षम करने के लिए फ़ंक्शन। इसका मतलब यह है कि ऐप शुरू होने पर एफसीएम स्वचालित रूप से डिवाइस टोकन को प्रारंभ और पुनर्प्राप्त करेगा। <पी> main में निम्नलिखित फ़ंक्शन कॉल जोड़ें विधि: import 'package:firebase_messaging/firebase_messaging.dart';
...
...
await FirebaseMessaging.instance.setAutoInitEnabled(true);
<पी> आइए अपना फ़्लटर ऐप चलाएं और सत्यापित करें कि क्या हमें सूचना प्राप्त हुई है। <पी> फायरबेस मैसेजिंग कंसोल पर नेविगेट करें। चूंकि यह हमारा पहला संदेश है, हमें "अपना पहला अभियान बनाएं" का चयन करना होगा। "फ़ायरबेस अधिसूचना संदेश" चुनें और "बनाएँ" पर क्लिक करें। <पी> नमूना परीक्षण संदेश टेम्पलेट <पी> अब हमें संदेश के लिए अधिसूचना शीर्षक, टेक्स्ट और नाम दर्ज करना होगा। <पी> फिर हम नीचे दिए गए कोड का उपयोग करके परीक्षण उद्देश्यों के लिए मैन्युअल रूप से एफसीएम टोकन प्राप्त कर सकते हैं। किसी ऐप इंस्टेंस के लिए वर्तमान पंजीकरण टोकन पुनः प्राप्त करने के लिए, getToken() पर कॉल करें main() में विधि. यदि अधिसूचना अनुमति नहीं दी गई है तो यह विधि उपयोगकर्ता से अधिसूचना अनुमतियां मांगेगी। अन्यथा, यह एक टोकन लौटाता है या कोई त्रुटि होने पर अस्वीकार कर देता है। final fcmToken = await FirebaseMessaging.instance.getToken();
log("FCMToken $fcmToken");
<पी> कंसोल पर मुद्रित एफसीएम टोकन की प्रतिलिपि बनाएँ और इसे "एक एफसीएम पंजीकरण टोकन जोड़ें" इनपुट बॉक्स में पेस्ट करें। <पी> एफसीएम टोकन का उपयोग करके परीक्षण संदेश भेजा गया <पी> टेस्ट बटन पर क्लिक करें. लक्षित क्लाइंट डिवाइस (पृष्ठभूमि में ऐप के साथ) को अधिसूचना प्राप्त होनी चाहिए। <पी> एंड्रॉइड डिवाइस में पुश नोटिफिकेशन प्राप्त हुआ <पी> हुर्रे! हमें अपने एंड्रॉइड डिवाइस पर अधिसूचना मिली। यदि हम अधिसूचना पर क्लिक करते हैं तो यह डिफ़ॉल्ट रूप से ऐप खोल देगा। <पी> जब हम किसी अधिसूचना पर टैप करते हैं, तो एंड्रॉइड और आईओएस दोनों पर डिफ़ॉल्ट व्यवहार एप्लिकेशन को खोलना होता है। यदि आवेदन समाप्त हो गया है, तो इसे शुरू कर दिया जाएगा। यदि यह पृष्ठभूमि में है, तो इसे अग्रभूमि में लाया जाएगा। <पी> यहां, हम फायरबेस मैसेजिंग को आरंभ करने के लिए बुनियादी कॉन्फ़िगरेशन देख सकते हैं। <पी> 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");
}
निष्कर्ष
<पी> इस ट्यूटोरियल में हमने फायरबेस क्लाउड मैसेजिंग (एफसीएम) का उपयोग करके फ़्लटर में पुश नोटिफिकेशन लागू करने के लिए आवश्यक चरणों को शामिल किया है। <पी> उल्लिखित चरणों का पालन करके, आप फायरबेस सेट कर सकते हैं, इसे अपने फ़्लटर प्रोजेक्ट में एकीकृत कर सकते हैं, और पुश अधिसूचना कार्यक्षमता लागू कर सकते हैं। <पी> सूचनाएं निर्बाध रूप से भेजने और प्राप्त करने की क्षमता के साथ, आप उपयोगकर्ता अनुभव को बढ़ा सकते हैं और अपने ऐप के उपयोगकर्ताओं के साथ प्रभावी ढंग से जुड़ सकते हैं। भविष्य के ट्यूटोरियल में अधिक उन्नत विषयों और सुविधाओं के लिए बने रहें। <पी> यदि आप फ़्लटर के बारे में अधिक जानना चाहते हैं, तो मेरे ईमेल न्यूज़लेटर (https://5minslearn.gogosoon.com/) की सदस्यता लें और सोशल मीडिया पर मुझे फ़ॉलो करें। <पी> मुफ़्त में कोड करना सीखें. फ्रीकोडकैंप के ओपन सोर्स पाठ्यक्रम ने 40,000 से अधिक लोगों को डेवलपर्स के रूप में नौकरी पाने में मदद की है। आरंभ करें
