Magento 2 এ প্রগ্রেসিভ ওয়েব অ্যাপস বা পিডব্লিউএ কি?

38

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

— আদিত্য শাহ
সূত্র

50

প্রগ্রেসিভ ওয়েব অ্যাপস কী?

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

পিডব্লিউএ কেন?

দ্রুত
সুরক্ষিত (উত্তরের দ্বিতীয় শেষ বিষয়)
প্রতিক্রিয়াশীল
ক্রস ব্রাউজার সামঞ্জস্যপূর্ণ
অফলাইন মোড (উত্তরের শেষ বিষয়টি দেখুন)
মোবাইল "ইনস্টল"
শেয়ারযোগ্য সামগ্রী

এই উত্তরটিও কভার করে - পিডাব্লুএ'র সাথে ম্যাজেন্টো ২.৩ ইনস্টল করা

ফ্লিপকার্টের একটি উদাহরণ নেওয়া যাক

ভারতের বৃহত্তম ই-কমার্স সাইট, ফ্লিপকার্ট তাদের ওয়েব উপস্থিতি এবং নেটিভ অ্যাপ্লিকেশনটিকে একটি প্রগতিশীল ওয়েব অ্যাপ্লিকেশনে একত্রিত করার সিদ্ধান্ত নিয়েছে যা রূপান্তরগুলিতে 70% বৃদ্ধি পেয়েছে

Flipkart

অভিগমন

উন্নত ফ্লিপকার্ট লাইট, একটি প্রগতিশীল ওয়েব অ্যাপ
দ্রুত লোড সময়ের জন্য পরিষেবা কর্মীদের যুক্ত করা হয়েছে
মসৃণ নেভিগেশন এবং 60 ফ্রেম / সেকেন্ডে স্ক্রোলিং
ব্যবহারকারীদের তাদের হোম স্ক্রিনগুলিতে মোবাইল ওয়েব পৃষ্ঠা যুক্ত করতে উত্সাহিত করার জন্য একটি "হোম স্ক্রিনে যুক্ত করুন" প্রম্পট তৈরি করা হয়েছে

ফলাফল

নতুন প্রগতিশীল ওয়েব অ্যাপ্লিকেশন ফ্লিপকার্টকে 70% রূপান্তর বাড়িয়ে তুলতে সহায়তা করে

ফ্লিপকার্ট অফলাইন মোডেও কাজ করে

পরিষেবা কর্মীরা প্রতিটি নেটওয়ার্কের অনুরোধটিকে বাধা দিতে এবং ব্যবহারকারী অফলাইনে থাকা অবস্থায়ও ক্যাশে থেকে প্রতিক্রিয়া জানাতে স্ক্রিপ্ট করা যায়।
পরিষেবা কর্মীদের মোড়কের গ্রন্থাগার যা সাধারণ নিদর্শনগুলি যেমন NetworkFirst, CacheFirstবা ব্যবহার করে সক্ষম করে NetworkOnly। ব্রাউজ পৃষ্ঠায় এবং শেষের কয়েকটি পরিদর্শন করা পণ্য পৃষ্ঠাতে পূর্ববর্তী অনুসন্ধানের ফলাফলগুলি সংরক্ষণ করার জন্য ফ্লিপকার্ট অ্যাপ্লিকেশনে ব্যবহৃত SW-Toolboxএকটি LRU ক্যাশে সরবরাহ করে ।
টুলবক্সেও TTL-based ক্যাশে অবৈধকরণ প্রক্রিয়া রয়েছে যা আমরা ব্যবহার করতে পারি পুরানো সামগ্রী pur পরিষেবা কর্মীরা নিম্ন-স্তরের স্ক্রিপ্টযোগ্য আদিম সরবরাহ করে যা এটি সম্ভব করে।

কিন্তু কিন্তু কিন্তু...

Magento PWA স্টুডিও কি?

• ম্যাজেন্টো পিডব্লিউএ স্টুডিও প্রকল্পটি এমন বিকাশকারী সরঞ্জামগুলির একটি সেট যা Magento 2 এর শীর্ষে পিডাব্লুএ স্টোরফ্রন্টের বিকাশ, স্থাপনা এবং রক্ষণাবেক্ষণের অনুমতি দেয়

