سنگل پیج ایپلی کیشنز اور پروگریسو ویب ایپس کیا ہیں؟

سنگل پیج ایپلی کیشنز (SPAs) اور پروگریسو ویب ایپس (PWAs) ویب میں انقلاب لا رہے ہیں۔ وہ دونوں نئی ٹیکنالوجیز ہیں جو ایک جیسی نظر آتی ہیں ، لیکن نہیں ہیں۔ چہرے پر ، لوگ اکثر ان کا تبادلہ کرتے ہیں۔

آئیے ان میں سے ہر ایک کی بنیادی خصوصیات اور فن تعمیر کو بہتر طور پر سمجھنے کے لیے کھودیں۔

سنگل پیج ایپلی کیشنز کیا ہیں؟

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

اس نے کہا ، اس کا مقصد صارفین کو ایک ہی صفحے پر رکھنا ہے جو ان کو استعمال کرنے اور دیکھنے کی ضرورت ہے۔ یہ بہتر صارف کے تجربے میں ترجمہ کرتا ہے۔

دوسری طرف ، صارف انٹرفیس اس پر منحصر ہے کہ آپ اپنے ایس پی اے کو کس طرح ڈیزائن اور ترتیب دیتے ہیں۔ یہ ابلتا ہے کہ آپ پھیلے ہوئے صفحے کو نیویگیشن میں کیوں توڑنا چاہتے ہیں۔ اور یہ اسے ایک صفحہ ہونے سے نہیں روکتا ، کیونکہ مواد اب بھی صرف ایک بار لوڈ ہوتا ہے۔

لہذا ، جب آپ کسی SPA پر تشریف لے جاتے ہیں تو ، آپ ایک ہی DOM میں پہلے سے لوڈ شدہ مواد کو براؤز کر رہے ہوتے ہیں اور مختلف DOMs کا دورہ نہیں کرتے جیسا کہ آپ کو غلط یقین ہو سکتا ہے۔

ایس پی اے کو الگ الگ مواد کے حصوں میں توڑنا عام طور پر ان میں سے ہر ایک کو جاوا اسکرپٹ ویوز کا استعمال کرتے ہوئے یو آر ایل دینا شامل ہے۔ کی ڈیٹا لنک کنیکٹر ان حصوں کو مرکزی DOM سے جوڑتا ہے اور آپ کو ان تک رسائی حاصل کرنے کی اجازت دیتا ہے۔

اگرچہ دیگر ٹیکنالوجیز جیسے۔ جیسا کہ اور ایلم سپا آ رہے ہیں ، جاوا اسکرپٹ اب بھی ایس پی اے بنانے کے لیے سب سے عام پروگرامنگ زبان ہے۔

متعلقہ: جاوا اسکرپٹ کے فریم ورک جو کہ سیکھنے کے قابل ہیں۔

جاوا اسکرپٹ ایک استعمال کرتا ہے۔ async/wait فنکشن جو آپ کو متحرک اور جامد دونوں مواد کو غیر مطابقت پذیر لوڈ کرنے دیتا ہے بغیر ایک ان پٹ کے دوسری درخواست کے آؤٹ پٹ کو روکتا ہے۔ لہذا ، SPAs غیر بلاکنگ ان پٹ آؤٹ پٹ (I/O) سسٹم پر کام کرتے ہیں۔

اس نے کہا ، جاوا اسکرپٹ فریم ورک جیسے ReactJS ، Vue.js ، AngularJS ، Ember.js ، اور Backbone.js سب SPAs کی تیز رفتار ترقی کی حمایت کرتے ہیں۔ شروع کرنے کے لیے ، آپ Vue.js کے اس ابتدائی جائزہ سے گزر سکتے ہیں۔

چونکہ یہ رفتار فراہم کرتا ہے ، زیادہ تر انٹرپرائز ایپس نے اپنی ویب سائٹس کو ایک صفحے میں تبدیل کرنے کا خیال اپنایا ہے۔ نیٹ فلکس ، یوٹیوب ، پے پال ، فیس بک ، انسٹاگرام ، ٹویٹر ، اور پنٹیرسٹ ایس پی اے کی تمام مثالیں ہیں۔

پروگریسو ویب ایپس کیا ہیں؟

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

