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

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

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

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

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

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

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

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

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

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

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

• التابع 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/