Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

با نظارت بر عملکرد برای وب شروع کنید

قبل از اینکه شروع کنی

اگر شما در حال حاضر، بازدید اضافه کردن فایربیس به پروژه جاوا اسکریپت خود را به یاد بگیرند که چگونه به:

  • ایجاد پروژه Firebase

  • برنامه وب خود را با Firebase ثبت کنید

توجه داشته باشید که هنگام افزودن Firebase به برنامه خود ، ممکن است برخی از مراحل توضیح داده شده در این صفحه را انجام دهید (برای مثال ، افزودن SDK و راه اندازی اولیه Firebase).

مرحله 1: اضافه کردن و مقداردهی اولیه نظارت بر عملکرد

  1. اگر شما در حال حاضر، نصب فایربیس JS SDK و مقداردهی اولیه فایربیس .

  2. JS SDK مانیتورینگ عملکرد را اضافه کرده و مانیتورینگ عملکرد را آغاز کنید:

    نسخه وب 9

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

    نسخه وب 8

    import firebase from "firebase/app";
    import "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
    firebase.initializeApp(firebaseConfig);
    
    // Initialize Performance Monitoring and get a reference to the service
    const perf = firebase.performance();
    

مرحله 2: اضافه کردن اولین ورودی کتابخانه تاخیر polyfill هستیم

برای اندازه گیری اول متریک تاخیر ورودی ، شما نیاز به اضافه کردن کتابخانه polyfill هستیم برای این متریک. برای دستورالعمل های نصب، به کتابخانه مراجعه مستندات .

افزودن این کتابخانه polyfill برای گزارش عملکرد دیگر جهت گزارش سایر معیارهای برنامه وب ضروری نیست.

مرحله 3: ایجاد حوادث عملکرد برای نمایش داده های اولیه

هنگامی که SDK را با موفقیت به برنامه خود اضافه می کنید ، Firebase شروع به پردازش می کند. اگر هنوز در حال توسعه محلی هستید ، برای ایجاد رویدادها برای جمع آوری و پردازش اولیه داده ها ، با برنامه خود تعامل داشته باشید.

  1. برنامه وب خود را در محیط محلی ارائه و مشاهده کنید.

  2. با بارگذاری صفحات فرعی برای سایت خود ، تعامل با برنامه خود و/یا ایجاد درخواست های شبکه ، رویدادها را ایجاد کنید. اطمینان حاصل کنید که برگه مرورگر را حداقل 10 ثانیه پس از بارگیری صفحه باز نگه دارید.

  3. رفتن به داشبورد عملکرد کنسول فایربیس. شما باید داده های اولیه خود را در عرض چند دقیقه مشاهده کنید.

    اگر شما یک صفحه نمایش از داده های اولیه خود را نمی بینم، بررسی نکات عیبیابی .

گام 4: (اختیاری) نمایش پیام نگار برای رویدادهای عملکرد

  1. باز کردن Developer Tools مرورگر خود را (به عنوان مثال، شبکه زبانه برای ابزارهای Chrome برنامه نویس و یا در شبکه مانیتور برای فایرفاکس ).

  2. برنامه وب خود را در مرورگر بازخوانی کنید.

  3. پیامهای ورود خود را برای وجود هرگونه پیام خطا بررسی کنید.

  4. پس از چند ثانیه، برای یک تماس شبکه به نگاه firebaselogging.googleapis.com در ابزار توسعه دهنده مرورگر خود را. حضور آن تماس شبکه نشان می دهد که مرورگر داده های عملکرد را به Firebase ارسال می کند.

اگر برنامه شما است حوادث عملکرد ورود نکرده باشید، نکات عیبیابی .

مرحله 5: (اختیاری) اضافه کردن سفارشی نظارت برای کد خاص

برای نظارت بر داده های عملکرد مرتبط با کد خاص در برنامه شما، شما می توانید ابزار آثار کد سفارشی .

با ردیابی کد سفارشی ، می توانید مدت زمانی را که برنامه شما برای انجام یک کار خاص یا مجموعه ای از وظایف ، مانند بارگیری مجموعه ای از تصاویر یا پرس و جو از پایگاه داده شما نیاز دارد ، اندازه گیری کنید. معیار پیش فرض برای ردیابی کد سفارشی مدت زمان آن است ، اما می توانید معیارهای سفارشی مانند بازدید از حافظه پنهان و هشدارهای حافظه را نیز اضافه کنید.

در کد خود ، ابتدا و انتهای یک ردیف کد سفارشی (و هر معیار دلخواه دلخواه را با استفاده از API ارائه شده توسط SDK مانیتورینگ عملکرد) تعریف می کنید.

مشاهده اضافه کردن نظارت برای کد خاص برای کسب اطلاعات بیشتر در مورد این ویژگی ها و چگونه به آنها اضافه کردن به برنامه شما.

مرحله 6: استقرار برنامه خود را پس از آن نتایج بررسی

پس از تأیید عملکرد نظارت ، می توانید نسخه به روز برنامه خود را در اختیار کاربران خود قرار دهید.

شما می توانید داده های عملکرد در نظارت بر داشبورد عملکرد کنسول فایربیس.

مراحل بعدی