Sentry لـ Svelte

تتبّع أخطاء Svelte من المتصفّح إلى الخادم

حزمة SDK مبنية لـ SvelteKit تتكامل مع hooks.client.ts وhooks.server.ts — تُلتقط الأخطاء على الجانبين، وتُتتبَّع الطلبات الواردة تلقائيًا، وتُربط source maps عبر إضافة Vite. ومع إعادة تشغيل الجلسات وstack traces مقروءة على المنصة نفسها، تتوقف بلاغات الأخطاء عن كونها تخمينًا.

ابدأ مجاناً دليل الإعداد

لماذا تحتاج تطبيقات Svelte إلى تتبّع أخطاء حقيقي

تتعطّل تطبيقات SvelteKit في مكانين في آن واحد. دالة load ترمي خطأ على الخادم، ومكوّن ينكسر في المتصفّح، ولا يخبرك أيٌّ من العطلين عن نفسه — يرى المستخدم صفحة خطأ، ويغلق التبويب، ويختفي الدليل. وتُكمل حزم الإنتاج المصغّرة المهمة: فالـ stack traces القليلة التي تصلك تشير إلى أجزاء مُجمَّعة، لا إلى مكوّن Svelte الذي انكسر فعلًا.

ثبّت حِزمة @sentry/sveltekit الرسمية وهيّئ خطافات العميل والخادم باستخدام DSN من إعداد مشروع AllStak. اتبع تعليمات بناء Sentry الرسمية لخرائط المصدر.

مراقبة شاملة لـ Svelte

من مكوّن معطوب في المتصفّح إلى دالة load خلفه، يغطّي AllStak تطبيق SvelteKit لديك على جانبي الشبكة.

تتبّع الأخطاء

استخدم خطافات أخطاء Sentry الرسمية لـ SvelteKit على العميل والخادم، وSentry.captureException للأخطاء المُعالَجة.

تتبّع طلبات الخادم

يتبع تجهيز طلبات الخادم تكامل Sentry الرسمي لـ SvelteKit والخيارات المدعومة في AllStak.

إعادة تشغيل الجلسات

شاهد ما فعله المستخدم فعلًا قبل الخطأ — النقرات والتنقّل ولحظة العطل — مع إخفاء للخصوصية يضمن ألّا تغادر المدخلات الحساسة المتصفّح.

خرائط المصدر عبر Vite

استخدم إعداد خرائط المصدر الرسمي من Sentry لـ SvelteKit كي تُحل إطارات الإنتاج المصغّرة إلى مكوّناتك الأصلية.

HTTP الصادرة والـ breadcrumbs

يتبع تجهيز HTTP الصادر تكامل Sentry الرسمي لـ SvelteKit والخيارات المفعّلة لمشروعك.

التنبيهات والحوادث

تلقَّ إشعارًا لحظة ظهور خطأ جديد أو ارتفاع خطأ قديم — قبل وصول تذاكر الدعم لا بعدها.

أضف AllStak خلال دقائق

ثبّت حزمة @sentry/sveltekit الرسمية وهيّئ خطافات العميل والخادم باستخدام DSN الخاص بمشروع AllStak. تحقق من خطأ في كل بيئة تشغيل.

src/hooks.client.ts
npm install @sentry/sveltekit

// src/hooks.client.ts and src/hooks.server.ts
import * as Sentry from '@sentry/sveltekit';

Sentry.init({
  dsn: process.env.ALLSTAK_DSN,
  environment: process.env['NODE_ENV'],
});

export const handleError = Sentry.handleErrorWithSentry();

اتبع إعداد خرائط المصدر الرسمي من Sentry لـ SvelteKit واحتفظ بـ DSN الخاص بـ AllStak في إعدادات التشغيل لا في الشيفرة. دليل الإعداد الكامل ومرجع الـ SDK.

ما تراه في AllStak

تفاصيل الخطأ مع سياق كامل