Magento PWA স্টুডিও প্রকল্পটি নিম্নলিখিত সরঞ্জাম সরবরাহ করে:

PWA-মডিউল

এর সাহায্যকারীদের মতো মডিউল রয়েছে, সার্ভার-সাইড কার্যকারিতা রয়েছে এবং Magento PWA স্টুডিও ব্যবহার করে তৈরি সমস্ত থিমের ভিত্তি হিসাবে কাজ করে ।

pwa-buildpack -

বিল্ডপ্যাক হ'ল Webpackপ্লাগইন এবং সরঞ্জামগুলির একটি সেট যা ম্যাজেন্টো পিডব্লিউএ থিমগুলির বিকাশের জন্য ব্যবহৃত হয়।
এটি Magento 2 প্ল্যাটফর্মের জন্য স্থানীয় বিকাশের পরিবেশ নির্ধারণ ও কনফিগার করতে ব্যবহৃত হয়।

এটিতে নিম্নলিখিত সরঞ্জামগুলি রয়েছে:

PWADevServer
ম্যাজেন্টো সমাধানকারী
ম্যাজেন্টো রুট উপাদানগুলি প্লাগইন
Magento-বিন্যাস-লোডার
পরিষেবা কর্মী প্লাগইন

তীর্থভ্রমণরত - তীর্থভ্রমণরত একটি সেটReact componentsমত Magento-নির্দিষ্ট বৈশিষ্ট্য হ্যান্ডেল করার জন্য তৈরি করাrouting,root-components, লেআউট হ্যান্ডলার, পণ্য তালিকা, মূল্য প্রদর্শন, ইত্যাদি

ভেনিয়া থিম -venia-conceptম্যাজেন্টো পিএডাব্লুএ স্টুডিও ব্যবহার করে ম্যাজেন্টো দ্বারা নির্মিত একটি ডেমো থিম। এটি বর্তমানে উপলব্ধ সমস্ত কার্যকারিতা, কর্মপ্রবাহ এবং পৃষ্ঠাগুলির প্রদর্শন করে

পিডাব্লুএ স্টুডিও নয়

ম্যাজেন্টোর একটি নতুন প্রকাশ release
সমস্ত ফ্রন্ট- এন্ডের একটি প্রতিস্থাপন
একটি ডেস্কটপ অ্যাপ্লিকেশন

পিডব্লিউএ স্টুডিওগুলিতে ব্যবহৃত সরঞ্জাম এবং লাইব্রেরি

Webpack

ওয়েবপ্যাকের প্রাথমিক কাজটি হল আপনার প্রকল্পের মডিউলগুলির নির্ভরতা থেকে এক বা একাধিক বান্ডিল তৈরি করা।

অ্যাপ্লিকেশন শেল

মোট আকার ছোট
প্রাথমিক লোড তিনটি ফাইল অনুরোধ: login.html, shell-1234.js,3456.js
প্রাথমিক লোড লোড করা প্রয়োজন: Shell + Router + content
পৃষ্ঠা শেল পদ্ধতির চেয়ে শেলটি আগে দেখা যায়।

পৃষ্ঠা শেল

মোট আকার বড় (যেমন ড্যাশবোর্ডের সামগ্রী ড্যাশবোর্ড -1234.js এবং 4567.js এ রয়েছে)
অ্যাপ্লিকেশনটি অফলাইনে প্রস্তুত হতে আরও বেশি সময় নেয়।
প্রাথমিক লোড মাত্র দুটি ফাইল অনুরোধ: login.html,login-2345.js
প্রাথমিক লোড লোড করা প্রয়োজন: Shell + content
shell + contentঅ্যাপ শেল পদ্ধতির চেয়ে দৃশ্যমান আগে নয়।

শেল এবং সামগ্রী দুটি অনুরোধে পৃথক করা হয় যেখানে একটি সংকর পদ্ধতির ব্যবহার করা যেতে পারে (উদাহরণ হিসাবে অ্যাডমিন পৃষ্ঠা দেখুন)। শেল এবং শেলের চেয়ে কন্টেন্টটি আরও বড় হওয়া উচিত এটি আগে দেখা যায়।

