HTML5 অ্যাপলিকেশন ক্যাশ
- পূর্ববর্তী পৃষ্ঠা HTML5 ওয়েব স্টোরেজ
- পরবর্তী পৃষ্ঠা HTML5 ওয়েব ওয়ার্কার
অ্যাপলিকেশন ক্যাশ ব্যবহার করে, cache manifest ফাইল তৈরি করে, ওয়েব অ্যাপলিকেশনের অফলাইন সংস্করণ সহজেই তৈরি করা যায়
অ্যাপলিকেশন ক্যাশ কি?
HTML5-এ অ্যাপলিকেশন ক্যাশ (Application Cache) উপন্যাসটা এই অর্থে যে, ওয়েব অ্যাপলিকেশনকে ক্যাশ করা যায় এবং ইন্টারনেট কানেক্টভিং ছাড়াও পরিবেশন করা যায়
অ্যাপলিকেশন ক্যাশ অ্যাপলিকেশনকে তিনটি বৈশিষ্ট্য নিয়ে আসে:
- অফলাইন ব্রাউজিং - ব্যবহারকারী অ্যাপলিকেশন অফলাইন থাকাকালীন তাদের ব্যবহার করতে পারবে
- গতি - ক্যাশড রিসোর্সগুলি আরও দ্রুত লোড হবে
- সার্ভার লোড হ্রাস - ব্রাউজার কেবল অপডেট কিংবা পরিবর্তিত রিসোর্সগুলি ডাউনলোড করবে
ব্রাউজার সমর্থন
টেবিলের সংখ্যা পূর্ণাত্মকভাবে অ্যাপ্লিকেশন ক্যাচ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে
| API | |||||
| অ্যাপ্লিকেশন ক্যাচ | 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> ট্যাগে manifest প্রতিবন্ধকতা সংযোজন করুন:
!DOCTYPE HTML <html manifest="demo.appcache"> ... </html>
প্রত্যেকটি manifest-সহ পৃষ্ঠা ব্যবহারকারীর দ্বারা ব্যবহার করা হলে ক্যাচ করা হবে। manifest প্রতিবন্ধকতা নির্ধারণ না করলে, পৃষ্ঠা ক্যাচ করা হবে না (সরাসরি manifest ফাইলে সংযোজিত পৃষ্ঠা ছাড়া)
manifest ফাইলের সুপারিশিত ফাইল এক্সটেনশন: ".appcache"。
মন্তব্য:manifest ফাইলটির সঠিক MIME-type সংযোজন করা হবে, যেমন "text/cache-manifest"। এটা ওয়েব সার্ভারের উপর কনফিগার করা হবে
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 # 2012-02-21 v1.0.0 /theme.css /logo.gif /main.js NETWORK: login.asp FALLBACK: /html/ /offline.html
টিপস:"#"-দ্বারা শুরুকার একটি টিম টেক্সট কমেন্ট লাইন, কিন্তু অন্যান্য কাজেও ব্যবহৃত হতে পারে। এই অ্যাপ্লিকেশনের ক্যাশে কেবল ম্যানিফেস্ট ফাইলটি পরিবর্তিত হলেই অপডেট হয়। যদি আপনি একটি ছবি সংশোধন করেন বা একটি JavaScript ফাংশনটি সংশোধন করেন, এই পরিবর্তনগুলি পুনরায় ক্যাশে করা হবে না। কমেন্ট লাইনের তারিখ এবং সংস্করণ সংখ্যা নিয়ন্ত্রণ করার একটি পদ্ধতি হল ব্রাউজারকে ফাইলটি পুনরায় ক্যাশে করানো
অ্যাপ্লিকেশন ক্যাশের বিষয়ে নজরদারি
ক্যাশে কনটেন্টকে সতর্ক করুন。
ফাইল ক্যাশে থাকার পর ব্রাউজার ক্যাশেড সংস্করণটি প্রদর্শিত করতে চলবে, যদিও আপনি সার্ভারের ফাইলটি সংশোধন করেছেন। ব্রাউজারের ক্যাশে নিয়ন্ত্রণ করার জন্য, manifest ফাইলটি আপডেট করতে হবে。
মন্তব্য:ব্রাউজার ক্যাশে ডাটা ক্যাপাসিটির সীমানা একই নয় (কিছু ব্রাউজারের সীমানা হল প্রত্যেক সাইটে 5MB)。
- পূর্ববর্তী পৃষ্ঠা HTML5 ওয়েব স্টোরেজ
- পরবর্তী পৃষ্ঠা HTML5 ওয়েব ওয়ার্কার