افتح أي مشكلة لترى stack trace مقروءًا (عبر source maps)، والـ breadcrumbs التي سبقته، والإصدار الذي وصل فيه — إعادة إنتاج دون تخمين.

إعادة تشغيل جلسة العطل

شاهد جلسة المستخدم حول لحظة الخطأ — ما الذي نقر عليه، وأين تنقّل، وكيف بدت الصفحة عندما تعطّلت.

العميل والخادم في تتبّع واحد

اضبط انتشار التتبّع المدعوم عبر تكامل Sentry الرسمي لـ SvelteKit وتحقق منه قبل التعميم.

لوحة تحكّم موحّدة آنية

أخطاء الواجهة الأمامية إلى جانب أخطاء الخلفية والسجلات وتوافر الـ APIs خلفها — لوحة واحدة، بالعربية أو الإنجليزية، للفريق بأكمله.

لماذا تختار الفرق AllStak لـ Svelte

  • تغطية العميل والخادم بملفّي hooks — حزمة مبنية لـ SvelteKit، لا محوّلات مُلصقة.
  • الواجهة الأمامية والخلفية على منصة واحدة — الأخطاء والسجلات والتوافر والبنية التحتية بفاتورة واحدة.
  • تحوّل إعادة تشغيل الجلسات وsource maps بلاغات الأخطاء الغامضة إلى أدلة مرئية ومقروءة.
  • استخدم أدوات بناء Sentry الرسمية لخرائط مصدر SvelteKit.
  • تسعير واضح بالريال السعودي مع باقة مجانية حقيقية — ابدأ دون بطاقة ائتمان.
  • تبقى بياناتك داخل السعودية، مع لوحة تحكّم بالعربية والإنجليزية للفريق بأكمله.

أسئلة شائعة حول مراقبة Svelte

كيف أضيف تتبّع الأخطاء إلى تطبيق SvelteKit؟

ثبّت @sentry/sveltekit وهيّئه باستخدام DSN من إعداد مشروع AllStak، ثم اربط خطافات SvelteKit الرسمية على العميل والخادم. اتبع تعليمات خرائط المصدر الرسمية لبناء الإنتاج.

هل يدعم AllStak حدود الأخطاء في Svelte 5؟

نعم. يعيد createErrorBoundaryHandler معالج onerror تمرّره إلى svelte:boundary، فيبلّغ الجزء المتعطّل عن الخطأ إلى AllStak بينما يعرض مقطع failed بديلًا — تبقى الصفحة قائمة وتصلك التقارير كاملة.

هل AllStak مجاني لـ Svelte؟

نعم. يوفّر AllStak باقة مجانية يمكنك البدء بها دون بطاقة ائتمان، وحِزمة Sentry الرسمية لـ SvelteKit مفتوحة المصدر.

هل AllStak بديل لـ Sentry في Svelte؟

نعم. تحصل على تتبّع أخطاء SvelteKit مع source maps وإعادة تشغيل الجلسات كما في Sentry، إضافة إلى السجلات والتوافر ومراقبة البنية التحتية لخلفيتك على المنصة نفسها — بفاتورة واحدة بالريال السعودي وبيانات مخزّنة داخل السعودية بدلًا من كومة أدوات منفصلة.

هل ستُبطئ حزمة الـ SDK تطبيق Svelte لديّ؟

صُمّمت الحزمة للإنتاج: فخطّافات الالتقاط خفيفة، وتُرسَل القياسات في الخلفية، ويضيف handle الخادم غلافًا رفيعًا حول طلبات كنت تخدمها أصلًا. فلا تتأثر تجربة مستخدميك بشكل ملموس.

استكشف المزيد

ابدأ تتبّع أخطاء Svelte اليوم

اربط ملفّي الـ hooks، وأضف إضافة Vite، وانشر — وشاهد أخطاء العميل والخادم تصل إلى لوحة واحدة. ابدأ مجانًا — دون الحاجة إلى بطاقة ائتمان.

ابدأ مجاناً عرض الأسعار