ایچ تی ام پن (HTML5) آپلی کیشن کی کچھ شدگی

آپلی کیشن کی کچھ شدگی کا استعمال، کیچھ منیفیسٹ فائل بنانے کے ذریعہ، ویب اپلی کیشن کی آف لائن ورژن کی آسانی سے بنائی جاسکتی ہے

آپلی کیشن کی کچھ شدگی کیا ہے؟

ایچ تی ام پن (HTML5) نے آپلی کیشن کی کچھ شدگی (Application Cache) شروع کردیا، یعنی ویب اپلی کیشن کو کچھ کرسکتا ہے اور اینٹرنیٹ کنکشن کے بغیر بھی دستیاب ہوتا ہے

آپلی کیشن کی کچھ شدگی آپلی کیشن کو تین فائدوں کا حامل آتا ہے:

  1. آف لائن براؤزنگ - استعمال کنندگان اپلی کیشن آف لائن ہونے پر ان کا استعمال کرسکتے ہیں
  2. رفتار - کچھ شدہ وسائل بسرعت لوڈ ہوتے ہیں
  3. کم کرنے سرور لوڈ - بروزر صرف اپدیت یا تبدیل ہوئی وسائل کو سرور سے ڈاؤن لوڈ کرے گا

براوزر کی مدد

جداول میں درج شماروں کا استعمال یہ ہے: ابتدائی براوزر وارزن کا پورا استعمال آپلی کیشن کچن کا ہے۔

ای پی آئی
ایپلی کیشن کچن 4.0 10.0 3.5 4.0 11.5

HTML Cache Manifest مثال

درج کیا گیا مثال کا نمونہ اس میں مظاہرین کا استعمال سے لیس HTML مستند درج کیا گیا ہے (برائے آن لائن دیکھنے):

مثال

!DOCTYPE HTML
<html manifest="demo.appcache">
<body>
مستند کا محتوا ......
</body>
</html>

آپ خود سنجیدار کریئن

Cache Manifest بنیادی

اگر آپ اپلی کیشن کچن کا استعمال چاہتے ہیں تو <html> کے لئے مظاہرین پر اشارہ دیئے:

!DOCTYPE HTML
<html manifest="demo.appcache">
...
</html>

جس کے لئے مظاہرین کا اشارہ دیا گیا ہے، ہر صفحہ استعمال کنندہ کی جانب سے دیکھا جائے گا تو کچن میں رکھا جائے گا۔ اگر مظاہرین کا اشارہ نہیں دیا گیا تو صفحہ کچن میں نہیں رکھا جائے گا (مگر مظاہرین فائل میں سے یہ صفحہ سے مستقیماً کچن میں رکھا جائے گا)

مظاہرین فائل کا سفارشی فائل ایکسٹینشن یہ ہے: ".appcache"۔

تذکرہ:مظاہرین فائل کو صحیح ایم آئی ای سائٹ کا رجسٹریشن کیا جانا چاہئے، یعنی "text/cache-manifest"۔ یہ ووب سروسر پر قائم کیا جانا چاہئے۔

Manifest فائل

مظاہرین فائل ایک سادہ ٹیکسٹ فائل ہے، جو براوزر کو بتاتا ہے کہ کس معاملے میں مخصوص معاملات کو کچن میں رکھا جائے گا (اور کس معاملے میں نہیں)

مظاہرین فائل کے تین حصتیں ہیں:

  • CACHE MANIFEST - اس عنوان کے تحت درج فائلوں کو پہلی ڈاؤن لوڈ کے بعد کچن میں رکھا جائے گا
  • NETWORK - اس عنوان کے تحت درج فائلوں کو سروسر سے کڑی جائے گا اور کچن نہیں کیا جائے گا
  • FALLBACK - اس عنوان کے تحت درج فائلوں کو پوسٹ کیا گیا ہے جو صفحہ کی دستیابی سے قطع کی جائے گی کی وجہ سے (مثلاً 404 صفحہ)

CACHE MANIFEST

پہلا رد، CACHE MANIFEST، ضروری ہے:

CACHE MANIFEST
/theme.css
/logo.gif
/main.js

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

نیٹورک

نیٹورک حصے کے تحت فائل "login.php" کو کبھی کچن نہیں کیا جائے گا اور آن لائن نہیں استعمال کیا جائے گا:

NETWORK:
login.asp

می‌توان از ستاره برای نشان دادن استفاده از اتصال اینترنت برای همه منابع/فایل‌های دیگر استفاده کرد:

NETWORK:
*
FALLBACK

بخش FALLBACK زیر مشخص می‌کند که اگر اتصال اینترنت برقرار نشود، از "offline.html" به جای همه فایل‌های دایرکتوری /html/ استفاده شود:

FALLBACK:
/html/ /offline.html

نکته:URI اول منبع است و دومین جایگزین.

به‌روزرسانی ذخیره‌سازی

بعد از ذخیره‌سازی برنامه، آن تا وقوع یکی از موارد زیر در ذخیره‌سازی باقی می‌ماند:

  • باز کردن فضای ذخیره‌سازی مرورگر توسط کاربر
  • فایل manifest به‌روزرسانی شده است (لطفاً به نکات زیر مراجعه کنید)
  • به‌روزرسانی ذخیره‌سازی برنامه توسط برنامه

مثال - فایل کامل Cache Manifest

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html

توجه:خطوط شروع شده با '#' خطوط نظرات هستند، اما می‌توانند برای سایر کاربردها نیز استفاده شوند. ذخیره‌سازی برنامه فقط در صورت تغییر فایل manifest به‌روزرسانی می‌شود. اگر تصویری را ویرایش کنید یا یک تابع JavaScript را تغییر دهید، این تغییرات به‌روزرسانی نمی‌شوند. به‌روزرسانی تاریخ و شماره نسخه در خطوط نظرات روشی برای مجبور کردن مرورگر به به‌روزرسانی فایل‌ها است.

نکات توجه در مورد ذخیره‌سازی برنامه

لطفاً محتوای ذخیره شده را مراقبت کنید.

بعد از ذخیره‌سازی فایل، مرورگر به نمایش دادن نسخه ذخیره شده ادامه می‌دهد، حتی اگر شما فایل‌های سرور را تغییر دهید. برای اطمینان از به‌روزرسانی مرورگر به ذخیره‌سازی، باید فایل manifest به‌روزرسانی شود.

نکته:محدودیت‌های ظرفیت ذخیره‌سازی داده‌های پشتیبان در مرورگرها ممکن است متفاوت باشد (محدودیت برخی مرورگرها برای هر وب‌سایت 5MB است).