Sentry لـ React Native

تتبّع أخطاء React Native يصمد بعد العطل

هيّئ مرة واحدة وصدّر AllStak.wrap(App) — فتُلتقط أخطاء JS والأعطال الأصلية، وتُجهَّز fetch وXMLHttpRequest وaxios تلقائيًا، ويصل كل حدث إلى المنصة نفسها التي تستضيف أخطاء خلفيتك وسجلاتها وتوافرها.

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

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

تأتي إخفاقات React Native بنكهتين، وتحتاج إلى كلتيهما. فاستثناء JavaScript يعرض شاشة حمراء أثناء التطوير لكنه يفشل بصمت في الإنتاج؛ والعطل الأصلي يُسقط التطبيق كله قبل أن يعمل error boundary في JS أصلًا. ولا يترك أيٌّ منهما أثرًا على جهاز المستخدم يمكنك الوصول إليه — يُعاد تشغيل التطبيق، فيتجاهل المستخدم الأمر أو يغادر، ويعرف فريقك من تقييمٍ ما أو لا يعرف أبدًا.

تغطي حزمة Sentry الرسمية لـ React Native بيئتي التشغيل وترسل الأحداث إلى AllStak عبر DSN الخاص بالمشروع. شغّل المعالج الرسمي وهيّئ Sentry وصدّر Sentry.wrap(App)، ثم تحقق من أخطاء JavaScript والأخطاء الأصلية قبل التعميم.

مراقبة شاملة لـ React Native

من استثناء JS في مكوّن إلى العطل الأصلي تحته ونداء الـ API خلفه، يغطّي AllStak تطبيق React Native لديك عبر كل طبقة.

أخطاء JS والأعطال الأصلية

صدّر AllStak.wrap(App) فتُغطَّى الطبقتان — استثناءات JavaScript والأعطال الأصلية التي لا تصل إلى شيفرة JS لديك أصلًا.

إعداد جاهز لـ Expo

استخدم معالج React Native الرسمي ووفّر DSN عبر EXPO_PUBLIC_ALLSTAK_DSN، ثم صدّر Sentry.wrap(App).

أخطاء معالَجة ورسائل

أبلغ عن الاستثناءات المعالَجة عبر captureException وسجّل رسائل بمستويات عبر captureMessage — فتُتتبَّع الإخفاقات المتوقعة لا الأعطال فقط.

تتبّع HTTP تلقائي

استخدم تكاملات Sentry الرسمية لـ React Native لتجهيز HTTP المدعوم، وتحقق من التنقية وتمرير التتبّع مقابل مصفوفة توافق AllStak.

الإصدارات والجلسات الخالية من الأعطال

اضبط release عند التهيئة لتتبّع الجلسات الخالية من الأعطال لكل نسخة — ولتعرف ما إذا كان آخر تحديث OTA أو نسخة متجر قد تراجع.

التنبيهات وقواعد الإشعارات

وجّه الأعطال الجديدة وارتفاعات الأخطاء إلى Slack والبريد وغيرهما عبر قواعد الإشعارات — قبل وصول تذاكر الدعم لا بعدها.

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

أعدّ حزمة Sentry React Native الرسمية وهيّئها باستخدام DSN الخاص بمشروع AllStak، وغلّف المكوّن الجذري باستخدام Sentry.wrap. تحقق من أخطاء JavaScript والأعطال الأصلية المدعومة قبل التعميم.

index.tsx

npx @sentry/wizard@latest -i reactNative

import * as Sentry from '@sentry/react-native';
import App from './App';

Sentry.init({
  dsn: process.env.EXPO_PUBLIC_ALLSTAK_DSN,
  environment: process.env['NODE_ENV'] ?? 'production',
  release: process.env.EXPO_PUBLIC_RELEASE,
});

export default Sentry.wrap(App);

صدّر Sentry.wrap(App) ووفّر DSN الخاص بـ AllStak عبر EXPO_PUBLIC_ALLSTAK_DSN. تحقق من أخطاء JavaScript والأخطاء الأصلية قبل التعميم. دليل الإعداد الكامل ومرجع الـ SDK.

ما تراه في AllStak

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

افتح أي مشكلة لترى الـ stack trace والبيئة والإصدار الذي وصلت فيه — سواء بدأت في JavaScript أو في الشيفرة الأصلية.

نداءات HTTP خلف العطل

تُظهر طلبات fetch وXHR وaxios المُتتبَّعة تلقائيًا أي نداءات API أحاطت بالخطأ — مع تنقية الحقول الحساسة وفق إعداد httpTracking لديك.

جلسات خالية من الأعطال لكل إصدار

شاهد سلوك كل نسخة على أجهزة حقيقية — والتقط الإصدار السيّئ قبل أن يحدّث إليه معظم مستخدميك.

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

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

لماذا تختار الفرق AllStak لـ React Native

الجوال والخلفية على منصة واحدة — الأعطال والأخطاء والسجلات والتتبّعات والتوافر بفاتورة واحدة.
تهيئة واحدة مع AllStak.wrap(App) — وتُلتقط أخطاء JS والأعطال الأصلية من تلك اللحظة.
غير مرتبط بـ Firebase — تقارير أعطال دون تبنّي منظومة مزوّد ثانٍ كاملة.
تُجهَّز fetch وXHR وaxios تلقائيًا مع تنقية قابلة للضبط — دون تغليف لكل نداء.
تسعير واضح بالريال السعودي مع باقة مجانية حقيقية — ابدأ دون بطاقة ائتمان.
تبقى بياناتك داخل السعودية، مع لوحة تحكّم بالعربية والإنجليزية للفريق بأكمله.

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

كيف أضيف تقارير الأعطال إلى تطبيق React Native؟

شغّل معالج React Native الرسمي، وهيّئ @sentry/react-native باستخدام DSN من إعداد مشروع AllStak، وصدّر Sentry.wrap(App). تحقق من أخطاء JavaScript والأخطاء الأصلية قبل التعميم.

هل يعمل AllStak مع Expo؟

استخدم إعداد @sentry/react-native الرسمي لـ Expo ووفّر DSN الخاص بـ AllStak عبر EXPO_PUBLIC_ALLSTAK_DSN، ثم تحقق من إعداد النظام الأصلي المولّد.

هل AllStak بديل لـ Firebase Crashlytics في React Native؟

نعم. تحصل على تقارير الأعطال وتتبّع الأخطاء دون ربط تطبيقك بـ Firebase — وبخلاف Crashlytics، تراقب المنصة نفسها أيضًا أخطاء خلفيتك وسجلاتها وتتبّعاتها وتوافرها. أضف إلى ذلك لوحة ثنائية اللغة بالعربية والإنجليزية وتسعيرًا بالريال السعودي وبيانات مخزّنة داخل السعودية، فيجتمع المكدّس كله في مكان واحد.

هل AllStak مجاني لـ React Native؟

نعم. يوفّر AllStak باقة مجانية يمكنك البدء بها دون بطاقة ائتمان، مع تسعير واضح بالريال السعودي مع نموّك. وحزمة React Native SDK نفسها مجانية الاستخدام.

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

صُمّمت الحزمة الرسمية لتطبيقات الإنتاج، لكن الحمل يعتمد على التكاملات المفعّلة وtracesSampleRate. قِس على حملك الفعلي وابدأ بتعيين محافظ.

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

القدرات

حسب إطار العمل

قارن

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

هيّئ مرة واحدة، وغلّف تطبيقك، وشاهد أخطاء JS والأعطال الأصلية ونداءات HTTP تصل إلى لوحة واحدة. ابدأ مجانًا — دون الحاجة إلى بطاقة ائتمان.

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