JavaScript کے ساتھ ایک سادہ RSS ویجیٹ بنائیں
RSS 20 سال سے زیادہ پرانا ہے۔ یہ خبروں، بلاگز اور پوڈ کاسٹ شیئر کرنے کا ایک بہترین طریقہ بنا ہوا ہے۔
بہت سے ڈویلپرز RSS فیڈز دکھانے کے لیے بھاری فریم ورکس کا استعمال کرتے ہیں۔ آپ کو ان کی ضرورت نہیں ہے۔ RSS محض XML ہے۔ آپ کا براؤزر XML کو natively پڑھ سکتا ہے۔
آپ صرف vanilla JavaScript اور CSS کا استعمال کرتے ہوئے ایک صاف ستھرا اور responsive RSS ویجیٹ بنا سکتے ہیں۔
یہ کیسے کام کرتا ہے:
- XML ڈیٹا حاصل کرنے کے لیے Fetch API کا استعمال کریں۔
- اس XML کو ایک قابلِ خواندہ دستاویز میں تبدیل کرنے کے لیے DOMParser کا استعمال کریں۔
- عنوانات، لنکس اور تفصیلات نکالنے کے لیے آئٹمز کے ذریعے لوپ چلائیں۔
- ڈیٹا کو کارڈز کے گرڈ میں رینڈر کریں۔
ایک عام مسئلہ CORS ہے۔ اگر کوئی سرور آپ کی درخواست کو بلاک کر دیتا ہے، تو براؤزر اسے روک دیتا ہے۔ آپ allorigins.win جیسے پراکسی کا استعمال کر کے اسے ٹھیک کر سکتے ہیں۔ پیشہ ورانہ پروجیکٹس کے لیے، درخواستوں کو سنبھالنے کے لیے Cloudflare Worker کا استعمال کریں۔
اس طریقہ کار کی اہم خصوصیات:
- کوئی npm انسٹالیشن یا بیرونی لائبریریز نہیں۔
- فائل کا سائز چھوٹا اور لوڈنگ تیز ہے۔
- کسی بھی معیاری RSS 2.0 فیڈ کے ساتھ کام کرتا ہے۔
- کیٹیگری فلٹرز شامل کرنا آسان ہے۔
آپ اس ویجیٹ میں درج ذیل چیزیں شامل کر کے اسے مزید بہتر بنا سکتے ہیں:
- مواد کو تازہ رکھنے کے لیے آٹو ریفریش۔
- مخصوص پوسٹس تلاش کرنے کے لیے سرچ بار۔
- ڈیٹا کو کیش کرنے کے لیے لوکل اسٹوریج۔
- CSS variables کا استعمال کرتے ہوئے ڈارک موڈ سپورٹ۔
جب native APIs مکمل طور پر کام کر رہی ہوں تو بھاری ٹولز کا سہارا لینا چھوڑ دیں۔
ماخذ: https://dev.to/debate_me_af4b65ae011518f/build-a-simple-rss-feed-widget-in-vanilla-javascript-1803