10 : Angular2 – Error Handling معالجة الأخطاء

facebook-groupالسلام عليكم ورحمة الله وبركاته

سنتناول اليوم موضوع التعامل مع الأخطاء error handling  ضمن angular 2.

وتكاد تكون حلقة اليوم اقصر حلقة ضمن هذه السلسلة السريعة, التي نأمل ان نقدمها بشكلها المختصر الوافي, لكي ننتقل بعد ذلك الى سلسلة اخرى من تقنيات برمجة الموبايلات بالاعتماد على angular 2.

لذلك فبالرغم من قصر الحلقات, الا انها مفيدة جدا لتوضح امور اساسية سنستعملها مرارا وتكرارا فيما بعد ضمن برمجة الموبايلات.

image-why-angular-2

التعامل مع الأخطاء Error Handling

يتم التعامل مع الأخطاء في angular 2 عبر تضمين مكتبة ReactJs catch library, ومن ثم استخدام تابع “catch” بهدف التعامل مع الأخطاء.

بعيدا عن الكلام النظري, دعونا ننظر لمثال تطبيقي يوضح الصورة.

سنطبق الكود على المثال الذي تم طرحه في الحلقة السابقة التي تحدثت عن العمليات CRUD باستخدام http.

سنعدل على الكود ضمن ملف
product.service.ts

ليصبح على الشكل التالي:

code.JPG

من الصورة اعلاه, نجد ما يلي:

  • التابع Catch يحوي بداخله رابط للتابع المسؤول عن التعامل مع الخطأ Error handler function
  • ضمن تابع التعامل مع الخطأ error handler function, نقوم بارسال الخطأ الى خرج المتصفح browser console . كما اننا نقوم برمجي “throw” الخطأ الى البرنامج الرئيسي حتى يستمر تنفيذ البرنامج عند هذه النقطة.

بهذه الطريقة, كلما حدث خطأ ما, سيتم عرضه ضمن browser console.

نعم, وكما قلت لكم, حلقة مختصرة ومفيدة 🙂

الى اللقاء في الحلقة القادمة التي سنتحدث فيها عن التوجيه  Routing ضمن angular 2.

ويعد التوجيه هام جدا واساسي ضمن angular 2.

والى ذلك الحين استودعكم الله والسلام عليكم ورحمة الله وبركاته

الترجمة المصطلح
مفتوح المصدر Open source
اطار عمل framework
تطبيق application
واجهات العرض Views
النشر Deployment
مخدم الويب Web server
منصة عمل Platform
موديول Module
التعامل مع الأخطاء Error handling
فعالية Functionality
مكون Component
استيراد import
قالب template
 الموجهات  Directives

المراجع:

  1. https://www.tutorialspoint.com/angular2/index.htm
  2. الموقع الرسمي https://angular.io/

 

Advertisements

, , , , , , ,

  1. أضف تعليق

اترك رد

Please log in using one of these methods to post your comment:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s

%d مدونون معجبون بهذه: