এটি ইনস্টলযোগ্য হতে কি লাগে?

প্রগ্রেসিভ ওয়েব অ্যাপস (PWAs) হল আধুনিক, উচ্চ মানের অ্যাপ্লিকেশন যা ওয়েব প্রযুক্তি ব্যবহার করে নির্মিত। পিডব্লিউএগুলি iOS/Android/ডেস্কটপ অ্যাপগুলির অনুরূপ ক্ষমতাগুলি অফার করে, এগুলি অস্থির নেটওয়ার্ক পরিস্থিতিতেও নির্ভরযোগ্য এবং ব্যবহারকারীদের জন্য সেগুলি খুঁজে পাওয়া এবং ব্যবহার করা সহজ করে তোলে।

বেশিরভাগ ব্যবহারকারী অ্যাপ্লিকেশন ইনস্টল করার সাথে পরিচিত, এবং একটি ইনস্টল করা অভিজ্ঞতার সুবিধাগুলি। ইনস্টল করা অ্যাপ্লিকেশনগুলি অপারেটিং সিস্টেম লঞ্চের সারফেসগুলিতে প্রদর্শিত হয়, যেমন Mac OS X-এর অ্যাপ্লিকেশন ফোল্ডার, Windows-এর স্টার্ট মেনু এবং Android এবং iOS-এর হোম স্ক্রীনে৷ ইনস্টল করা অ্যাপ্লিকেশনগুলি অ্যাক্টিভিটি সুইচার, ডিভাইস সার্চ ইঞ্জিন যেমন স্পটলাইট এবং সামগ্রী ভাগ করে নেওয়ার শীটেও দেখা যায়।

বেশিরভাগ ব্রাউজার ব্যবহারকারীকে নির্দেশ করে যে আপনার প্রগ্রেসিভ ওয়েব অ্যাপ (PWA) যখন নির্দিষ্ট মানদণ্ড পূরণ করে তখন এটি ইনস্টলযোগ্য। উদাহরণ সূচকগুলির মধ্যে রয়েছে ঠিকানা বারে একটি ইনস্টল বোতাম, অথবা ওভারফ্লো মেনুতে একটি ইনস্টল মেনু আইটেম।

ইন্সটল ইন্ডিকেটর সহ অম্নিবক্সের স্ক্রিনশট দৃশ্যমান।
ব্রাউজার ইনস্টল প্রচার প্রদান করা হয়েছে (ডেস্কটপ)
ব্রাউজারের স্ক্রিনশট ইনস্টল প্রচার প্রদান করা হয়েছে।
ব্রাউজার ইনস্টল প্রচার প্রদান করা হয়েছে (মোবাইল)

উপরন্তু, যখন মানদণ্ড পূরণ করা হয়, অনেক ব্রাউজার একটি ইন্সটল প্রম্পট ইভেন্টের beforeinstallprompt ফায়ার করবে, যা আপনাকে একটি কাস্টম ইন-অ্যাপ UX প্রদান করতে দেয় যা আপনার অ্যাপের মধ্যে ইনস্টল প্রবাহকে ট্রিগার করবে।

মানদণ্ড ইনস্টল করুন

Chrome-এ, আপনার প্রগ্রেসিভ ওয়েব অ্যাপকে অবশ্যই নিম্নলিখিত মানদণ্ড পূরণ করতে হবে আগে এটি beforeinstallprompt ইভেন্ট ফায়ার করবে এবং ইন-ব্রাউজার ইনস্টল প্রচার দেখাবে:

  • ওয়েব অ্যাপটি ইতিমধ্যে ইনস্টল করা নেই৷
  • ব্যবহারকারীর ব্যস্ততা হিউরিস্টিকসের সাথে মিলিত হয়:
    • ব্যবহারকারীকে অন্তত একবার পৃষ্ঠায় ক্লিক বা ট্যাপ করতে হবে (যে কোনো সময়ে, এমনকি পূর্ববর্তী পৃষ্ঠা লোডের সময়ও)
    • ব্যবহারকারীকে পৃষ্ঠাটি দেখতে কমপক্ষে 30 সেকেন্ড ব্যয় করতে হবে (যেকোন সময়)
  • HTTPS এর মাধ্যমে পরিবেশন করা হবে
  • একটি ওয়েব অ্যাপ ম্যানিফেস্ট অন্তর্ভুক্ত করে যার মধ্যে রয়েছে:
    • short_name বা name
    • icons - একটি 192px এবং একটি 512px আইকন অন্তর্ভুক্ত করা আবশ্যক
    • start_url
    • display - অবশ্যই fullscreen , standalone , বা minimal-ui এর একটি হতে হবে
    • prefer_related_applications অবশ্যই উপস্থিত থাকবে না বা false হবে না৷

অন্যান্য ব্রাউজারগুলির ইনস্টলেশনের জন্য একই মানদণ্ড রয়েছে, যদিও সামান্য পার্থক্য থাকতে পারে। সম্পূর্ণ বিবরণের জন্য সংশ্লিষ্ট সাইট চেক করুন: