প্রগতিশীল ওয়েব অ্যাপস কি এবং কিভাবে আমি একটি ইনস্টল করব?

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

কিন্তু একটি প্রগতিশীল ওয়েব অ্যাপ ঠিক কি? একটি PWA কি করে যা একটি ওয়েবসাইট করে না? প্রগতিশীল ওয়েব অ্যাপস সম্পর্কে আপনার যা জানা দরকার তা এখানে।

একটি প্রগতিশীল ওয়েব অ্যাপ কি?

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

তাহলে কি PWA সংজ্ঞায়িত করে?

সার্বজনীন : একটি PWA অবশ্যই প্রত্যেক ব্যবহারকারীর জন্য নির্বিঘ্নে (ভাল, প্রায়) কাজ করতে হবে, তাদের ব্রাউজার নির্বিশেষে।
প্রতিক্রিয়াশীল : PWA গুলিকে যেকোনো ডিভাইসের সাথে কাজ করা উচিত, যেমন আপনার ল্যাপটপ, ট্যাবলেট, স্মার্টফোন ইত্যাদি।
নকশা : ডিজাইনে উন্নত মোবাইল অ্যাপের নকল করা উচিত, যার মানে হল উন্নত বৈশিষ্ট্যগুলির জন্য সহজ ইন্টারঅ্যাক্টিভিটি সহ, সুশৃঙ্খল, সহজে খুঁজে পাওয়া মেনু।
নিরাপদ : PWAs ব্যবহারকারীদের ডেটা নিরাপদ রাখতে HTTPS ব্যবহার করা উচিত।
আবিষ্কারযোগ্য: ব্যবহারকারীরা PWAs খুঁজে পেতে পারেন, এবং তারা সহজেই একটি অ্যাপ্লিকেশন (একটি 'সাইট' এর পরিবর্তে) হিসাবে চিহ্নিত করা যায়।
বাগদান: PWA- এর অবশ্যই পুশ নোটিফিকেশনের মতো নেটিভ এনগেজমেন্ট ফিচারগুলিতে অ্যাক্সেস থাকতে হবে।
আপডেট: PWAs আপ টু ডেট থাকে, একটি পরিষেবা বা সাইটের সর্বশেষ সংস্করণ পরিবেশন করে।
স্থাপন: ব্যবহারকারীদের অ্যাপ স্টোরের প্রয়োজন ছাড়াই সহজেই তাদের হোম স্ক্রিনে PWA 'ইনস্টল' করার অনুমতি দেয়।
ভাগ করা: PWA- কে কোন ইনস্টলেশন ছাড়াই শেয়ার করার জন্য শুধুমাত্র একটি URL প্রয়োজন।

আপনি দেখতে পাচ্ছেন, PWA- এর লক্ষ্য হল ব্যবহারকারীদের একটি নেটিভ অ্যাপের স্ট্রিমলাইন ফিচার এবং ইন্টারফেস ডিজাইনের সঙ্গে সম্পূর্ণ ওয়েবসাইট অভিজ্ঞতা প্রদান করা।

একটি প্রগতিশীল ওয়েব অ্যাপ কিভাবে কাজ করে?

প্রগ্রেসিভ ওয়েব অ্যাপের চাবি হল ব্রাউজার সার্ভিস কর্মী।

একজন সেবা কর্মী একটি স্ক্রিপ্ট যা আপনার ব্রাউজারের পটভূমিতে চলে, 'একটি ওয়েব পেজ থেকে আলাদা, এমন বৈশিষ্ট্যগুলির দরজা খুলে দেয় যার জন্য ওয়েব পেজ বা ব্যবহারকারীর মিথস্ক্রিয়া প্রয়োজন হয় না।' আপনি পরিষেবা কর্মীদের মত ব্যবহার করতে পারেন পুশ বিজ্ঞপ্তি এবং ব্যাকগ্রাউন্ড সিঙ্ক এই মুহুর্তে, কিন্তু অবিলম্বে PWA ভবিষ্যত এই স্ক্রিপ্টগুলিকে আরও বেশি শক্তি দেয়।

