এই সমস্ত কাজের সাথে আমরা window বাইরে করছি, আপনি ভাবতে পারেন যে Cache দৃষ্টান্তগুলি শুধুমাত্র পরিষেবা কর্মী সুযোগে অ্যাক্সেস করা যেতে পারে৷ আসল বিষয়টি হল আপনি পরিষেবা কর্মী স্কোপ এবং window চলমান আপনার ওয়েব অ্যাপের ঐতিহ্যবাহী কোড উভয় ক্ষেত্রেই Cache ইনস্ট্যান্স অ্যাক্সেস করতে পারেন। এটি ব্যবহারকারীর জন্য একটি পরিষেবা কর্মী ক্যাশের সাথে সরাসরি ইন্টারঅ্যাক্ট করা বা ক্যাশে অবস্থার উপর ভিত্তি করে ব্যবহারকারীর ইন্টারফেস আপডেট করা সহজ করে তোলে।
একটি সম্ভাব্য ব্যবহারের ক্ষেত্রে ব্যবহারকারীরা পরে পড়তে চান এমন পৃষ্ঠাগুলির জন্য একটি "অফলাইনের জন্য সংরক্ষণ করুন" বৈশিষ্ট্য অফার করা, কিন্তু জেনে রাখুন যে সেগুলি সেই সময়ে অফলাইনে থাকতে পারে। নীচের গ্লিচ এম্বেডটি ওয়ার্কবক্সের সাথে কীভাবে এটি করতে হয় তা দেখায়।
উপরের এম্বেডে, আপনি দেখতে পাচ্ছেন যে "অফলাইনের জন্য সংরক্ষণ করুন" বোতামটি ক্লিক করা হলে app.js স্ক্রিপ্টটি window প্রসঙ্গ থেকে অফলাইন ক্যাশে লিখছে৷ পরিষেবা কর্মীর মধ্যে, পৃষ্ঠার স্ট্যাটিক সম্পদগুলি অফলাইন অ্যাক্সেসের জন্য প্রিক্যাচ করা হয়৷ একটি NetworkOnly কৌশলটি একটি বিশেষ হ্যান্ডলারের সাথে ব্যবহার করা হয় যা ক্যাশে করা পৃষ্ঠাগুলির জন্য অফলাইন অ্যাক্সেস পরিচালনা করে এবং একটি NavigationRoute এ পাঠানো হয়।
গ্লিচ এম্বেডের কার্যকারিতা পরীক্ষা করতে, নিম্নলিখিতগুলি করুন:
- একটি নতুন ব্রাউজার উইন্ডো খুলুন এবং https://save-for-offline-test.glitch.me/ এ নেভিগেট করুন
- অফলাইন রিডিং লিস্টে যুক্ত করুন লেখা বোতামটিতে ক্লিক করুন।
- Firefox বা Chrome-এ আপনার ব্রাউজারের ডেভেলপার টুল খুলুন। আপনি যদি Chrome ব্যবহার করেন তবে অ্যাপ্লিকেশন প্যানেলে যান। ফায়ারফক্সে, স্টোরেজ প্যানেলে যান।
- উভয় ব্রাউজারের বিকাশকারী সরঞ্জামগুলিতে, আপনি বাম দিকের ফলকে একটি ক্যাশে স্টোরেজ আইটেম দেখতে পাবেন। এটি প্রসারিত করতে ক্লিক করুন. অফলাইন-ক্যাশে এন্ট্রিতে, আপনি ডানদিকের ফলকে এইমাত্র যোগ করা পৃষ্ঠার URL দেখতে পাবেন।
- পৃষ্ঠার নীচে অন্য কোনো পৃষ্ঠার লিঙ্কে ক্লিক করুন।
- একটি অফলাইন সংযোগ অনুকরণ করতে উভয় ব্রাউজারে অফলাইন মোড টগল করুন৷
- অফলাইন ক্যাশে আপনি যে পৃষ্ঠাটি যুক্ত করেছেন তার লিঙ্কটিতে ক্লিক করুন। আপনি অফলাইনে থাকলেও এটি প্রদর্শিত হওয়া উচিত।
- আপনি অফলাইন ক্যাশে যোগ করেননি এমন একটি পৃষ্ঠার জন্য একটি লিঙ্কে ক্লিক করুন৷ অনুরোধ ব্যর্থ হবে.
window Cache দৃষ্টান্তগুলির সাথে কাজ করার জন্য এটি একমাত্র ব্যবহারের ক্ষেত্রে নয়। উদাহরণ স্বরূপ, আপনি ভবিষ্যদ্বাণীমূলকভাবে প্রিফেচ এবং ক্যাশে সম্পদগুলি করতে পারেন যা আপনি জানেন যে ব্যবহারকারীকে একটি নির্দিষ্ট ক্রিয়া সম্পাদন করতে হবে৷ এটি চাহিদা অনুযায়ী সেই সম্পদগুলি ডাউনলোড করার বিলম্বিতা হ্রাস করবে বা এড়াবে।
অন্যান্য সম্ভাব্য উপকারী ব্যবহারের ক্ষেত্রে রয়েছে-এবং, যেহেতু আপনি একজন পরিষেবা কর্মীর অনুপস্থিতিতে Cache দৃষ্টান্তগুলির সাথে ইন্টারঅ্যাক্ট করতে পারেন, তাদের সকলের জন্য একটি ইনস্টল করার প্রয়োজন হতে পারে না।
এই সমস্ত কাজের সাথে আমরা window বাইরে করছি, আপনি ভাবতে পারেন যে Cache দৃষ্টান্তগুলি শুধুমাত্র পরিষেবা কর্মী সুযোগে অ্যাক্সেস করা যেতে পারে৷ আসল বিষয়টি হল আপনি পরিষেবা কর্মী স্কোপ এবং window চলমান আপনার ওয়েব অ্যাপের ঐতিহ্যবাহী কোড উভয় ক্ষেত্রেই Cache ইনস্ট্যান্স অ্যাক্সেস করতে পারেন। এটি ব্যবহারকারীর জন্য একটি পরিষেবা কর্মী ক্যাশের সাথে সরাসরি ইন্টারঅ্যাক্ট করা বা ক্যাশে অবস্থার উপর ভিত্তি করে ব্যবহারকারীর ইন্টারফেস আপডেট করা সহজ করে তোলে।
একটি সম্ভাব্য ব্যবহারের ক্ষেত্রে ব্যবহারকারীরা পরে পড়তে চান এমন পৃষ্ঠাগুলির জন্য একটি "অফলাইনের জন্য সংরক্ষণ করুন" বৈশিষ্ট্য অফার করা, কিন্তু জেনে রাখুন যে সেগুলি সেই সময়ে অফলাইনে থাকতে পারে। নীচের গ্লিচ এম্বেডটি ওয়ার্কবক্সের সাথে কীভাবে এটি করতে হয় তা দেখায়।
উপরের এম্বেডে, আপনি দেখতে পাচ্ছেন যে "অফলাইনের জন্য সংরক্ষণ করুন" বোতামটি ক্লিক করা হলে app.js স্ক্রিপ্টটি window প্রসঙ্গ থেকে অফলাইন ক্যাশে লিখছে৷ পরিষেবা কর্মীর মধ্যে, পৃষ্ঠার স্ট্যাটিক সম্পদগুলি অফলাইন অ্যাক্সেসের জন্য প্রিক্যাচ করা হয়৷ একটি NetworkOnly কৌশলটি একটি বিশেষ হ্যান্ডলারের সাথে ব্যবহার করা হয় যা ক্যাশে করা পৃষ্ঠাগুলির জন্য অফলাইন অ্যাক্সেস পরিচালনা করে এবং একটি NavigationRoute এ পাঠানো হয়।
গ্লিচ এম্বেডের কার্যকারিতা পরীক্ষা করতে, নিম্নলিখিতগুলি করুন:
- একটি নতুন ব্রাউজার উইন্ডো খুলুন এবং https://save-for-offline-test.glitch.me/ এ নেভিগেট করুন
- অফলাইন রিডিং লিস্টে যুক্ত করুন লেখা বোতামটিতে ক্লিক করুন।
- Firefox বা Chrome-এ আপনার ব্রাউজারের ডেভেলপার টুল খুলুন। আপনি যদি Chrome ব্যবহার করেন তবে অ্যাপ্লিকেশন প্যানেলে যান। ফায়ারফক্সে, স্টোরেজ প্যানেলে যান।
- উভয় ব্রাউজারের বিকাশকারী সরঞ্জামগুলিতে, আপনি বাম দিকের ফলকে একটি ক্যাশে স্টোরেজ আইটেম দেখতে পাবেন। এটি প্রসারিত করতে ক্লিক করুন. অফলাইন-ক্যাশে এন্ট্রিতে, আপনি ডানদিকের ফলকে এইমাত্র যোগ করা পৃষ্ঠার URL দেখতে পাবেন।
- পৃষ্ঠার নীচে অন্য কোনো পৃষ্ঠার লিঙ্কে ক্লিক করুন।
- একটি অফলাইন সংযোগ অনুকরণ করতে উভয় ব্রাউজারে অফলাইন মোড টগল করুন৷
- অফলাইন ক্যাশে আপনি যে পৃষ্ঠাটি যুক্ত করেছেন তার লিঙ্কটিতে ক্লিক করুন। আপনি অফলাইনে থাকলেও এটি প্রদর্শিত হওয়া উচিত।
- আপনি অফলাইন ক্যাশে যোগ করেননি এমন একটি পৃষ্ঠার জন্য একটি লিঙ্কে ক্লিক করুন৷ অনুরোধ ব্যর্থ হবে.
window Cache দৃষ্টান্তগুলির সাথে কাজ করার জন্য এটি একমাত্র ব্যবহারের ক্ষেত্রে নয়। উদাহরণ স্বরূপ, আপনি ভবিষ্যদ্বাণীমূলকভাবে প্রিফেচ এবং ক্যাশে সম্পদগুলি করতে পারেন যা আপনি জানেন যে ব্যবহারকারীকে একটি নির্দিষ্ট ক্রিয়া সম্পাদন করতে হবে৷ এটি চাহিদা অনুযায়ী সেই সম্পদগুলি ডাউনলোড করার বিলম্বিতা হ্রাস করবে বা এড়াবে।
অন্যান্য সম্ভাব্য উপকারী ব্যবহারের ক্ষেত্রে রয়েছে-এবং, যেহেতু আপনি একজন পরিষেবা কর্মীর অনুপস্থিতিতে Cache দৃষ্টান্তগুলির সাথে ইন্টারঅ্যাক্ট করতে পারেন, তাদের সকলের জন্য একটি ইনস্টল করার প্রয়োজন হতে পারে না।