قبل از شروع
اگر قبلاً این کار را نکردهاید، از افزودن Firebase به پروژه جاوا اسکریپت خود بازدید کنید تا یاد بگیرید چگونه:
یک پروژه Firebase ایجاد کنید
برنامه وب خود را با Firebase ثبت کنید
توجه داشته باشید که وقتی Firebase را به برنامه خود اضافه می کنید، ممکن است برخی از مراحل توضیح داده شده در این صفحه را کامل کنید (به عنوان مثال، افزودن SDK و مقداردهی اولیه Firebase).
مرحله 1 : Performance Monitoring اضافه و مقداردهی اولیه کنید
اگر قبلاً این کار را نکردهاید، Firebase JS SDK را نصب کرده و Firebase را مقداردهی اولیه کنید .
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();
مرحله 2 : اولین کتابخانه polyfill تاخیر ورودی را اضافه کنید
برای اندازه گیری اولین متریک تاخیر ورودی ، باید کتابخانه polyfill را برای این متریک اضافه کنید. برای دستورالعملهای نصب، به مستندات کتابخانه مراجعه کنید.
افزودن این کتابخانه polyfill برای Performance Monitoring برای گزارش سایر معیارهای برنامه وب لازم نیست.
مرحله 3 : رویدادهای عملکرد را برای نمایش داده های اولیه ایجاد کنید
هنگامی که SDK را با موفقیت به برنامه خود اضافه کنید، Firebase پردازش رویدادها را شروع می کند. اگر هنوز به صورت محلی در حال توسعه هستید، با برنامه خود تعامل داشته باشید تا رویدادهایی برای جمع آوری و پردازش داده های اولیه ایجاد کنید.
برنامه وب خود را در یک محیط محلی ارائه و مشاهده کنید.
رویدادها را با بارگیری صفحات فرعی برای سایت خود، تعامل با برنامه خود و/یا راه اندازی درخواست های شبکه ایجاد کنید. مطمئن شوید که تب مرورگر را حداقل 10 ثانیه پس از بارگیری صفحه باز نگه دارید.
به داشبورد Performance کنسول Firebase بروید. در عرض چند دقیقه باید نمایش داده های اولیه خود را ببینید.
اگر نمایش دادههای اولیه خود را نمیبینید، نکات عیبیابی را مرور کنید.
مرحله 4 : (اختیاری) پیامهای گزارش رویدادهای عملکرد را مشاهده کنید
ابزارهای توسعه دهنده مرورگر خود را باز کنید (به عنوان مثال، برگه شبکه برای ابزارهای توسعه دهنده کروم یا در مانیتور شبکه برای فایرفاکس ).
برنامه وب خود را در مرورگر به روز کنید.
پیام های گزارش خود را برای هرگونه پیام خطا بررسی کنید.
پس از چند ثانیه، به دنبال تماس شبکه با
firebaselogging.googleapis.com
در ابزارهای توسعه دهنده مرورگر خود بگردید. وجود آن تماس شبکه نشان می دهد که مرورگر در حال ارسال داده های عملکرد به Firebase است.
اگر برنامه شما رویدادهای عملکرد را ثبت نمیکند، نکات عیبیابی را مرور کنید.
مرحله 5 : (اختیاری) نظارت سفارشی را برای کد خاص اضافه کنید
برای نظارت بر داده های عملکرد مرتبط با کد خاص در برنامه خود، می توانید ردیابی کد سفارشی را ابزار کنید.
با ردیابی کد سفارشی، می توانید اندازه گیری کنید که برنامه شما چقدر طول می کشد تا یک کار خاص یا مجموعه ای از وظایف را انجام دهد، مانند بارگیری مجموعه ای از تصاویر یا جستجو در پایگاه داده شما. معیار پیشفرض برای ردیابی کد سفارشی مدت زمان آن است، اما میتوانید معیارهای سفارشی مانند بازدیدهای حافظه پنهان و هشدارهای حافظه را نیز اضافه کنید.
در کد خود، ابتدا و انتهای یک ردیابی کد سفارشی را با استفاده از API ارائه شده توسط Performance Monitoring SDK تعریف می کنید (و هر معیار دلخواه دلخواه را اضافه می کنید).
برای کسب اطلاعات بیشتر در مورد این ویژگیها و نحوه افزودن آنها به برنامهتان، از Add monitoring برای کد خاصی دیدن کنید.
مرحله 6 : برنامه خود را اجرا کنید و نتایج را بررسی کنید
پس از تأیید Performance Monitoring ، می توانید نسخه به روز شده برنامه خود را برای کاربران خود مستقر کنید.
می توانید داده های عملکرد را در داشبورد عملکرد کنسول Firebase نظارت کنید.
مراحل بعدی
با Firebase Performance Monitoring برای Web Codelab تجربه عملی داشته باشید.
درباره داده هایی که به طور خودکار توسط Performance Monitoring جمع آوری می شود بیشتر بیاموزید:
- داده برای بارگذاری صفحه در برنامه شما
- دادههای درخواستهای شبکه HTTP/S که توسط برنامه شما صادر شده است
دادههای عملکرد خود را در کنسول Firebase مشاهده، ردیابی و فیلتر کنید
با ابزارسازی ردیابی کد سفارشی، نظارت بر وظایف یا گردشهای کاری خاص را در برنامه خود اضافه کنید