ReactJs

ব্যবহারকারী ইন্টারফেস তৈরির জন্য একটি জাভাস্ক্রিপ্ট লাইব্রেরি।

Redux

একটি ওয়েব অ্যাপ্লিকেশনটিতে রাষ্ট্র পরিচালনার জন্য ব্যবহৃত একটি জাভাস্ক্রিপ্ট লাইব্রেরি।

GraphQL

ক্লায়েন্ট পক্ষের একটি ডেটা কোয়েরি ভাষা এবং সার্ভার সাইডে একটি পরিষেবা স্তর।

ম্যাজেন্টোতে গ্রাফকিউএল

প্রমাণীকরণ এবং স্কিমা

ফ্রন্ট-এন্ড ক্যোয়ারীর পরিমাণ হ্রাস করা

ফেজ রেন্ডার

ডেস্কটপ ব্রাউজার সামঞ্জস্য

সমর্থিত নয় : আইই, সাফারি

মোবাইল ব্রাউজার সামঞ্জস্য

সমর্থিত নয় : অ্যান্ড্রয়েড ওয়েবভিউ, আইই, সাফারি

পিডব্লিউএ আরও সুরক্ষিত

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

পিডব্লিউএ - অফলাইন মোড

অফলাইন উইকিপিডিয়া অ্যাপ্লিকেশন শেল মডেল ব্যবহার করে এমনএকটি পিডাব্লুএর একটি ভাল উদাহরণ।

এটি তাত্ক্ষণিক পুনরাবৃত্ত দর্শনে লোড হয়, তবে জেএস ব্যবহার করে গতিশীল কন্টেন্ট আনে।
এই বিষয়বস্তুটি ভবিষ্যতে দেখার জন্য অফলাইনে ক্যাশে হবে is

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

পিডাব্লুএ'র সাথে ম্যাজেন্টো 2.3 ইনস্টলেশন শুরু করুন Le

1. ডিআইআর / ভার / www / এইচটিএমএল / (এম 203 আমার ম্যাগেন্টো ২.৩ ডিরেক্টরি) তে নিম্নলিখিত কমান্ডটি লিখুন:

composer create-project --repository=https://repo.magento.com/ magento/project-community-edition=2.3.* --stability=beta m203

2. কমান্ড লাইন দ্বারা Magento ইনস্টল করুন:

bin/magento setup:install --base-url=http://localhost/m230 --db-host=localhost --db-name=m230 --db-user=root --db-password=root --backend-frontname=admin --admin-firstname=admin --admin-lastname=admin --admin-email=admin@admin.com --admin-user=admin --admin-paassword=admin123 --language=en_US --currency=USD --timezone=America/Chicago --use-rewrites=1

৩. বেস পিওয়া থিম তৈরি করুন যা পিডব্লিউএ ভেনিয়া থিমের পিতা-মাতা হবে ।

আপাতত ক্লোন বেস পিওয়া থিমের সংগ্রহস্থলটি আসুন। https://github.com/magento-research/theme-frontend-pwa

৪. ডিরেক্টরি তৈরি করুন app/design/frontend/Magento/pwaএবং বেস থিমের সমস্ত ফাইল এবং ডিরেক্টরিগুলি অনুলিপি করুন।

আসুন চেক বেস থিম উপলব্ধ বা না উপলব্ধ।
Run: php bin/magento setup:upgrade
এবং আপনার ম্যাজেন্টো অ্যাডমিন-> সামগ্রী-> থিমগুলিতে নেভিগেট করুন

৫. পিডব্লিউএ স্টুডিও প্রকল্পটি ডাউনলোড করুন।

Your. আপনার ম্যাজেন্টো ইনস্টলেশনের রুট ডিরেক্টরিতে নেভিগেট করুন এবং প্রকল্পের মডিউল ডিরেক্টরিতে সংযোগ স্থাপনের জন্য একটি PWA সিমলিংক ফোল্ডার তৈরি করুন (pwa- স্টুডিও / প্যাকেজ / pwa- মডিউল)।

