সার্ভিস ওয়ার্কার এর সংক্ষিপ্ত পরিচিতি


এখানে সার্ভিস ওয়ার্কার সম্পর্কে মোটামুটি সংক্ষিপ্ত আলোচনা করা হবে, তবে প্রাথমিক দিকগুলো বেশি বিবেচিত হবে। প্রথমেই বলতে চাই, যাদের HTML, CSS, JavaScript সম্পর্কে পূর্ব ধারণা রয়েছে তাদের জন্যই মূলত এই আর্টিকেলটি। তবে কেউ যদি প্রাথমিক কিছু ধারণা লাভের জন্য পড়ে আশাকরি তারাও উপকৃত হতে পারবে।

সার্ভিস ওয়ার্কার মূলত কী?
এটি মূলত একটি জাভাস্ক্রিপ্ট ফাইল যা ব্যবহার করার মাধ্যমে ইন্টারনেট সংযোগ বিছিন্ন হলেও ব্যবহারকারী আপনার ওয়েবসাইট দেখতে পারবে। এর মাধ্যমে push notification পাঠানো, প্রয়োজনীয় ফাইল cache করা এবং Home screen এ web-app ইনস্টল করার মতো কাজগুলো করা যায়।

কি কি করা কাজে ব্যবহার করা যাবে

  • অফলাইন পেইজ শো করা
  • পেইজ এবং অন্যান্য কনন্টে cache হিসেবে সংরক্ষণ করা
  • (PWA) Progressive Web App
  • Push Notification
  • Background Sync
  • সার্ভিস ওয়ার্কার যোগ করা


আপনার প্রজেক্ট বা ওয়েবসাইটে কীভাবে এই প্রযুক্তি ব্যবহার করবেন। মূলত আপনার html ফাইল অথবা আপনি যদি আলাদা জাভাস্ক্রিপ্ট ফাইল ব্যবহার করেন সেখানে অল্প কিছু জাভাস্ক্রিপ্ট কোড লিখার মাধ্যমেই আপনি সার্ভিস ওর্য়াকার ব্যবহার করতে পারেন। আপনাকে আলাদা একটি জাভাস্ক্রিপ্ট ফাইল আপনার রুট ফোল্ডার বা যেখানে আপনার index.html ফাইল আছে সেখানে সেভ করতে হবে। দুর্ভাগ্যবশত নিরাপত্তজনিত কারণে external ফাইল ব্যবহার করে সার্ভিস ওয়ার্কার রেজিস্টার করা যায় না। সুতরাং যারা ব্লগার এর মতো ফ্রি সুবিধা উপভোগ করেন তাদের জন্য এগুলো নয়। তবে অনেক  CMS সরবরাহকারী কোম্পানী এমনিতেই ব্যবহারীকারীদের এ সুবিধা প্রদান করে থাকে।
এই ওয়েবসাইট ব্যবহার করে আপনারা স্বয়ংক্রিয়ভাবে সার্ভিস ওয়ার্কার ফাইল তৈরি করতে পারেন। PWA Builder নোড জেএস ব্যবহারকারীরা এথান থেকে কমান্ড লাইন ব্যবহার করেও তা তৈরি করতে পারেন।
https://googlechromelabs.github.io/sw-toolbox সার্ভিস ওয়ার্কার টুল বক্স ব্যবহার করে অনেক সহজে কাজ করা যায়।

প্রয়োজনীয় লিঙ্ক সমূহ:
  1. https://medium.com/samsung-internet-dev/a-beginners-guide-to-service-workers
  2. https://github.com/pinterest/service-workers
  3. https://github.com/w3c/ServiceWorker
  4. https://github.com/pazguille/offline-first
  5. https://github.com/hemanth/awesome-pwa
  6. https://github.com/service-mocker/service-mocker
  7. https://github.com/ireade/boilerplate-service-worker
Thanks for reading …

Comments

Emotions
Copy and paste emojis inside comment box

Contact Form

Send

Archive

Menu