پایش خطا و عملکرد برای تیم‌های وبBROWSER ERROR TRACKING

مشکل از
کجا شروع شد؟

+ تصویر روشن‌تری از خطاهای برنامه‌تان داشته باشید.

وقتی کاربر می‌گوید «پرداخت نشد»، احتمالاً چند سؤال دارید. آشکار خطا، مسیر کاربر و درخواست‌های شبکه را کنار هم می‌گذارد تا تیم شما بداند چه گذشته و با اطلاعات بیشتری سراغ رفع مشکل برود.

روی زیرساخت ابری آشکار یا سرورهای خودتان.
از اتفاق‌های مرورگر تا کدی که نیاز به بررسی دارد.
JAVASCRIPT↗REACT↗VUE
01 / ERRORS IN CONTEXT
جزئیاتی که وقت بررسی به کار می‌آیند

خطا را می‌بینید،
ماجرای پشت آن را هم.

برای فهمیدن یک خطا، دانستن اینکه کجا رخ داده کافی نیست. مرورگر چه وضعیتی داشته؟ کدام درخواست ناموفق بوده؟ آشکار این جزئیات را در دسترس تیم شما قرار می‌دهد.

01

اتفاق‌های قبل از خطا

مسیر کاربر، از جابه‌جایی بین صفحه‌ها تا درخواست‌های شبکه، کنار خطا ثبت می‌شود. می‌توانید ببینید کاربر چطور به این نقطه رسیده است.

SESSION CONTEXT
02

تکرارها، در یک مسئله

خطاهای مشابه در یک مسئله جمع می‌شوند تا پیگیری‌شان آسان‌تر باشد. تعداد تکرار، مسئول رسیدگی و وضعیت حل مشکل، همان‌جا مشخص است.

ISSUE GROUPING
03

رد خطا در هر نسخه

معلوم است کدام خطا با نسخه‌ی جدید آمده و کدام دوباره برگشته است. با اضافه کردن Source Map، محل خطا را در فایل اصلی کد هم می‌بینید.

RELEASE HEALTH
04

اختیار داده‌ها با شماست

شما انتخاب می‌کنید چه زمانی بازپخش نشست فعال باشد و داده‌ها چقدر بمانند. بازپخش به‌صورت پیش‌فرض خاموش است و هنگام ضبط، متن‌ها و ورودی‌ها پوشانده می‌شوند.

DATA CONTROLS
02 / FOLLOW THE ERROR
بیایید یک مثال آشنا را دنبال کنیم.

«پرداخت نشد.»
از کجا شروع کنیم؟

کاربر روی دکمه‌ی پرداخت زده و به مشکل خورده است. در این مثال، آشکار نشان می‌دهد کمی قبل از خطای مرورگر، درخواست پرداخت هم ناموفق بوده است.

۱ / خطای ثبت‌شده
TypeErrorCannot read properties of undefinedcheckout.ts:42 · [email protected]
۲ / اتفاق‌های قبل از خطا
درخواست پرداخت شکست خورده.کاربر روی پرداخت زده، سرور پاسخ ۵۰۲ داده و بعد خطای مرورگر رخ داده است.CLICK → POST /api/payment → 502 → ERROR
۳ / نقطه‌ی شروع بررسی
حالا نقطه‌ی شروع روشن‌تر است.می‌توانیم از خط ۴۲ شروع کنیم: آیا کد پرداخت، پاسخ ناموفق سرور را درست مدیریت می‌کند؟یک احتمال برای بررسی؛ تأیید آن با آزمایش کد است.
03 / AI ASSISTANCE دستیار هوشمند آشکار

برای مرور خطاها،
یک دستیار هم دارید.

وقتی رخدادها زیاد می‌شوند، یک جمع‌بندی اولیه کمک بزرگی است. دستیار آشکار اطلاعات موجود را مرور می‌کند، علت احتمالی را توضیح می‌دهد و پیشنهاد می‌کند بررسی را از کجا شروع کنید. تصمیم نهایی همچنان با تیم شماست.

