AngularJS کا استعمال کرتے ہوئے SPA



یہ بلاگ پوسٹ AngularJS کا استعمال کرتے ہوئے SPA بنانے کے لئے ایک مختصر تعارف ہے۔ یہ آپ کو اطلاقات میں ایس پی اے کے اجزاء کو شامل کرنے کے لئے ضروری معلومات سے آگاہ کرنے کی کوشش کرتا ہے۔

آج ، انگولر جے ایس بنیادی طور پر اس وجہ سے ترقی پذیروں کو سنگل پیج ایپلی کیشنز (ایس پی اے) بنانے میں مدد کرنے کی اہلیت کی وجہ سے سب سے مقبول ترقیاتی فریم ورک میں سے ایک بن گیا ہے۔ روایتی ویب ایپلی کیشنز میں ، مؤکل (براؤزر) ایک صفحہ کی درخواست کرکے سرور کے ساتھ ایک مواصلاتی چینل شروع کرتا ہے۔ سرور درخواست پر کارروائی کرکے اور کلائنٹ کو صفحہ کے HTML بھیج کر جواب دیتا ہے۔ اگر صارف کسی نئے صفحے کی درخواست کرتا ہے تو ، سرور دوسرا HTML صفحہ بھیجتا ہے۔ یہاں تک کہ اگر موکل ایک چھوٹی سی تبدیلی کے لئے کہے ، بنیادی تفصیلات کے ساتھ کوئی فارم کہیں ، سرور کے ذریعہ پورا صفحہ دوبارہ لوڈ کرنا ہوگا اور مؤکل کو واپس بھیجنا ہے۔

ایچ ٹی ایم ایل اور ایجیکس درخواستیں

سنگل پیج ایپلی کیشنز میں ، پورا صفحہ ایک شاٹ میں بھری ہوئی ہے ، اور اس کے بعد ایجیکس کی درخواستوں کا استعمال کرتے ہوئے سرور مواصلت کرتا ہے۔ براؤزر کو اس صفحے کے صرف اس حصے کو اپ ڈیٹ کرنا ہوگا جو تبدیل ہوچکا ہے اور جب بھی کوئی صارف کوئی نئی درخواست کرتا ہے تو اسے پورے صفحے کو دوبارہ لوڈ کرنے کی ضرورت نہیں ہوتی ہے۔
چونکہ SPA نقطہ نظر سرور کی جانب سے صارف کی درخواستوں کا جواب دینے کے ل taken وقت کو کم کرتا ہے ، لہذا ویب ایپلی کیشنز تیزی سے چلتی ہے ، کم کمپیوٹ پاور استعمال کرتی ہے ، اور یوزر انٹرفیس (UI) ڈویلپرز کو زیادہ پرکشش ، فرتیلی ویب صفحات بنانے کی اجازت دیتی ہے۔





شیل صفحوں کی تخلیق

ایس پی اے میں موجود ’سنگل پیج‘ سے شیل پیج مراد ہے جو HTML ، CSS یا جاوا اسکرپٹ کی شکل میں سوالات کا جواب دیتا ہے۔ شیل پیج سرور کے پیچھے اور آگے سفر کی ضرورت کو ختم کرتے ہوئے ، سنجیدگی سے HTML کے ساتھ پیش کیا گیا ہے۔ شیل پیج کو صرف انگولر جے ایس جاوا اسکرپٹ لائبریری کا حوالہ اور این جیول ویو ہدایت (ایک ورچوئل کنٹینر جو UI ڈویلپرز کو نظریات کے مابین تبدیل کرنے کی اجازت دیتا ہے) کی ضرورت ہے تاکہ AngularJS کو یہ بتائے کہ جہاں شیل پیج پر مشمولات کے صفحات کو رینڈر کرنے کی ضرورت ہے۔
ایک ہی ’سنگل‘ صفحے میں ، AngularJS ڈویلپرز کو ایک ہی URL میں متعدد آراء فراہم کرنے کی اجازت دیتا ہے۔ ایک ہی شیل پیج کے اندر - ایک کے بعد ایک نظریات کے مختلف سیٹ ظاہر ہوسکتے ہیں ، اور ہر منظر متحرک طور پر اس وقت بوجھ ڈالتا ہے جب صارف صفحے کے ذریعے سکرول کرتا ہے۔

SPA-using-AngularJS-multiple-views



اینگولر جے ایس ہدایت نامہ - این جی - ایپ - ڈویلپرز کو تیسری پارٹی کی ہدایت کو بھی شامل کرنے کے آپشن کے ساتھ ، ایپ کو شروع کرنے کی اجازت دیتا ہے۔ دوسری طرف ، این جی ماڈل ڈائرکٹیو آپ کو میموری میں ڈیٹا کا پابند تاثرات شامل کرنے کی اجازت دیتا ہے۔ یہاں ایک نظر ڈالیں:

چاند گرہن ونڈوز کو کیسے انسٹال کریں

عالمی سطح پر ، ڈویلپرز نے AngularJS کا استعمال کرتے ہوئے SPA کو اپنایا ہے اور ہر ممکنہ طور پر ، یہ رجحان کچھ دیر تک برقرار رہنے کی امید ہے۔



ہمارے لئے ایک سوال ہے؟ برائے کرم اس کا تذکرہ سیکشن میں ذکر کریں اور ہم آپ کو واپس ملیں گے۔

متعلقہ اشاعت: AngularJS کے ساتھ کامیاب ویب ڈویلپمنٹ کیریئر