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

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

ایپلی کیشن کی کیشنگ کیا کیا ہے؟

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

ایپلی کیشن کی کیشنگ سے ایپلی کیشن کو تین فائدوں میں لایا جاتا ہے:

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

ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ

ਸਾਰੇ ਸੰਖਿਆਵਾਂ ਐਪਲੀਕੇਸ਼ਨ ਕੈਸ਼ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥਾ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਦਿਸਾਈਆਂ ਹਨ。

API
Application Cache 4.0 10.0 3.5 4.0 11.5

HTML Cache Manifest ਉਦਾਹਰਣ

ਹੇਠ ਦਿੱਤਾ ਹੈ ਇੱਕ cache manifest ਵਾਲੇ HTML ਦਸਤਾਵੇਜ਼ ਦਾ ਉਦਾਹਰਣ (ਆਫਲਾਈਨ ਬਰਾਉਜ਼ਿੰਗ ਲਈ):

ਇਨਸਟੈਂਸ

!DOCTYPE HTML
<html manifest="demo.appcache">
<body>
ਦਸਤਾਵੇਜ਼ ਸਮਗਰੀ ......
</body>
</html>

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

Cache Manifest ਅਧਾਰ

ਜੇਕਰ ਤੁਸੀਂ ਐਪਲੀਕੇਸ਼ਨ ਕੈਸ਼ ਸਕਾਰਲਾਈਜ਼ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ document ਦੇ <html> ਟੈਗ ਵਿੱਚ manifest ਵਿਸ਼ੇਸ਼ਤਾ ਲਗਾਓ:

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

ਹਰ ਸੰਕੇਤਿਤ manifest ਪੇਜ ਵਰਤੋਂਕਰ ਦੁਆਰਾ ਪਹੁੰਚਿਆ ਜਾਣ ਤੇ ਕੈਸ਼ ਵਿੱਚ ਰੱਖਿਆ ਜਾਵੇਗਾ।ਜੇਕਰ manifest ਵਿਸ਼ੇਸ਼ਤਾ ਨਹੀਂ ਦਿੱਤੀ ਗਈ ਤਾਂ ਪੇਜ ਕੈਸ਼ ਵਿੱਚ ਨਹੀਂ ਰੱਖਿਆ ਜਾਵੇਗਾ (ਮਿਲਣ ਦੀ ਮੌਕਾ ਹੈ ਜਦੋਂ manifest ਫਾਈਲ ਵਿੱਚ ਇਹ ਪੇਜ ਸਿਫਾਰਸ਼ ਕੀਤਾ ਗਿਆ ਹੋਵੇ)

manifest ਫਾਈਲ ਦੀ ਸਿਫਾਰਸ਼ੀ ਫਾਈਲ ਐਕਸਟੈਂਸ਼ਨ ਇਹ ਹੈ: ".appcache"。

ਧਿਆਨ:manifest ਫਾਈਲ ਨੂੰ ਸਹੀ MIME-type ਸੈਟ ਕਰਨਾ ਹੋਵੇਗਾ, ਯਾਨੀ "text/cache-manifest"।ਇਹ web ਸਰਵਰ 'ਤੇ ਸੰਰਚਨਾ ਕੀਤਾ ਜਾਣਾ ਹੋਵੇਗਾ。

Manifest ਫਾਈਲ

manifest ਫਾਈਲ ਸਰਲ ਟੈਕਸਟ ਫਾਈਲ ਹੈ ਜੋ ਬਰਾਉਜ਼ਰ ਨੂੰ ਕੈਸ਼ ਵਿੱਚ ਰੱਖੀ ਗਈ ਸਮਗਰੀ (ਅਤੇ ਨਹੀਂ ਕੈਸ਼ ਵਿੱਚ ਰੱਖੀ ਗਈ ਸਮਗਰੀ) ਦੱਸਦੀ ਹੈ。

