जवाबों:
** आइए PWA के साथ Magento 2.3 की स्थापना शुरू करते हैं **
1. DIR / var / www / html / (m230 मेरी Magento 2.3 निर्देशिका है) में निम्नलिखित कमांड दर्ज करें:
composer create-project --repository=https://repo.magento.com/ magento/project-community-edition=2.3.* --stability=beta m2302. कमांड लाइन द्वारा 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-password=admin123 --language=en_US --currency=USD --timezone=America/Chicago --use-rewrites=13. आधार pwa थीम बनाएँ, जो उन्हें [PWA Venia थीम] के लिए माता-पिता बनेगी। [२५]
4. डायरेक्टरी बनाएं app/design/frontend/Magento/pwaऔर यहां बेस थीम की सभी फाइलों और डायरेक्ट्रीज को कॉपी करें।
आइए देखें कि बेस थीम उपलब्ध है या नहीं।
Run: php bin/magento setup:upgrade
और अपने Magento के व्यवस्थापक- > सामग्री-> थीम्स पर नेविगेट करें
5. PWA स्टूडियो प्रोजेक्ट डाउनलोड करें।
6. अपने Magento इंस्टॉलेशन के रूट डायरेक्टरी में नेविगेट करें और प्रोजेक्ट के मॉड्यूल डायरेक्टरी (pwa-studio / package / pwa-मॉड्यूल) से जुड़कर एक Pwa सिम्लिंक फ़ोल्डर बनाएं।
इस निर्देशिका से मैं अपना कमांड चलाता हूं - / var / www / html / m230
यह एक निर्देशिका है जहाँ मेरा pwa डाउनलोड स्रोत / var / www / html / PWA / है
ln -s /var/www/html/PWA/pwa-studio/packages/pwa-module app/code/Magento/Pwa7. लिंक विषय निर्देशिका के रूप में अच्छी तरह से। अपने Magento स्थापना की मूल निर्देशिका के लिए नेविगेट करें और परियोजना के मॉड्यूल निर्देशिका (pwa-स्टूडियो / संकुल / वेनिया-अवधारणा) से जोड़ने वाला Pwa सिम्लिंक फ़ोल्डर बनाएँ।
ln -s /var/www/html/PWA/pwa-studio/packages/venia-concept app/design/frontend/Magento/venia8. अब अपने pwa- स्टूडियो प्रोजेक्ट के वेनिया-कॉन्सेप्ट डायरेक्टरी में नेविगेट करें, .env.distएक नई .envफाइल में कॉपी करें और URL के साथ वेरिएबल्स को अपने Magento डेवलपमेंट स्टोर में अपडेट करें।
cd /var/www/html/PWA/pwa-studio/packages/venia-concept
cp .env.dist .env9. इंस्टॉल करें venia विषय और Pwa मॉड्यूल:
run: php bin/magento setup:upgradeहम देख सकते हैं कि वेनिया थीम सफलतापूर्वक स्थापित है।
10. से venia विषय कॉन्फ़िगर करें admin->Content->Configuration
11. पथ ( /var/www/html/PWA/pwa-studio) चलाने के लिए नेविगेट करें :
npm installया
npm install webpack-dev-server -g12. और अंत में नेविगेट करें /var/www/html/PWA/pwa-studio/packages/venia-concept
npm startबधाई हो! आपने वेनिआ थीम परियोजना के लिए अपना विकास वातावरण स्थापित किया है।
यदि आपको उत्पादन asap के लिए कुछ तैयार करने की आवश्यकता है: मैंने सिस्टम Vue Store Front (ओपन सोर्स सिस्टम) स्थापित किया है और उपयोग किया है, तो सवालों के सुस्त जवाब के माध्यम से उपलब्ध समुदाय, हालांकि मेरे पास कुछ हिट और मिस था लेकिन कुल मिलाकर सिस्टम इस स्तर पर बहुत उपयोगी है PWA एकीकरण का)
-> यह रिएक्ट के बजाय Vue का उपयोग करता है। और यह ElasticSearch और Docker का भी उपयोग करता है। कुल मिलाकर, यह प्रणाली मुख्य रूप से रेस्ट एपीआई के माध्यम से Magento 2 से जुड़ रही है (और ग्राफकॉक के साथ एक शुरुआत है)
आरंभ करना:
Git clone https://github.com/DivanteLtd/vue-storefront
cd vue-storefront
yarn install
npm run installerऔर फिर yarn devकैश को फ्लश करने के लिए लेकिन वॉच में बदलाव घड़ी की प्रक्रिया की तरह कुछ सेकंड के बाद किया जाना चाहिए।
बेशक, PWA कि Magento 2 बनाता है भी महान है लेकिन दुर्भाग्य से यह तेजी से आगे बढ़ रहा है और यह स्पष्ट नहीं है कि यह वीएस (ऊपर सिस्टम) के साथ प्रतिस्पर्धा करने के लिए कब तैयार होगा।
-> मुझे ग्राफ़िकल सीखना बेहतर लगा और संभवतः कस्टमाइज़ करना आसान था लेकिन यह उस समय के गलत कारण के लिए संभव था, यह PWA प्रतिक्रिया फ़ाइलों में कच्ची सीएसएस थी।
https://magento-research.github.io/pwa-studio/venia-pwa-concept/setup/
npm installअपने मैगनेटो 2.3 इंस्टाल पर, आपको वेन्या सैंपल डेटा ( https://magento-research.github.io/pwa-studio/venia-pwa-concept/install-sample-data/ ) देखना होगा
cd packages/venia-concept && npm run build
cd ../.. && npm run watch:veniaऔर यहां आपके पास एक नया PWA तैयार होना चाहिए: यह एक महीने पहले के रूप में तेजी से आगे बढ़ने के लिए लगता है, बहुत सारे डब्ल्यूआईपी थे और आज, मैं उदाहरण के लिए देख सकता हूं कि एसस एकीकरण जो गायब था। यह दूसरा विकल्प बेहतर हो सकता है यदि आप Magento समुदाय के साथ इस PWA को सीखने और बनाने के लिए तैयार हैं
निम्नलिखित कमांड का उपयोग करके सबसे पहले Node js का नवीनतम संस्करण स्थापित करें
- curl -sL https://deb.nodesource.com/setup_10.x | sudo bash -
- sudo apt-get install -y nodejs
- sudo apt install npmअब Magento रूट निर्देशिका पर जाएं:
- cd var/www/html/pwa-magento/PWA क्लोन निर्देशिका डाउनलोड करें और निम्न निर्देशिका का उपयोग करके इस निर्देशिका में npm स्थापित करें
- git clone https://github.com/magento-research/pwa-studio.git
- cd pwa-studio/
- sudo npm install
- cp packages/venia-concept/.env.dist packages/venia-concept/.env
- sudo npm run build==========================================
अगर npx को त्रुटि नहीं मिली PWA magento 2.3
- sudo npm i -g npxअगर इस तरह की त्रुटि मिली: मॉड्यूल 'एनवलिड' नहीं मिल सकता है तो निम्न कमांड चलाएं
- sudo npm install i envalid
- sudo npm install envalidयदि इस तरह की त्रुटि है तो निम्नलिखित कमांड चलाएं: लर्न ईआरआर! npm रन बिल्ड -s ited @ magento / venia-concept ’में 1 से बाहर
- sudo npm restart
- sudo npm run stage:venia
- sudo npm cache clean -f
- sudo npm install -g n
- sudo n stable / sudo n latest (depends on version)===========================================
- sudo npm i @magento/pwa-buildpack
- sudo npm i @magento/upward-js
- sudo npm i @magento/venia-concept
- sudo npm run build
- sudo npm run watch:venia
- sudo npm run watch:allआप निम्न ब्लॉग पर जा सकते हैं।
कैसे Magento 2.3 PWA सेटअप करने के लिए
साथ ही, यह विस्तार से बताएगा कि अपनी वेबसाइट और उपयोग के लिए Magento 2.3 PWA का उपयोग कैसे करें।
कार्य मैजेंटो 2.3 पीडब्ल्यूए डेमो की जाँच करें