वेब के लिए परफ़ॉर्मेंस मॉनिटर करने की सुविधा का इस्तेमाल शुरू करना

शुरू करने से पहले

अगर आपने अब तक ऐसा नहीं किया है, तो इस पर जाएं ये काम करने का तरीका जानने के लिए, Firebase को अपने JavaScript प्रोजेक्ट में जोड़ें:

  • Firebase प्रोजेक्ट बनाना

  • अपने वेब ऐप्लिकेशन को Firebase के साथ रजिस्टर करें

ध्यान दें कि Firebase को अपने ऐप्लिकेशन में जोड़ने पर, इनमें से कुछ काम पूरे किए जा सकते हैं इस पेज पर आगे बताए गए चरणों के बारे में बताया गया है (उदाहरण के लिए, SDK टूल जोड़ना और Firebase).

पहला चरण: Performance Monitoring जोड़ें और शुरू करें

  1. यदि आपने पहले से ऐसा नहीं किया है, तो Firebase JS SDK इंस्टॉल करके, Firebase शुरू करें.

  2. Performance Monitoring JS SDK टूल जोड़ें और Performance Monitoring को शुरू करें:

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();

दूसरा चरण: पहली इनपुट डिले पॉलीफ़िल लाइब्रेरी जोड़ना

फ़र्स्ट इनपुट डिले मेट्रिक, आपको इस मेट्रिक के लिए पॉलीफ़िल लाइब्रेरी जोड़नी होगी. इंस्टॉल करने के लिए निर्देश देखें, तो लाइब्रेरी के दस्तावेज़.

Performance Monitoring को अन्य वेब ऐप्लिकेशन मेट्रिक देखें.

तीसरा चरण: शुरुआती डेटा दिखाने के लिए परफ़ॉर्मेंस इवेंट जनरेट करना

SDK टूल को ऐप्लिकेशन में जोड़ने के बाद, Firebase इवेंट प्रोसेस करना शुरू कर देता है. अगर ऐप्लिकेशन को अब भी लोकल तौर पर डेवलप किया जा रहा है, तो शुरुआती डेटा इकट्ठा करने और प्रोसेस करने के लिए, अपने ऐप्लिकेशन के साथ इंटरैक्ट करें.

  1. स्थानीय वातावरण में अपना वेब ऐप्लिकेशन उपलब्ध कराएं और देखें.

  2. अपनी साइट के लिए सबपेज लोड करके, इवेंट जनरेट करें और/या नेटवर्क अनुरोधों को ट्रिगर करने में मदद करता है. ब्राउज़र टैब को बनाए रखना पक्का करें पेज लोड होने के बाद, कम से कम 10 सेकंड तक खुलता है.

  3. परफ़ॉर्मेंस डैशबोर्ड पर जाएं Firebase कंसोल में बदल दिया जाता है. आपको अपना शुरुआती डेटा यहां दिखेगा कुछ मिनट.

    अगर आपको अपना शुरुआती डेटा नहीं दिखता है, तो समस्या का हल देखें सलाह देखें.

चौथा चरण: (ज़रूरी नहीं) परफ़ॉर्मेंस इवेंट के लिए लॉग मैसेज देखना

  1. अपने ब्राउज़र के डेवलपर टूल खोलें. उदाहरण के लिए, Chrome DevTools के लिए नेटवर्क टैब या Firefox के लिए नेटवर्क मॉनिटर.

  2. ब्राउज़र में अपने वेब ऐप्लिकेशन को रीफ़्रेश करें.

  3. गड़बड़ी के किसी भी मैसेज के लिए अपने लॉग मैसेज देखें.

  4. कुछ सेकंड के बाद, इस नंबर पर नेटवर्क कॉल करें firebaselogging.googleapis.com. कॉन्टेंट बनाने नेटवर्क कॉल की मौजूदगी से पता चलता है कि ब्राउज़र परफ़ॉर्मेंस भेज रहा है डेटा को Firebase में भेजें.

अगर आपका ऐप्लिकेशन, परफ़ॉर्मेंस से जुड़े इवेंट लॉग नहीं कर रहा है, तो समस्या का हल देखें सलाह देखें.

पांचवां चरण: (ज़रूरी नहीं) किसी कोड के लिए, अपने हिसाब से मॉनिटरिंग की सुविधा चालू करना

अपने ऐप्लिकेशन में किसी खास कोड से जुड़े परफ़ॉर्मेंस डेटा पर नज़र रखने के लिए, ये काम किए जा सकते हैं इंस्ट्रुमेंट कस्टम कोड ट्रेस.

कस्टम कोड ट्रेस की मदद से, यह मेज़र किया जा सकता है कि आपके ऐप्लिकेशन को पूरा होने में कितना समय लगता है कोई खास टास्क या टास्क का सेट. जैसे, इमेज का सेट लोड करना या क्वेरी करना आपका डेटाबेस. कस्टम कोड ट्रेस के लिए डिफ़ॉल्ट मेट्रिक उसकी अवधि होती है, लेकिन आपके पास कैश हिट और मेमोरी चेतावनियां जैसी कस्टम मेट्रिक भी जोड़ने का विकल्प है.

अपने कोड में, कस्टम कोड ट्रेस की शुरुआत और आखिर में मौजूद जानकारी शामिल करें (और कोई भी पसंदीदा कस्टम मेट्रिक जोड़ें). इसके लिए, Performance Monitoring SDK टूल से मिले एपीआई का इस्तेमाल करें.

इन सुविधाओं के बारे में ज़्यादा जानने और उन्हें अपने ऐप्लिकेशन में जोड़ने का तरीका जानने के लिए, किसी खास कोड के लिए मॉनिटरिंग जोड़ें पर जाएं.

छठा चरण: अपना ऐप्लिकेशन डिप्लॉय करें और फिर नतीजों की समीक्षा करें

Performance Monitoring की पुष्टि करने के बाद, आप इसके अपडेट किए गए वर्शन को डिप्लॉय कर सकते हैं को किस तरह डिज़ाइन किया जाए.

परफ़ॉर्मेंस डेटा को मॉनिटर करने के लिए, परफ़ॉर्मेंस डैशबोर्ड का Firebase कंसोल पर क्लिक करें.

अगले चरण