शुरू करने से पहले
अगर आपने पहले से नहीं किया है, तो पर जाएं ये काम करने का तरीका जानने के लिए, Firebase को अपने JavaScript प्रोजेक्ट में जोड़ें:
Firebase प्रोजेक्ट बनाना
अपने वेब ऐप्लिकेशन को Firebase के साथ रजिस्टर करें
ध्यान दें कि Firebase को अपने ऐप्लिकेशन में जोड़ने पर, इनमें से कुछ काम पूरे किए जा सकते हैं इस पेज पर आगे बताए गए चरणों के बारे में बताया गया है (उदाहरण के लिए, SDK टूल जोड़ना और Firebase).
पहला चरण: परफ़ॉर्मेंस मॉनिटर करने की सुविधा जोड़ना और शुरू करना
यदि आपने पहले से ऐसा नहीं किया है, तो Firebase JS SDK इंस्टॉल करके, Firebase शुरू करें.
परफ़ॉर्मेंस मॉनिटर करने के लिए, JS SDK टूल जोड़ें और परफ़ॉर्मेंस मॉनिटरिंग शुरू करें:
Web
import { initializeApp } from "firebase/app"; import { getPerformance } from "firebase/performance"; // TODO: Replace the following with your app's Firebase project configuration // See: https://firebase.google.com/docs/web/learn-more#config-object const firebaseConfig = { // ... }; // Initialize Firebase const app = initializeApp(firebaseConfig); // Initialize Performance Monitoring and get a reference to the service const perf = getPerformance(app);
Web
import firebase from "firebase/compat/app"; import "firebase/compat/performance"; // TODO: Replace the following with your app's Firebase project configuration // See: https://firebase.google.com/docs/web/learn-more#config-object const firebaseConfig = { // ... }; // Initialize Firebase firebase.initializeApp(firebaseConfig); // Initialize Performance Monitoring and get a reference to the service const perf = firebase.performance();
दूसरा चरण: पहली इनपुट डिले पॉलीफ़िल लाइब्रेरी जोड़ना
फ़र्स्ट इनपुट डिले मेट्रिक, आपको इस मेट्रिक के लिए पॉलीफ़िल लाइब्रेरी जोड़नी होगी. इंस्टॉल करने के लिए निर्देश देखें, तो लाइब्रेरी के दस्तावेज़.
परफ़ॉर्मेंस मॉनिटर करने के लिए, इस पॉलीफ़िल लाइब्रेरी को जोड़ने की ज़रूरत नहीं होती, ताकि दूसरे वेब ऐप्लिकेशन मेट्रिक देखें.
तीसरा चरण: शुरुआती डेटा दिखाने के लिए परफ़ॉर्मेंस इवेंट जनरेट करना
जब इवेंट में SDK टूल जोड़ दिया जाता है, तब Firebase इवेंट को प्रोसेस करना शुरू कर देता है है. अगर आपको अब भी स्थानीय तौर पर डेवलप किया जा रहा है, तो जनरेट करने के लिए अपने ऐप्लिकेशन से इंटरैक्ट करें शुरुआती डेटा इकट्ठा और प्रोसेस करने के लिए इवेंट.
स्थानीय वातावरण में अपना वेब ऐप्लिकेशन उपलब्ध कराएं और देखें.
अपनी साइट के लिए सबपेज लोड करके, इवेंट जनरेट करें और/या नेटवर्क अनुरोधों को ट्रिगर करने में मदद करता है. ब्राउज़र टैब को बनाए रखना पक्का करें पेज लोड होने के बाद, कम से कम 10 सेकंड तक खुलता है.
परफ़ॉर्मेंस डैशबोर्ड पर जाएं के विकल्प का इस्तेमाल करना चाहिए. आपको अपना शुरुआती डेटा यहां दिखेगा कुछ मिनट.
अगर आपको अपना शुरुआती डेटा नहीं दिखता है, तो समस्या का हल देखें सलाह देखें.
चौथा चरण: (ज़रूरी नहीं) परफ़ॉर्मेंस इवेंट के लॉग मैसेज देखें
अपने ब्राउज़र के डेवलपर टूल खोलें (उदाहरण के लिए, Chrome Dev टूल के लिए नेटवर्क टैब या Firefox के लिए Network Monitor में देखें).
ब्राउज़र में अपने वेब ऐप्लिकेशन को रीफ़्रेश करें.
गड़बड़ी के किसी भी मैसेज के लिए अपने लॉग मैसेज देखें.
कुछ सेकंड के बाद, इस नंबर पर नेटवर्क कॉल करें
firebaselogging.googleapis.com
. कॉन्टेंट बनाने नेटवर्क कॉल की मौजूदगी से पता चलता है कि ब्राउज़र परफ़ॉर्मेंस भेज रहा है डेटा को Firebase में भेजें.
अगर आपका ऐप्लिकेशन, परफ़ॉर्मेंस से जुड़े इवेंट लॉग नहीं कर रहा है, तो समस्या का हल देखें सलाह देखें.
पांचवां चरण: (ज़रूरी नहीं) किसी कोड के लिए, अपने हिसाब से मॉनिटरिंग की सुविधा चालू करना
अपने ऐप्लिकेशन में किसी खास कोड से जुड़े परफ़ॉर्मेंस डेटा पर नज़र रखने के लिए, ये काम किए जा सकते हैं इंस्ट्रुमेंट कस्टम कोड ट्रेस.
कस्टम कोड ट्रेस की मदद से, यह मेज़र किया जा सकता है कि आपके ऐप्लिकेशन को पूरा होने में कितना समय लगता है कोई खास टास्क या टास्क का सेट. जैसे, इमेज का सेट लोड करना या क्वेरी करना आपका डेटाबेस. कस्टम कोड ट्रेस के लिए डिफ़ॉल्ट मेट्रिक उसकी अवधि होती है, लेकिन आपके पास कैश हिट और मेमोरी चेतावनियां जैसी कस्टम मेट्रिक भी जोड़ने का विकल्प है.
अपने कोड में, कस्टम कोड ट्रेस की शुरुआत और आखिर में मौजूद जानकारी शामिल करें (और परफ़ॉर्मेंस मॉनिटर करने वाले SDK टूल से मिले एपीआई का इस्तेमाल करके, अपनी ज़रूरत के मुताबिक कोई कस्टम मेट्रिक जोड़ें.
किसी कोड के लिए मॉनिटरिंग की सुविधा जोड़ना पर जाएं इन सुविधाओं और इन्हें अपने ऐप्लिकेशन में जोड़ने के तरीके के बारे में ज़्यादा जानें.
छठा चरण: अपना ऐप्लिकेशन डिप्लॉय करें और फिर नतीजों की समीक्षा करें
परफ़ॉर्मेंस मॉनिटर करने की सुविधा की पुष्टि करने के बाद, अपडेट किया गया वर्शन डिप्लॉय किया जा सकता है को किस तरह डिज़ाइन किया जाए.
परफ़ॉर्मेंस डेटा को मॉनिटर करने के लिए, परफ़ॉर्मेंस CANNOT TRANSLATE Firebase कंसोल.
अगले चरण
Google Arts & Culture की मदद से वेब कोडलैब (कोड बनाना सीखना) के लिए Firebase की परफ़ॉर्मेंस मॉनिटर करना.
परफ़ॉर्मेंस मॉनिटर करने की सुविधा की मदद से, अपने-आप इकट्ठा होने वाले डेटा के बारे में ज़्यादा जानें:
- आपके ऐप्लिकेशन में पेज लोड होने का डेटा
- एचटीटीपी/एस नेटवर्क अनुरोधों का डेटा आपके ऐप्लिकेशन की ओर से जारी
देखें, ट्रैक करें, और फ़िल्टर करें Firebase कंसोल में परफ़ॉर्मेंस का डेटा
अपने ऐप्लिकेशन में खास टास्क या वर्कफ़्लो के लिए, मॉनिटरिंग की सुविधा चालू करें कस्टम कोड ट्रेस बनाना
परफ़ॉर्मेंस डेटा को फ़िल्टर करने के लिए, एट्रिब्यूट इस्तेमाल करना