এই ডিরেক্টরি থেকে আমি আমার কমান্ড চালিয়েছি - / var / www / html / m230
এটি আমার ডিরেক্টরিতে ডাউনলোড করা উত্স / var / www / html / PWA / ডিরেক্টরি

ln -s /var/www/html/PWA/pwa-studio-master/packages/pwa-module app/code/Magento/Pwa

Theme. থিম ডিরেক্টরিটিও লিঙ্ক করুন your আপনার ম্যাজেন্টো ইনস্টলেশনের রুট ডিরেক্টরিতে নেভিগেট করুন এবং প্রকল্পের মডিউল ডিরেক্টরিতে সংযুক্ত একটি পিওয়া সিমলিংক ফোল্ডার তৈরি করুন (pwa- স্টুডিও / প্যাকেজ / ভেনিয়া-ধারণা)।

ln -s /var/www/html/PWA/pwa-studio-master/packages/venia-concept app/design/frontend/Magento/venia

৮. এখন আপনার pwa- স্টুডিও প্রকল্পের ভিনিয়া-ধারণা ডিরেক্টরিতে নেভিগেট করুন, .env.distএকটি নতুন .envফাইলে অনুলিপি করুন এবং আপনার ম্যাজেন্টো ডেভলপমেন্ট স্টোরটিতে URL সহ ভেরিয়েবলগুলি আপডেট করুন।

cd /var/www/html/PWA/pwa-studio-master/packages/venia-concept

cp .env.dist .env

9. ভিনিয়া থিম এবং পিওয়া মডিউল ইনস্টল করুন:

run: php bin/magento setup:upgrade

আমরা দেখতে পাচ্ছি ভেনিয়া থিমটি সফলভাবে ইনস্টল হয়েছে।

10. ভেনিয়া থিমটি কনফিগার করুন admin->Content->Configuration

১১.পথ ( /var/www/html/PWA/pwa-studio-master) রানে নেভিগেট করুন :

npm install

অথবা

npm install webpack-dev-server -g

12. এবং অবশেষে নেভিগেট করুন /var/www/html/PWA/pwa-studio-master/packages/venia-concept

npm start

অভিনন্দন! আপনি ভেনিয়া থিম প্রকল্পের জন্য আপনার বিকাশের পরিবেশ স্থাপন করেছেন।

— আদিত্য শাহ
সূত্র

4

শুভ আর অ্যান্ড ডি !! এটি বিকাশকারীদের জন্য সহায়ক হবে।

— সানি রাহ্বর

3

@ আদিত্যশাহ দুর্দান্ত খুব ভাল উত্তর। :)

— যুবরাজ প্যাটেল

এই পদক্ষেপটি কোনওভাবেই কাজ করছে না: ln -s pwa-स्टুডিও / প্যাকেজগুলি / pwa- মডিউল অ্যাপ্লিকেশন / ডিজাইন / সম্মুখভাগ / ম্যাজেন্টো / ভেনিয়া বা এর ভেরিয়া থিম তৈরি করছে না

— হাসান আলী শাহজাদ

অনুগ্রহ করে পদক্ষেপ নং

— আদিত্য শাহ

উপরের পদক্ষেপগুলি অনুসরণ করার পরে @ আদিত্যশাহ, আমি ব্রাউজারের মাধ্যমে সাইটের সাথে সংযোগ করতে সক্ষম হই না। দয়া করে সংযুক্ত স্ক্রিনশটগুলি দেখুন prnt.sc/m4tlbx

— user00247

6

পিডব্লিউএ - প্রগ্রেসিভ ওয়েব অ্যাপ্লিকেশন হ'ল সাধারণত ওয়েব অ্যাপ্লিকেশন যা ব্যবহারকারী সমৃদ্ধ ওয়েবকে অভিজ্ঞতা দেয়। এর পথে:

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

"এর অর্থ কী যে ম্যাগেন্টো একটি প্রগতিশীল ওয়েব অ্যাপ্লিকেশন প্ল্যাটফর্মে পরিণত হচ্ছে?"

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

আরইএসটি এপিআই এবং পিডব্লিউএগুলির সাথে কী চুক্তি হয়?