2015 میں گوگل کے ذریعہ متعارف کرایا گیا ، پی ڈبلیو اے کا ہدف ایسی ایپس بنانا ہے جو اپنے صارفین سے براہ راست اور بتدریج بات کریں۔ اس کا مقصد صارفین کو ایپ کے ساتھ رواں دواں رکھنا ہے ، یہاں تک کہ جب خراب یا غیر موجود نیٹ ورک کنکشن ہو۔

ہمیشہ ، ایک پی ڈبلیو اے آپ کو ایک سنیپ میں اپنی ضرورت کی تمام چیزیں فراہم کرتا ہے۔ یہ ایس پی اے کی عام ابتدائی مواد لوڈنگ کی خصوصیت سے نہیں گزرتا ہے۔

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

پروگریسو ویب ایپس اس لحاظ سے منفرد ہیں کہ ان کے پس منظر میں مددگار ہوتے ہیں جو آنکھ کی پلک میں مواد پہنچاتے ہیں۔ لہذا ، ویب ایپ پر جانے سے پہلے ہی ، مواد اور اجزاء آپ کے استعمال کے لیے آسانی سے دستیاب ہیں۔ یہ انہیں انتہائی تیز اور زیادہ قابل اعتماد بناتا ہے۔

اسپاٹائف ، سلیک ، اور اوبر جیسی ایپس ، پی ڈبلیو اے کی مثالیں ہیں۔

PWAs میں عام طور پر ایک عام تعمیراتی اصول ہوتا ہے۔ پی ڈبلیو اے کے لیے جس طرح سے کام کرنا چاہیے ، اس میں درج ذیل صفات ہونی چاہئیں۔

1. ایک مزدور۔

سروس ورکرز PWAs میں آسانی سے مواد پہنچاتے ہیں۔ وہ اس بات کو یقینی بناتے ہیں کہ جب آپ کا نیٹ ورک کنکشن نہ ہو تو آپ کی ایپ متعلقہ کیشڈ ڈیٹا لوڈ کر سکتی ہے۔ یہ کیشے API کی مدد سے ممکن ہے ، جو آپ کی آف لائن درخواستوں کے جوابات کو محفوظ کرتا ہے۔ اس طرح ، ایک کارکن نیویگیشن اور صارف کی درخواستوں میں مداخلت کرتا ہے۔

متعلقہ: سی پی یو کیش کیسے کام کرتا ہے؟

ایک کا استعمال کرتے ہوئے وعدہ اعتراض ، ایک صارف پہلے سے ڈاؤن لوڈ کردہ مواد کو کسی صارف کی حتمی درخواست کی صورت میں پہنچا سکتا ہے (چاہے وہ آف لائن ہوں)۔ تاہم ، ایک خدمت کارکن PWAs پر بلاک کرنے والی جائیداد دیتا ہے۔

2. ایک محفوظ سیاق و سباق

خدمت کے کارکن کو فراہم کردہ مواد کی رازداری کے لیے ایک محفوظ کنکشن (HTTPS) درکار ہوتا ہے۔ جب آپ درخواست بھیجتے ہیں ، ایک کارکن PWA اور براؤزر کے درمیان محفوظ رابطہ قائم کرتا ہے۔ اس لیے ایک محفوظ سیاق و سباق ، PWAs میں مین ان دی درمیانی حملے (MITM) کی طرح رازداری کی خلاف ورزیوں کو روکتا ہے۔

3. ایک ویب ایپلیکیشن مینی فیسٹ فائل۔

ویب مینی فیسٹ ایک JSON فائل ہے جو PWA کی خصوصیات کی وضاحت کرتی ہے۔ اس میں PWA کے مواد تک رسائی ، دریافت اور استعمال کے لیے ضروری شرائط کی تفصیل ہے۔ اس میں عام طور پر آپ کی ایپ کا نام ، اس کا یو آر ایل اور اس کے اجزاء شامل ہوتے ہیں۔ بالآخر ، ایک مینی فیسٹ فائل میں وہ معلومات ہوتی ہے جو آپ کی ویب ایپ کو انسٹال ایبل ایپلیکیشن میں تبدیل کرنے کے لیے ضروری ہوتی ہے۔

PWAs اور SPAs میں کیا مماثلتیں ہیں؟

اگرچہ پی ڈبلیو اے اور ایس پی اے کی پس منظر کی منطق مختلف ہے ، پھر بھی وہ صرف چند چیزوں کو مشترک کرتے ہیں۔ اگرچہ ان کی ترسیل کی رفتار نمایاں طور پر مختلف ہو سکتی ہے ، لیکن روایتی ویب سائٹس اب بھی رفتار اور رسائی میں ان کے پیچھے پڑ جاتی ہیں۔

