رفتن به محتوای اصلی
پایش خطای JavaScript، از رخداد تا علت اصلی

وقتی کاربر با خطا روبه‌رو می‌شود،شما تمام داستان را می‌بینید.

دیدبان کلیک‌ها، ورودی‌ها، درخواست‌های API و خطاهای مرورگر را کنار هم می‌گذارد؛ رخدادهای مشابه را یک Issue می‌کند و با سورس‌مپ شما را به خط واقعی کد می‌رساند.

بدون نیاز به کارت بانکی · ۱۰٬۰۰۰ رخداد ماهانه · ۱ گیگابایت فضای لاگ

ISSUE / PAY-4821رخداد زنده
PAYMENT

PaymentGatewayError: request timed out

128×

۱۲۸ رخداد مشابه در یک Issue نرمال‌شده

checkout.ts:84

82  const result = await gateway.pay(order);

83  if (!result.ok) throw new PaymentGatewayError();

84  return confirmOrder(result.id);

STATUS504
RELEASEweb@2.14.0
USERu_1842
۳۰ رخدادزمینه پیش از خطا در هر گزارش
۱ GBفضای لاگ رایگان برای شروع
یک initراه‌اندازی SDK در چند دقیقه
۴ نقشمالک، مدیر، عضو و مشاهده‌گر

یک گزارش، تمام زمینه

از «یک خطا رخ داد» تا «دقیقاً چرا رخ داد»

دیدبان داده‌های پراکنده را به یک روایت قابل اقدام تبدیل می‌کند تا تیم به‌جای بازسازی حدسی مشکل، مستقیم سراغ علت اصلی برود.

ردپای رفتار کاربر

کلیک، ورودی و مسیر حرکت کاربر تا ۳۰ breadcrumb پیش از خطا ثبت می‌شود؛ داده‌های حساس قابل فیلتر هستند.

Issueهای نرمال‌شده

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

خط واقعی با سورس‌مپ

برای هر release سورس‌مپ آپلود کنید تا stack فشرده‌شده به فایل، تابع، خط و کد اصلی برگردد.

جزئیات کامل API

آدرس، متد، status، زمان پاسخ، payload و response درخواست ناموفق در کنار همان خطا دیده می‌شود.

کاربر، دستگاه و release

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

سازمان و کنترل دسترسی

اپلیکیشن‌ها را زیر سازمان مدیریت کنید، تیم بسازید و برای هر فرد نقش و سطح دسترسی روشن تعیین کنید.

مسیر کوتاه تا پاسخ

سه قدم از نصب تا رفع خطا

01

SDK را متصل کنید

توکن اپلیکیشن و نام آن را در Didban.init قرار دهید و release هر build را مشخص کنید.

02

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

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

03

Issue را با علت ببندید

رخدادهای تکراری، stack اصلی و timeline کاربر را یک‌جا بررسی و مسئله را به تیم درست بسپارید.

برای توسعه‌دهنده ساخته شده

یک ورودی روشن، بدون تنظیمات پراکنده

SDK TypeScript است، از npm نصب می‌شود و متدهای capture، log و addClue را برای ثبت دستی زمینه‌های مهم در اختیار شما می‌گذارد.

// install and initialize
import { Didban } from '@didban/javascript';

Didban.init({
  apiKey: 'didban_live_••••••••',
  appName: 'checkout-web',
  config: { release: '2.14.0' },
});

دیگر خبری از bundle.min.js:1 نیست

همان فایلی را ببینید که در ادیتور باز می‌کنید

دیدبان artifact هر release را مستقل نگه می‌دارد و stack تولیدشده را به کد اصلی symbolicate می‌کند؛ حتی متن خطوط اطراف خطا نیز نمایش داده می‌شود.

src/payment/confirm.ts

41  export async function confirm(order: Order) {

42    const session = await createSession(order);

43    return gateway.capture(session.token);

44  }

دسترسی متناسب با مسئولیت

خطا به دست کسی می‌رسد که باید آن را حل کند

ساختار سازمانی و تیم‌ها باعث می‌شود دسترسی به داده‌های حساس کنترل‌شده بماند و هر اپلیکیشن صاحب مشخص داشته باشد.

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

شفاف و قابل رشد

رایگان شروع کنید؛ وقتی رخدادها بیشتر شدند ارتقا دهید

تمام قیمت‌ها ماهانه و به تومان هستند.

رایگان

۰ تومان

  • تحلیل AI ماهانه: ۱۰
  • اپلیکیشن: ۱
  • رخداد ماهانه: ۱٬۵۰۰
  • فضای لاگ: ۱ GB
  • عضو: ۱
  • سورس‌مپ: ۳
ساخت حساب

تیم

پیشنهاد شروع

۵۸۹٬۰۰۰ تومان

  • تحلیل AI ماهانه: ۱۰۰
  • اپلیکیشن: ۵
  • رخداد ماهانه: ۳٬۰۰۰
  • فضای لاگ: ۱ GB
  • عضو: ۸
  • سورس‌مپ: ۲۰۰
ساخت حساب

رشد

۳٬۹۰۰٬۰۰۰ تومان

  • تحلیل AI ماهانه: ۵۰۰
  • اپلیکیشن: ۲۵
  • رخداد ماهانه: ۱۰٬۰۰۰
  • فضای لاگ: ۲۰۰ GB
  • عضو: ۳۰
  • سورس‌مپ: ۱٬۰۰۰
ساخت حساب

مقیاس

۹٬۹۰۰٬۰۰۰ تومان

  • تحلیل AI ماهانه: ۲٬۵۰۰
  • اپلیکیشن: نامحدود
  • رخداد ماهانه: ۳۰٬۰۰۰
  • فضای لاگ: ۲ TB
  • عضو: نامحدود
  • سورس‌مپ: نامحدود
ساخت حساب

FAQ

پیش از شروع بدانید

آیا مقدار inputهای حساس هم ذخیره می‌شود؟

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

فقط برای یک فریم‌ورک خاص است؟

خیر. SDK پایه برای JavaScript و TypeScript طراحی شده و در پروژه‌های مرورگری مستقل از فریم‌ورک قابل استفاده است.

سورس‌مپ چگونه به release متصل می‌شود؟

در هر build یک release یکتا در SDK قرار می‌دهید و سورس‌مپ همان release را در تنظیمات اپلیکیشن آپلود می‌کنید.

وقتی سهمیه لاگ تمام شود چه اتفاقی می‌افتد؟

سرور ingest گزارش جدید را با پاسخ مشخص رد می‌کند و مصرف فعلی و سقف پلن از صفحه پلن و مصرف قابل مشاهده است.

بدون سازمان هم می‌توانم ثبت‌نام کنم؟

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

خطای بعدی را با تمام زمینه‌اش ببینید

حساب رایگان بسازید، اولین اپلیکیشن را تعریف کنید و با یک توکن SDK دریافت گزارش را شروع کنید.

شروع رایگان با دیدبان