যেহেতু ম্যাজেন্টো "পিডব্লিউএ" ব্যবহার করছে এটি "গ্রাফকিউএল" এপিআই হিসাবে "আরইএসটি / এসওএপি" বিকল্পের ফ্রন্ট-এন্ড ডেভলপমেন্ট সাইড এপিআই বিকল্পের জন্য "গ্রাফকিউএল এপিআই" যুক্ত করছে।

"পিডাব্লুএ" এবং "ম্যাজেন্টো 2.3 ওপেন-কমার্স" এর নতুন বৈশিষ্ট্য সম্পর্কে আরও বিশদ পাওয়ার জন্য আপনি এই ম্যাজেন্টোর অফিসিয়াল পৃষ্ঠাটি দেখতে পারেন ।

— হিমাংশু
সূত্র

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

— আদিত্য শাহ

তাহলে পরিষেবা যোগাযোগের পদ্ধতিটি হ্রাস হবে?

— আদিত্য শাহ

1

@ আদিত্যশাহ না, এটি সেখানে গ্রাফকিউল এপিআই হ'ল এটি "ডেটা ক্যোয়ারী ল্যাঙ্গুয়েজ" এর মতো সীমানা বিকাশের জন্য, গ্রাফকিউএল আপনাকে আপনার প্রয়োজনীয় ডেটার কাঠামো সংজ্ঞায়িত করতে দেয়।

If you run a REST call such as GET /V1/products/:sku on a simple product, the system might fetch more than 100 lines of data. If all you need is the current price, the call has returned significantly more information than you need. With GraphQL, a query against the same SKU could return just the price.

— হিমাংশু

ওহহহ ওকেয়েম তখন আমরা এপিআইগুলি কাস্টমাইজ করতে পারি এবং নতুন তৈরি করতে পারি ঠিক যেমন এখন এটি করছি .. এবং সেখানে গ্রাফকিউএল প্রয়োগ করতে পারেন

— আদিত্য শাহ

আপনি এখানে থেকে গ্রাফকিউএল

— হিমাংশু

4

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

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

অ্যাপ্লিকেশন মানে এটি ক্রেতার ডিভাইস বা কম্পিউটারে কোড ইনস্টল করে এবং রান করে। এটি করা অতীতের একক পৃষ্ঠার জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনগুলির চেয়ে বেশি গতি এবং ক্ষমতা তৈরি করে।

পিডব্লিউএগুলি মূলত নিয়মিত ওয়েব পৃষ্ঠা এবং মোবাইল অ্যাপ্লিকেশনগুলির একটি সংকর যা ওয়েবে মোবাইল অ্যাপের মতো অভিজ্ঞতার জন্য অনুমতি দেয়।

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

আপনি https://github.com/magento-research/pwa-studio এ কোড কাঠামোটি পরীক্ষা করতে পারেন

ম্যাজেন্টো পিডব্লিউএ পিডাব্লুএর জন্য আরএসপি এপিআইয়ের বিকল্প হিসাবে গ্রাফিক্যুয়াল ব্যবহার করছে ।

Magento PWA সম্পর্কিত আরও তথ্যের জন্য, আপনি নীচের লিঙ্কগুলি দিয়ে যেতে পারেন:

— আনশু মিশ্র
সূত্র

সুতরাং এর অর্থ কি এই যে ম্যাজেন্টো ২.৩ প্রয়োগের সাথে আসবে?

— আদিত্য শাহ

হ্যাঁ, পিডব্লিউএ ২.৩ দিয়ে প্রকাশিত হবে তবে এটি ওপেন সোর্স দিয়েও বান্ডেল হবে কিনা তা নিশ্চিত নয়। আমি যা ভাবছি তা হ'ল এটি ওপেন সোর্সের জন্য বাণিজ্য এবং অ্যাডঅন দ্বারা বান্ডিল হবে।

— আনশু মিশ্র

কারণ যদি ম্যাজেন্টো পিডব্লিউএ পিডাব্লুএর জন্য REST এপিআইয়ের বিকল্প হিসাবে গ্রাফকিউএল ব্যবহার করে। তারপরে REST API পরিষেবা যোগাযোগ এবং ইন্টারফেস এবং মডেলগুলির উপর ভিত্তি করে কাজ করছে .. তারপরে পরিষেবা যোগাযোগের পদ্ধতিটি হ্রাস হবে?