خلاصه‌ی مسئله و شواهد مرتبط پیشنهاد اولویت همراه با دلیل قدم بعدی برای بررسی فنی

این قابلیت اختیاری است؛ پس از تنظیم سرویس تحلیل، مدیر پروژه می‌تواند آن را فعال کند.

ASHKAR INSIGHTنمونه‌ی تحلیل
چه چیزی ارزش بررسی دارد؟

شاید کد، انتظار پاسخ ناموفق را نداشته است.

خطا بعد از پاسخ ۵۰۲ رخ داده است. پیشنهاد می‌شود بررسی کنید آیا کد، پیش از خواندن داده‌ی پرداخت، موفق بودن درخواست را کنترل می‌کند.

04 / CONNECT YOUR APP

از اولین خطا
شروع کنیم.

راه‌اندازی آشکار با ساخت یک پروژه و اضافه کردن SDK شروع می‌شود. بعد از ارسال یک خطای آزمایشی، می‌توانید در داشبورد ببینید چه اطلاعاتی از برنامه‌ی شما ثبت شده است.

  1. ساخت پروژه. پلتفرم برنامه را در داشبورد انتخاب می‌کنید و کلید عمومی پروژه را می‌گیرید.
  2. اضافه کردن SDK. کد راه‌اندازی را با آدرس دریافت رخداد و کلید پروژه‌ی خودتان، در ورودی برنامه قرار می‌دهید.
  3. دیدن اولین خطا. یک خطای آزمایشی می‌فرستید و ثبت شدن آن را در داشبورد بررسی می‌کنید.
راهنمای قدم‌به‌قدم نصب
ثبت خودکار خطاهای مرورگر تلاش دوباره پس از قطع اتصال بازپخش نشست با انتخاب شما
ashkar.setup.ts
$npm install @ashkarhq/browser
import { init } from "@ashkarhq/browser";

const ashkar = init({
  dsn: "/api/v1/events",
  projectKey: "YOUR_PUBLIC_KEY",
  environment: "production",
  release: "[email protected]",
  tracesSampleRate: 0.2,
});
این کد را با آدرس و کلید پروژه‌ی خودتان تکمیل کنید.
05 / PLANS & DEPLOYMENT
تعرفه‌ها و روش استفاده

روی ابر یا
سرورهای خودتان.

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

ASHKAR CLOUD

آشکار ابری

برای تیم‌هایی که می‌خواهند بدون نگهداری سرور، از آشکار استفاده کنند.

تعرفه هنوز اعلام نشده است
  • استفاده از آشکار روی زیرساخت ما
  • دسترسی به داشبورد از مرورگر
  • مدیریت سرور و به‌روزرسانی سرویس با آشکار
شروع با آشکار ابری
ON-PREMISE

آشکار روی سرور شما

برای سازمان‌هایی که نگهداری داده و مدیریت زیرساخت باید در اختیار خودشان باشد.

تعرفه هنوز اعلام نشده است
  • نصب روی زیرساخت اختصاصی شما
  • نگهداری داده‌های پروژه در سرورهای خودتان
  • کنترل دسترسی شبکه و زمان به‌روزرسانی
آشنایی با نصب اختصاصی
کدام روش برای شما مناسب‌تر است؟
روش استفادهآشکار ابریروی سرور شما
محل نگهداری دادهزیرساخت آشکارزیرساخت شما
راه‌اندازیساخت حساب و اتصال SDKنصب سرویس‌ها و اتصال SDK
مدیریت زیرساختبا تیم آشکاربا تیم شما
زمان به‌روزرسانیبا مدیریت آشکاربا برنامه‌ریزی شما
06 / COMMON QUESTIONS
اگر هنوز سؤالی دارید

شاید پاسخ آن اینجا باشد.

