ایچ تی ام پن (HTML5) آپلی کیشن کی کچھ شدگی
- صفحه قبلی ذخیرهسازی وب HTML5
- صفحه بعدی Web Workers HTML5
آپلی کیشن کی کچھ شدگی کا استعمال، کیچھ منیفیسٹ فائل بنانے کے ذریعہ، ویب اپلی کیشن کی آف لائن ورژن کی آسانی سے بنائی جاسکتی ہے
آپلی کیشن کی کچھ شدگی کیا ہے؟
ایچ تی ام پن (HTML5) نے آپلی کیشن کی کچھ شدگی (Application Cache) شروع کردیا، یعنی ویب اپلی کیشن کو کچھ کرسکتا ہے اور اینٹرنیٹ کنکشن کے بغیر بھی دستیاب ہوتا ہے
آپلی کیشن کی کچھ شدگی آپلی کیشن کو تین فائدوں کا حامل آتا ہے:
- آف لائن براؤزنگ - استعمال کنندگان اپلی کیشن آف لائن ہونے پر ان کا استعمال کرسکتے ہیں
- رفتار - کچھ شدہ وسائل بسرعت لوڈ ہوتے ہیں
- کم کرنے سرور لوڈ - بروزر صرف اپدیت یا تبدیل ہوئی وسائل کو سرور سے ڈاؤن لوڈ کرے گا
براوزر کی مدد
جداول میں درج شماروں کا استعمال یہ ہے: ابتدائی براوزر وارزن کا پورا استعمال آپلی کیشن کچن کا ہے۔
ای پی آئی | |||||
ایپلی کیشن کچن | 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 است).
- صفحه قبلی ذخیرهسازی وب HTML5
- صفحه بعدی Web Workers HTML5