— আদিত্য শাহ

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

— আনশু মিশ্র

3

প্রগতিশীল ওয়েব অ্যাপ্লিকেশন হ'ল ইনস্টলযোগ্য মোবাইল অ্যাপ্লিকেশন এবং ওয়েবসাইটগুলির মধ্যবর্তী স্থল। আমরা ২০১২ সালের মধ্যে ডেস্কটপগুলির চেয়ে মোবাইল ডিভাইস থেকে ইন্টারনেটে আরও ট্র্যাফিক দেখতে পাবে P পিডাব্লুএএ রূপান্তর বাড়াতে ওয়েবসাইটগুলির চেহারা ও অনুভূতি উন্নত করে।

পিডাব্লুএগুলি দ্রুত, নিখরচায়, "অ্যাপ-এর মতো" অফার দেয় আরও ট্র্যাফিক ড্রাইভিং, উচ্চ রূপান্তরকরণ এবং ম্যাজেন্টো বণিকদের জন্য দ্রুত পৃষ্ঠা লোড টাইমসের অভিজ্ঞতা

তাই সাধারণত, ম্যাগেন্তো রূপান্তর বাড়ানোর জন্য নিজের চেহারা এবং অনুভূতির রূপান্তর করছে। এটি সম্পর্কে এখানে আরও পড়ুন ।

পিডব্লিউএগুলি সাধারণত জাভাস্ক্রিপ্ট, সিএসএস এবং এইচটিএমএল দিয়ে তৈরি করা হয় যা দেশীয় অ্যাপ্লিকেশনগুলির মতো প্রায় অনুরূপ পারফরম্যান্স এবং ব্যবহারযোগ্যতার স্তরের রয়েছে। পিডব্লিউএগুলির মধ্যে রয়েছে বিশেষত্বগুলি:
1. তারা প্রগতিশীল কোডবেস (প্রায়শই রিঅ্যাক্ট জেএসের মতো উপাদানগুলির উপর ভিত্তি করে) সহ ব্রাউজার এবং ডিভাইসগুলির (মোবাইল এবং ডেস্কটপ) বেশিরভাগ (সমস্ত না থাকলে) নিয়ে কাজ করে
2. একটি প্রতিক্রিয়াশীল ডিজাইন ব্যবহার করে সমস্ত স্ক্রীন এবং ফর্ম ফ্যাক্টরগুলি ফিট করুন অফলাইনে সংযোগ সক্ষম করতে লিভারেজ পরিষেবা কর্মীদের (HTTPS প্রয়োজনীয়)
3. একটি অ্যাপের মতো অভিজ্ঞতা সরবরাহ করুন যা পুনরায়-বাগদানের সরঞ্জামগুলি, যেমন পুশ নোটিফিকেশনগুলিতে সুবিধা দেয়
4. ব্যবহৃত সম্পদ বর্ণনা করতে একটি ওয়েব অ্যাপ্লিকেশন ম্যানিফেস্টের উত্তোলন করুন

আপনি এখানে আরও পড়তে পারেন।

এসওএপি (সিম্পল অবজেক্ট অ্যাক্সেস প্রোটোকল) এবং আরইএসটি (প্রতিনিধিত্বমূলক স্টেট ট্রান্সফার) হ'ল সাধারণ ওয়েব সার্ভিস যোগাযোগ প্রোটোকল। REST বেশিরভাগ অংশের জন্য এসওএপি পছন্দ করা হয় ( এখানে ব্যাখ্যা করা হয়েছে )। তাই পিআরডাব্লুএ'র মতো নতুন প্রযুক্তির সাথে আরএসটিআইপিগুলি হাতে হাতে ব্যবহার করা যৌক্তিক।

— ইলিশা সেনু
সূত্র

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

— আদিত্য শাহ

পিএসডাব্লিউএতে একীভূত হবেন?

— আদিত্য শাহ

হ্যাঁ, পিডব্লিউএগুলি REST এবং SOAP API উভয়ই গ্রাস করে তবে REST পছন্দ করা হয় ST

— ইলিশা সেনু

