عملیات و پشتیبانی
چرخهٔ عمر یک خطا: از گزارش کاربر تا رفع در اسپرینت
یک خطای واقعی را از مرورگر کاربر تا لاگ بک‌اند، دیتابیس، سرور و تابلوی تیم دنبال می‌کنیم و می‌بینیم در هر لایه کجا را باید نگاه کرد.
لایهٔ مرورگر و کاربر · BugMug
باگماگ؛ رصد خطا و گزارش باگ برای سایت‌های فارسی
با یک تگ اسکریپت، خطاهای جاوااسکریپت و درخواست‌های ناموفق شبکه خودکار ثبت میشوند و کاربران با یک دکمه باگ یا پیشنهادشان را همراه اسکرینشات می‌فرستند. مستقل از فریم‌ورک؛ روی React، Vue، وردپرس، لاراول یا هر سایت دیگری.
اولین جایی که یک خطا دیده میشود، صفحهٔ کاربر است — و معمولاً کاربر به جای گزارش دادن، سایت را می‌بندد. باگماگ دو کار را با هم انجام می‌دهد: خطاهایی که کاربر هرگز گزارش نمی‌کند را خودکار ثبت میکند، و برای کاربری که می‌خواهد گزارش بدهد، راهی یک‌کلیکی با اسکرینشات می‌گذارد.
کنار هر رویداد، مسیر کلیک‌ها، ناوبری و لاگ‌های پیش از خطا (breadcrumbs) هم ثبت میشود، و خطاهای مشابه با fingerprint زیر یک Issue جمع میشوند تا تیم به جای هزار خطا، یک مشکل با هزار تکرار ببیند.
قابلیت‌های اصلی باگماگ
کپچر خودکار خطا
خطاهای جاوااسکریپت، Promiseهای رد شده و لاگ‌های کنسول با stack trace کامل.
رصد خطای شبکه
درخواست‌های ناموفق fetch و XHR همراه با وضعیت، مدت و زمینه.
دکمهٔ بازخورد با اسکرینشات
کاربر با یک کلیک باگ یا پیشنهاد می‌فرستد و اسکرینشات صفحه خودکار ضمیمه میشود.
Breadcrumbs و نشست
مسیر کلیک‌ها و ناوبری پیش از خطا، تا بازتولید باگ آسان شود.
گروه‌بندی هوشمند
خطاهای مشابه زیر یک Issue، با اولویت بر اساس تعداد کاربران متأثر.
حریم خصوصی
ماسک خودکار فیلدهای حساس در اسکرینشات و حذف داده‌های شخصی سمت سرور.
در خانوادهٔ ماگ
جایگاه باگماگ کنار ابزارهای دیگر
- باگماگ مرورگر و کاربر
- لاگ‌ماگ بک‌اند و سرویس‌ها
- دی‌بی‌ماگ پایگاه داده
- سرورماگ سرور و سیستم‌عامل
- بوردماگ تیم
باگماگ و لاگ‌ماگ
باگماگ نشان می‌دهد کاربر کجا و در کدام درخواست به خطا خورد؛ لاگ‌ماگ همان درخواست را در سرویس‌های بک‌اند دنبال میکند. اتصال مستقیم این دو، از گزارش کاربر به لاگ همان درخواست، در حال ساخت است.
مناسب برای
- تیم‌های فرانت‌اند و فول‌استک
- صاحبان فروشگاه و سایت‌های پربازدید
- آژانس‌های طراحی سایت
استقرار
سرویس ابری؛ فقط یک تگ اسکریپت روی سایت شما.
قیمت
پلن رایگان برای همیشه (با سقف قطعی و بدون صورت‌حساب غیرمنتظره)، و پلن‌های حرفه‌ای و کسب‌وکار. پرداخت ریالی.
جزئیات در سایت باگماگصریح باشیم: چه کارهایی نمی‌کند
- لاگ بک‌اند را جمع نمی‌کند؛ این کار لاگ‌ماگ است.
- کد سمت سرور را ردیابی نمی‌کند (APM نیست).
پرسش‌های پرتکرار دربارهٔ باگماگ
نصب باگماگ چقدر طول می‌کشد؟
کمتر از ۵ دقیقه. یک تگ اسکریپت با کلید عمومی پروژه به صفحات سایت اضافه میشود و نیازی به تغییر کد یا فریم‌ورک نیست.
میشود فقط خطاها را ثبت کرد و دکمهٔ گزارش را نشان نداد؟
بله، در همهٔ پلنها. با خاموش کردن نمایش دکمه در تنظیمات پروژه، خطاها همچنان خودکار ثبت میشوند.
تفاوت باگماگ با Sentry چیست؟
باگماگ فارسی و راستچین است، بدون تحریمشکن کار میکند، پرداختش ریالی است و علاوه بر رصد خطا، ویجت دریافت بازخورد کاربر با اسکرینشات هم دارد.
از بلاگ
مقاله‌های مرتبط با باگماگ
رصد خطا
چرا گزارش باگ کاربر بدون اسکرینشات و زمینه به درد نمی‌خورد
گزارش «کار نمی‌کند» قابل بازتولید نیست. یک گزارش باگ خوب چه دارد، چطور کاربر را مجبور به نوشتنش نکنیم و فیلدهای حساس را چطور ماسک کنیم.
رصد خطا
رصد خطای جاوااسکریپت در سایت: راهنمای کامل
از window.onerror و unhandledrejection تا خطای شبکه، source map، breadcrumbs و حریم خصوصی: هر آنچه برای دیدن خطاهای مرورگر کاربران لازم است.
باگماگ را روی سامانهٔ خودتان ببینید
پلن رایگان دارد و کارت بانکی نمی‌خواهد؛ همین امروز وصلش کنید.