যেমন, পরিষেবা কর্মীরা প্রায় তাত্ক্ষণিক ফলাফলের জন্য ওয়েব ক্যাশে ব্যবহার করে PWA মানদণ্ডের ভিত্তি গঠন করে।

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

কিন্তু ডেভেলপারদের প্রধান সমস্যা হল অ্যাপক্যাচ ঠিক কিভাবে কাজ করে তার সাথে সরাসরি যোগাযোগের অভাব, ডেভেলপারদের সমস্যাগুলি সঠিকভাবে সমাধান করা বন্ধ করা। পরিবর্তে, সম্পূর্ণ অফলাইন কার্যকারিতা সহ ওয়েবসাইট এবং পরিষেবাগুলি একটি ঝুঁকিপূর্ণ পছন্দ ছিল।

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

উপরন্তু, ক্যাশে শুধুমাত্র অফলাইন গতি বৃদ্ধির জন্য নয়। উদাহরণস্বরূপ, আপনি একটি PWA- এর দিকে যাচ্ছেন, কিন্তু আপনার সংযোগ অত্যন্ত প্যাচাল। পরিষেবা কর্মী আপনার অভিজ্ঞতাকে বাধাগ্রস্ত না করে পূর্ববর্তী একটি ক্যাশে পরিপূর্ণভাবে কাজ করে।

প্রগতিশীল ওয়েব অ্যাপ ব্রাউজার সাপোর্ট

একটি প্রগতিশীল ওয়েব অ্যাপ ব্যবহারের জন্য দুটি প্রয়োজনীয়তা রয়েছে: একটি সামঞ্জস্যপূর্ণ ব্রাউজার এবং একটি PWA- সক্ষম পরিষেবা।

প্রথমে, ব্রাউজারগুলি দেখি। PWA ব্রাউজার সাপোর্ট চেক করার জন্য আপনার কাছে দুটি অপশন আছে। প্রথমটি হল জেক আর্কিবাল্ডস পরিষেবা কর্মী প্রস্তুত ? যা প্রধান ব্রাউজারের পিডব্লিউএ-প্রস্তুত অবস্থা, স্যামসাং ইন্টারনেটের সাথে সহজেই প্রদর্শন করে।

PWA ব্রাউজার সাপোর্টের আরও বিস্তারিত ওভারভিউয়ের জন্য, আপনার চেক আউট করা উচিত ন্ন , একটি ওয়েবসাইট যা ব্রাউজার সংস্করণ দ্বারা বিভিন্ন ওয়েব এবং ব্রাউজার প্রযুক্তির বাস্তবায়ন তালিকাভুক্ত করতে বিশেষজ্ঞ। উদাহরণস্বরূপ, যদি আপনি সার্চ বারে 'সার্ভিস ওয়ার্কার্স' ইনপুট করেন, তাহলে আপনি একটি টেবিল পাবেন যেটি সংস্করণ নম্বর প্রদর্শন করে যার সাথে প্রতিটি ব্রাউজার PWA পরিষেবা কর্মীদের বাস্তবায়ন করে।

আমি কি সার্ভিস ওয়ার্কার্স টেবিল ব্যবহার করতে পারি তা নিশ্চিত করে যে প্রধান ব্রাউজারগুলি PWA কে সমর্থন করে। এটি বিভিন্ন বিকল্প ডেস্কটপ ব্রাউজার এবং মোবাইল ব্রাউজারের জন্য PWA সমর্থনগুলিকেও চিত্রিত করে।

এটি আরও একটু ভেঙ্গে ফেলুন:

ডেস্কটপ ব্রাউজার (পূর্ণ সমর্থন): ক্রোম, ফায়ারফক্স, অপেরা, এজ, সাফারি
ডেস্কটপ ব্রাউজার (আংশিক সমর্থন/পুরনো সংস্করণ): QQ ব্রাউজার, বাইদু ব্রাউজার
মোবাইল ব্রাউজার (পূর্ণ সমর্থন): ক্রোম, ফায়ারফক্স, সাফারি, ইউসি ব্রাউজার, স্যামসাং ইন্টারনেট, মিন্ট ব্রাউজার, উইচ্যাট
মোবাইল ব্রাউজার (আংশিক সমর্থন/পুরনো সংস্করণ): QQ ব্রাউজার, অ্যান্ড্রয়েড ব্রাউজার, অপেরা মোবাইল

সুতরাং, প্রধান ব্রাউজারগুলি সমস্ত PWA সমর্থন করে। মাইক্রোসফট এজ এবং সাফারি সম্পূর্ণ সমর্থন তালিকায় সাম্প্রতিকতম সংযোজন। বিপরীতভাবে, QQ ব্রাউজার এবং Baidu ব্রাউজার উভয়ই এখন পুরানো সংস্করণ ব্যবহার করে এবং সেগুলি দ্বিতীয় স্তরে নেমে গেছে।

কিভাবে একটি প্রগতিশীল ওয়েব অ্যাপ্লিকেশন খুঁজে এবং ইনস্টল করবেন

এখন আপনি জানেন যে কোন ব্রাউজারটি ব্যবহার করতে হবে, আপনি একটি PWA অনুসন্ধান এবং ইনস্টল করার বিষয়ে চিন্তা করতে পারেন। এই উদাহরণের জন্য, আমি গুগল ক্রোমের সাথে একটি স্যামসাং গ্যালাক্সি এস 8 ব্যবহার করব।

প্রগতিশীল ওয়েব অ্যাপস সর্বত্র। একটি প্রগ্রেসিভ ওয়েব অ্যাপ সংস্করণ অফার করার জন্য অনেক কোম্পানি তাদের সাইট এবং পরিষেবাগুলিকে মানিয়ে নিয়েছে। অনেক ক্ষেত্রে, আপনি প্রথমে একটি PWA এর মুখোমুখি হবেন যখন আপনি হোমপেজ বা সেবার মোবাইল সাইটে যান, যা হোম পর্দায় যোগ করুন সংলাপ বাক্স.

আপনি যখন ভিজিট করেন তখন কি হয় তা দেখতে নিচের ভিডিওটি দেখুন টুইটার মোবাইল সাইট ।

অবশ্যই, অগণিত সাইট পরিদর্শন এবং হোম স্ক্রিন ট্রিগার দেখার আশা করা দরকারী নয়। প্রকৃতপক্ষে, এটি একেবারে সময়সাপেক্ষ। সৌভাগ্যক্রমে, আপনাকে এটি করতে হবে না কারণ PWA কে ক্যাটালগ করার জন্য কয়েকটি সাইট নিবেদিত রয়েছে।

প্রথম চেষ্টা outweb । এটি PWAs এর একটি সুন্দর শালীন পরিসীমা তালিকাভুক্ত করে, নতুন বিকল্পগুলি প্রায়শই উপস্থিত হয়। পরবর্তী, pwa.rocks চেষ্টা করুন। এটি একটি ছোট নির্বাচন আছে, কিন্তু কিছু সহজ PWAs যা আপনি আপনার ডিভাইসে যোগ করতে চান।

উপরন্তু, জানুয়ারী 2019 এ, অ্যান্ড্রয়েডের জন্য ক্রোম 72 বিশ্বস্ত ওয়েব অ্যাক্টিভিটি (TWA) দিয়ে পাঠানো হয়েছে। TWA Chrome ট্যাবগুলিকে একটি স্বতন্ত্র মোডে খুলতে দেয়। পরিবর্তে, এটি PWAs কে গুগল প্লে অ্যাপ স্টোরে বৈশিষ্ট্যযুক্ত করতে দেয়। গুগল প্লেতে প্রদর্শিত প্রথম কয়েকটি PWA ছিল টুইটার লাইট , ইনস্টাগ্রাম লাইট, এবং গুগল ম্যাপস গো , সময়ের সাথে আরো প্রদর্শিত হবে।