ان دونوں کا مقصد ایک ذمہ دار انٹرفیس فراہم کرکے صارف کے تجربے کو بہتر بنانا ہے۔

چونکہ وہ دونوں ایک ایپ کا تجربہ فراہم کرتے ہیں ، ان میں اختلاط کرنا آسان ہے ، اور آپ مشکل سے بتا سکتے ہیں کہ کون سا ہے جب آپ ان کے ساتھ بات چیت کرتے ہیں۔ آخر میں ، اس نوٹ پر ، دونوں کو یو آر ایل کی ضرورت ہے اس سے پہلے کہ آپ ان تک رسائی حاصل کر سکیں۔

SPAs اور PWAs کے درمیان کلیدی فرق

PWAs اور SPAs کچھ نمایاں خصوصیات مشترک ہیں ، لیکن وہ دو مختلف چیزیں ہیں۔ یہاں اہم خصوصیات میں فرق ہے جو آپ کو نوٹ کرنا چاہئے:

سنگل پیج ایپلی کیشنز کی اہم خصوصیات۔

وہ صرف براؤزر کے ذریعے قابل رسائی ہیں۔
اگرچہ سفارش نہیں کی گئی ہے ، آپ ان کو غیر محفوظ نیٹ ورک (HTTP) پر پیش کر سکتے ہیں۔
انہیں سروس ورکرز کی ضرورت نہیں ہے۔
SPAs کے پاس JSON منشور فائل نہیں ہے ، جس کا مطلب ہے کہ وہ ان انسٹال ہیں۔
ان کا ایک صفحہ ہونا ضروری ہے۔
جب کوئی نیٹ ورک نہیں ہے تو قابل رسائی نہیں ہے۔

پروگریسو ویب ایپس کی اہم خصوصیات

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

SPAs اور PWAs ویب سائٹ کی ترسیل کو متاثر کر رہے ہیں۔

بہت سی انٹرپرائز ویب سائٹس اب ان نئی ٹیکنالوجیز کو اپنا رہی ہیں ، اب ان کی سروس ڈیلیوری کی طرف ایک مثبت تبدیلی آئی ہے۔

زیادہ اہم بات یہ ہے کہ PWAs کو اپنانے سے عام صارف کے تجربے میں بہتری آتی ہے ، جس کے نتیجے میں اچھال کی شرح کم ہوتی ہے اور زیادہ تر انٹرپرائز ایپس کی آمدنی میں اضافہ ہوتا ہے۔ دوسری طرف ، SPAs نے بھی سوشل میڈیا کو نئی شکل دی ہے ، جس سے لوگوں کے لیے بغیر کسی سستے پیج لوڈ کے ویب پر بات چیت کرنا آسان ہو گیا ہے۔

کیا آپ گیم کیوب گیمز کھیلتے ہیں؟

بانٹیں بانٹیں ٹویٹ ای میل۔ ہم وقت ساز بمقابلہ غیر متزلزل پروگرامنگ: وہ کیسے مختلف ہیں؟

کیا آپ کو اپنے اگلے پروجیکٹ کے لیے ہم وقت ساز یا غیر مطابقت پذیر پروگرامنگ کا استعمال کرنا چاہیے؟ یہاں تلاش کریں۔

اگلا پڑھیں۔ متعلقہ موضوعات۔

پروگرامنگ۔
پروگرامنگ۔
ایپ ڈویلپمنٹ۔

مصنف کے بارے میں ادیسو اومیسولا۔(94 مضامین شائع ہوئے)

ادوو کسی بھی سمارٹ ٹیک اور پیداوری کے بارے میں پرجوش ہے۔ اپنے فارغ وقت میں ، وہ کوڈنگ کے ساتھ کھیلتا ہے اور جب وہ بور ہوتا ہے تو شطرنج بورڈ پر سوئچ کرتا ہے ، لیکن اسے تھوڑی دیر میں معمول سے الگ ہونا بھی پسند ہے۔ لوگوں کو جدید ٹیکنالوجی کے راستے دکھانے کا ان کا جذبہ انہیں مزید لکھنے کی ترغیب دیتا ہے۔

Idowu Omisola سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