چند نکته درباره‌ی راه‌اندازی، امکانات و انتخاب روش استفاده از آشکار.

آشکار برای چه پروژه‌هایی مناسب است؟

آشکار برای تیم‌هایی ساخته شده که محصولشان در مرورگر استفاده می‌شود؛ از فروشگاه آنلاین تا نرم‌افزارهای سازمانی. SDK مرورگر از JavaScript و TypeScript پشتیبانی می‌کند و برای React و Vue هم بسته‌های مخصوص داریم.

انتخاب راهنمای استک
کندی برنامه را هم می‌توانم بررسی کنم؟

بله. در بخش عملکرد می‌توانید زمان بارگذاری صفحه، درخواست‌های کند و شاخص‌های Web Vitals را ببینید. مقایسه‌ی نسخه‌ها هم کمک می‌کند متوجه شوید تغییرات اخیر چه اثری روی سرعت برنامه داشته‌اند.

راهنمای پایش عملکرد
برای دیدن مسیر خطا باید صفحه‌ی کاربر ضبط شود؟

خیر، برای دیدن اتفاق‌های قبل از خطا نیازی به ضبط صفحه نیست. اطلاعاتی مثل جابه‌جایی بین صفحه‌ها و درخواست‌های شبکه جداگانه ثبت می‌شوند. بازپخش نشست (Session Replay) اختیاری و در ابتدا خاموش است؛ اگر آن را فعال کنید، متن‌ها و ورودی‌ها هنگام ضبط پوشانده می‌شوند.

جزئیات بازپخش و حریم خصوصی
خطا را در کد اصلی هم می‌بینم؟

بله، با بارگذاری Source Map نسخه‌ی منتشرشده و تنظیم شناسه‌ی همان نسخه در SDK، آشکار محل خطا را به فایل و خط اصلی کد برمی‌گرداند. راهنمای این کار در مستندات انتشار آمده است.

راهنمای نسخه‌ها و Source Map
تحلیل هوشمند خودکار فعال است؟

خیر، انتخاب با شماست. این قابلیت پس از تنظیم سرویس تحلیل و فعال‌سازی توسط مالک یا مدیر پروژه در دسترس قرار می‌گیرد. اطلاعات پالایش‌شده برای سرویس تحلیل فرستاده می‌شوند و نتیجه به تیم شما پیشنهاد می‌شود؛ کد و وضعیت مسئله خودکار تغییر نمی‌کنند.

دیدن نمونه‌ی تحلیل
امکان نصب روی سرورهای خودمان را هم داریم؟

بله. نسخه‌ی On-premise آشکار روی زیرساخت شما نصب می‌شود و داده‌های پروژه همان‌جا نگهداری می‌شوند. این گزینه برای تیم‌هایی مناسب است که محل نگهداری داده و مدیریت زیرساخت باید در اختیار خودشان باشد. سرویس‌های بیرونی مثل AI و کانال‌های اعلان، جداگانه تنظیم می‌شوند.

درباره‌ی نصب روی سرورهای شما
چطور مطمئن شوم اتصال درست کار می‌کند؟

بعد از نصب SDK، یک خطای آزمایشی از برنامه‌ی خودتان بفرستید. اگر خطا با محیط و نسخه‌ی مورد انتظار در داشبورد دیده شود، اتصال برقرار است. مراحل ارسال این خطا را در راهنمای شروع توضیح داده‌ایم.

انتخاب استک و شروع
START WITH YOUR APPوقت آشنایی با خطاهای پروژه‌ی خودتان است.

آشکار را در
پروژه‌ی خودتان ببینید.

با اتصال اولین پروژه، آشکار به تیم شما کمک می‌کند
خطاها را با اطلاعاتی که برای پیگیری‌شان لازم دارید ببینید.

شروع با آشکارورود به داشبورد
برای تیمی که مسئول تجربه‌ی کاربر در وب است.راهنمای شروع