manifest ਫਾਈਲ ਤਿੰਨ ਹਿੱਸਿਆਂ ਵਿੱਚ ਹੈ:

  • CACHE MANIFEST - ਇਸ ਸਿਰਲੇਖ ਤਹਿਤ ਦਿੱਤੀ ਗਈ ਫਾਈਲਾਂ ਪਹਿਲੀ ਵਾਰ ਡਾਊਨਲੋਡ ਹੋਣ ਦੇ ਬਾਅਦ ਕੈਸ਼ ਵਿੱਚ ਰੱਖੀਆਂ ਜਾਣਗੀਆਂ
  • NETWORK - ਇਸ ਸਿਰਲੇਖ ਤਹਿਤ ਦਿੱਤੀ ਗਈ ਫਾਈਲਾਂ ਸਰਵਰ ਨਾਲ ਕਨੈਕਸ਼ਨ ਦੀ ਜ਼ਰੂਰਤ ਹੋਵੇਗੀ ਅਤੇ ਕੈਸ਼ ਵਿੱਚ ਨਹੀਂ ਰੱਖੀਆਂ ਜਾਣਗੀਆਂ
  • FALLBACK - ਇਸ ਸਿਰਲੇਖ ਤਹਿਤ ਦਿੱਤੀ ਗਈ ਫਾਈਲ ਪੇਜ ਦੇ ਪਹੁੰਚ ਨਾ ਹੋਣ ਉੱਤੇ ਰਿਟਰਨ ਪੇਜ (ਉਦਾਹਰਨ ਵਜੋਂ 404 ਪੇਜ) ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ

CACHE MANIFEST

ਪਹਿਲਾ ਹਾਰਡ, CACHE MANIFEST ਲਾਜ਼ਮੀ ਹੈ:

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

ਉੱਪਰੋਕਤ manifest ਫਾਈਲ ਤਿੰਨ ਸੰਸਾਧਨਾਂ ਦੱਸਦੀ ਹੈ: ਇੱਕ CSS ਫਾਈਲ, ਇੱਕ GIF ਚਿੱਤਰ ਅਤੇ ਇੱਕ JavaScript ਫਾਈਲ।ਜਦੋਂ manifest ਫਾਈਲ ਲੋਡ ਹੋਈ ਹੋਵੇ, ਬਰਾਉਜ਼ਰ ਵੈਬਸਾਈਟ ਦੇ ਮੂਲ ਡਿਰੈਕਟਰੀ ਤੋਂ ਇਨ੍ਹਾਂ ਤਿੰਨ ਫਾਈਲਾਂ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰੇਗਾ। ਫਿਰ ਵੀ, ਜਦੋਂ ਵਰਤੋਂਕਰ ਇੰਟਰਨੈੱਟ ਨਾਲ ਕਨੈਕਸ਼ਨ ਤੋਂ ਵੱਖ ਹੋਵੇ, ਇਹ ਸੰਸਾਧਨਾਂ ਅਜਿਹੇ ਹੀ ਉਪਲੱਬਧ ਰਹਿਣਗੇ。

NETWORK

ਨਿਮਨਲਿਖਤ NETWORK ਹਿੱਸੇ ਵਿੱਚ ਫਾਈਲ "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 فائل میں تبدیل ہونے پر اپدیت ہوتی ہے، اگر آپ کو کسی تصویر کو بھی بھیج دیا یا کسی جاوا سکریپٹ کی فونکشن کو تبدیل کیا تو ان تبدیلیوں کو دوبارہ بکسی میں نہیں رکھا جاتا۔ تاریکہ کی دتاری اور ورژن نمبر کو اپدیت کرنا براوزر کو فائل کی بکسی میں دوبارہ کی بکسی میں رکھنے کا ایک طریقہ ہو سکتا ہے۔

ایپلی کیشن کی بکسی کی سائز کے بارے میں نکات

کینچر کی بکسی کی سائز پر توجہ دیجئے۔

جب بھی فائل بکسی میں رکھا جاتا ہے تو براوزر اس بکسی کی سیکشن کو نمائش میں لائے گا، جسے اپنے سرور پر فائلوں کو تبدیل کرنے کے باوجود بھی، تاکہ براوزر کی بکسی اپدیت کی جاسکے، آپ کو manifest فائل کو اپدیت کرنا چاہئیے۔

نوٹ:براوزر کی بکسی کی سائز محدود ہوتی ہے، کچھ براوزروں میں اس کی محدودیت یہ ہوتی ہے کہ ہر سائٹ کے لئے 5MB ہوتی ہے۔