ছবি গ্যালারি (2 ছবি) বিস্তৃত করা বিস্তৃত করা বন্ধ

প্রগতিশীল ওয়েব অ্যাপস কি নেটিভ অ্যাপস প্রতিস্থাপন করবে?

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

অন্তত, আপাতত নয়।

আইপড থেকে আইটিউনসে সঙ্গীত স্থানান্তর

PWAs যদিও কাজ করে। পিডব্লিউএ পরিসংখ্যানগুলিতে উপলব্ধ ডেটাও এটিকে ফিরিয়ে দেয়। এখানে কয়েকটি আকর্ষণীয় সংখ্যা রয়েছে যা ব্যাখ্যা করে যে কিভাবে PWAs সাধারণত ব্যবহৃত ওয়েবসাইটগুলির সাথে আমাদের মিথস্ক্রিয়া পরিবর্তন করছে:

ট্রিভাগো ব্যবহারকারীদের একটি হোম স্ক্রিনে তাদের PWA যোগ করার জন্য 150 শতাংশ প্রবৃদ্ধি বৃদ্ধি দেখেছে।
ফোর্বসের 'PWA' হোমপেজ সম্পূর্ণ 0.8 সেকেন্ডের মধ্যে লোড হয়, 'যখন প্রতি ভিজিটের ছাপ 10 শতাংশ বেড়ে যায়। ফোর্বসের PWA ব্যবহারকারীর সেশনের দৈর্ঘ্যও দ্বিগুণ দেখেছে।
টুইটার লাইট প্রতি সেশনে পৃষ্ঠাগুলিতে 65 শতাংশ বৃদ্ধি দেখেছে, টুইটগুলিতে 75 শতাংশ বৃদ্ধি পেয়েছে। এটি 3G এর উপর 5 সেকেন্ডেরও কম সময়ে ইন্টারেক্টিভ।
আলিবাবা মোবাইল রূপান্তরে 76 শতাংশ বৃদ্ধি পেয়েছে।

PWAs এখনও মূলধারার নয়। কিন্তু তারা যে সুবিধাগুলি প্রদান করে, যেমন আপনার ডিভাইসে স্থান সঞ্চয় করে, আপনি ভবিষ্যতে তাদের সম্পর্কে আরও শুনতে পাবেন।

শেয়ার করুন শেয়ার করুন টুইট ইমেইল অ্যানিমেটিং স্পিচ এর একটি শিক্ষানবিশ গাইড

অ্যানিমেশন বক্তৃতা একটি চ্যালেঞ্জ হতে পারে। আপনি যদি আপনার প্রকল্পে সংলাপ যুক্ত করতে প্রস্তুত হন, তাহলে আমরা আপনার জন্য প্রক্রিয়াটি ভেঙে দেব।

পরবর্তী পড়ুন সম্পর্কিত বিষয়

ইন্টারনেট
প্রযুক্তি ব্যাখ্যা করা হয়েছে
ওয়েব
অ্যান্ড্রয়েড অ্যাপস
প্রগতিশীল ওয়েব অ্যাপস

লেখক সম্পর্কে গেভিন ফিলিপস(945 নিবন্ধ প্রকাশিত)

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

গেভিন ফিলিপস থেকে আরো

আমাদের নিউজলেটার সদস্যতা

প্রযুক্তি টিপস, রিভিউ, ফ্রি ইবুক এবং এক্সক্লুসিভ ডিলের জন্য আমাদের নিউজলেটারে যোগ দিন!

সাবস্ক্রাইব করতে এখানে ক্লিক করুন