2

আপনার প্রশ্নের একটি অংশের উত্তর দেওয়ার জন্য তবে আরও নির্দিষ্ট Magento 2 নির্দিষ্ট।

ভবিষ্যতে ম্যাজেন্টো ২.৩ প্রকাশের জন্য পিডব্লিউএ আরও সহজভাবে ধন্যবাদ তৈরি করা সহজ হবে।

https://www.degdigital.com/insights/magento-2-3/

এই নিবন্ধ থেকে উদ্ধৃত:

PWA

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

ম্যাজেন্টো এটির একাধিক সুবিধাগুলি স্বীকৃতি দেয় এবং 2017 সালের শেষদিকে এটি পিডাব্লুএ স্টুডিও যা বলে তা তৈরিতে তার প্রচেষ্টা ঘোষণা করে। পিডাব্লুএ স্টুডিওতে ম্যাজেন্টোর সামনের প্রান্তে একটি পিডাব্লুএ বিকাশ এবং মোতায়েনের সরঞ্জাম থাকবে পিডব্লিউএ স্টুডিওর পাশাপাশি একটি হালকা ওজন আসবে (বৈশিষ্ট্য-পূর্ণ নয়) ডেমো সাইট। তাত্ক্ষণিক সুবিধাগুলি ফ্রন্ট-এন্ড পারফরম্যান্সে একটি বড় বৃদ্ধি এবং নতুন ম্যাজেন্টো ফ্রন্ট-এন্ড বিকাশকারীদের চালনার গতিতে 10 এক্সের কাছাকাছি বৃদ্ধি হবে।

সম্পর্কিত সামগ্রী: পিডব্লিউএগুলি এখানে রয়েছে এবং তারা সবকিছু পরিবর্তন করছে

GraphQL

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

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

— ফ্রাঙ্ক গার্নিয়ার
সূত্র

1

প্রগতিশীল ওয়েব অ্যাপ্লিকেশন ওয়েব ব্রাউজারের ক্ষমতা ব্যবহার করে এবং ব্যবহারকারীদের জন্য অভিজ্ঞতার মতো একটি মোবাইল অ্যাপ্লিকেশন সরবরাহ করে।

এটি একটি ব্রাউজার ট্যাব থেকে বিকাশ করে এবং কম ঘর্ষণ ব্যবহারকারী অভিজ্ঞতার সাথে পৃষ্ঠাগুলিকে আরও নিমজ্জন করে তোলে। এটি এমন একটি ওয়েবসাইট তৈরির একটি ওয়েব প্রযুক্তি যা কোনও অ্যাপ্লিকেশনটির মতো কাজ করে এবং অনুভব করে।

কোনও ব্যবহারকারী ব্রাউজার পছন্দ নির্বিশেষে দেশীয় অ্যাপ্লিকেশনটির মতোই প্রগ্রেসিভ ওয়েব অ্যাপ্লিকেশন চালু করতে পারেন।

ডেমো পরীক্ষার জন্য, আপনি এই লিঙ্কটিতে দেখতে পারেন: এখানে ক্লিক করুন

— রোহান হাপানী
সূত্র

1

এটি I / O 2017 I / O 2017 চলাকালীন একটি গুগল পণ্য চালু হয়েছে: https://www.youtube.com/watch?time_continue=14&v=cmGr0RszHc8

এটি এইচটিএমএল ভিত্তিক একটি ওয়েবসাইট।

এটি কোনও ডিভাইসে ক্যাশে সঞ্চয় করে যাতে কেউ এটি অফলাইনেও ব্যবহার করতে পারেন।

যাইহোক, প্রথমবার এটি ধীর গতিতে যা দ্বিতীয় দফায় আসবে।

এটি আপডেট হচ্ছে যখন ডিভাইসটি ইন্টারনেট পায় তাই অ্যাপগুলির মতো নতুন জিনিস আপডেট করার দরকার নেই।

কেউ যদি অফলাইনে কিছু পোস্ট করে তবে ডিভাইসটি ইন্টারনেট পেলে এটি সার্ভারে সমস্ত ইমেল ট্রিগার করে।

শেষ পর্যন্ত, আইফোন / অ্যান্ড্রয়েড অ্যাপ্লিকেশনটি তৈরি করার দরকার নেই।

সীমাবদ্ধতা এটি কেবল HTML ফাইলকেই সমর্থন করে। সুতরাং ডিভাইসটির এইচটিএমএল সমর্থন করা উচিত।

There is no store to search PWA application.

Login with FB or else will not be worked.

Not supported in IE.

— জুবের বান্দি
সূত্র

1

পিডাব্লুএ সেটআপ (লিনাক্স ওএস)

পদক্ষেপ 1: ম্যাজেন্টো 2.3.1 ইনস্টল করুন

পদক্ষেপ 2: ইনস্টল / আপগ্রেড নোড

নোড আপগ্রেড করার জন্য এনপিএম থেকে এন মডিউল ব্যবহার করুন

sudo npm install n -g

সর্বশেষতম স্থিতিশীল সংস্করণের জন্য:

sudo n stable

সর্বশেষ সংস্করণ জন্য:

sudo n latest

পদক্ষেপ 3: সুতা ইনস্টল / আপডেট করুন:

sudo npm install --global yarn

sudo npm upgrade --global yarn

পদক্ষেপ 4: নোড-জিপ ইনস্টল করুন - নোড.জেএস নেটিভ অ্যাডন বিল্ড টুল

sudo npm install -g node-gyp

পদক্ষেপ 5: পিডব্লিউএ স্টুডিও সংগ্রহস্থলটি ক্লোন করুন

এইচটিএমএল রুটে যান এবং চালান:

git clone https://github.com/magento-research/pwa-studio.git

এটি চালানোর পরে আপনি pwa- স্টুডিও ফোল্ডার পাবেন

পদক্ষেপ।: পিডাব্লুএ স্টুডিও নির্ভরতা ইনস্টল করুন

sudo yarn install

পদক্ষেপ 7: ম্যাজেন্টো ব্যাকএন্ড সার্ভার নির্দিষ্ট করুন

Under the packages/venia-concept directory, copy .env.dist into a new .env file:

উদাহরণ কমান্ড:

sudo cp packages/venia-concept/.env.dist packages/venia-concept/.env

.env ফাইলে পরিবর্তন করুন (এটি আপনার ম্যাজেন্টো URL হবে, অ্যাডমিন url নয়):

MAGENTO_BACKEND_URL="https://release-dev-231-npzdaky-zddsyhrdimyra.us-4.magentosite.cloud/"

পদক্ষেপ 8: এখন একটি বিল্ড তৈরি করুন

sudo yarn run build

পদক্ষেপ 9: সার্ভারটি চালান

sudo yarn run watch:venia

কেবল ভেনিয়া স্টোরফ্রন্টের বিকাশের পরিবেশ শুরু করে।

sudo yarn run watch:all

সম্পূর্ণ পিডব্লিউএ স্টুডিও বিকাশকারী অভিজ্ঞতা চালায়, যার মধ্যে ভেনিয়া হট-রিলোডিং এবং সমবর্তী বিল্ডপ্যাক / পেরেগ্রিন পুনর্নির্মাণগুলি অন্তর্ভুক্ত।

sudo yarn run build && yarn run stage:venia

নিদর্শনগুলি তৈরি করে এবং মঞ্চ পরিবেশকে চালিত করে, যা আরও সংকোচিত সম্পদ ব্যবহার করে এবং আরও উত্পাদন ঘনিষ্ঠভাবে প্রতিফলিত করে।

আপনি উপরের একটি কমান্ড চালানোর পরে আপনি পিডাব্লুএ দ্বারা নির্মিত ভার্চুয়াল url পাবেন।

দ্রষ্টব্য: আপনি যদি রড ব্যবহারকারী হন তবে sudo ব্যবহার করুন।

ম্যাজেন্টো 2 অফিসিয়াল ডেভ ডক্স অনুসরণ করুন:

https://devdocs.magento.com/guides/v2.3/pwa/

— সাফল ঝা
সূত্র

1

আরি আপনাকে ধন্যবাদ সিরজি :)

— আদিত্য শাহ

1

dua main yaad rakhna :)

— সাফলাল ঝা