अपने रेफरल लिंक को बढ़ावा देने के लिए एक विज्ञापन अभियान के हिस्से के रूप में एक और पोस्ट। पहले और दूसरे प्रकाशनों में, मैंने फ्रंट सर्वर, एपीआई सर्वर और दो सहायक सेवाओं (एलीस्टीचर्च एंड रेडिस) को उठाया, जो कि एपीआई सर्वर द्वारा उपयोग किए जाते हैं। इस कदम पर, मैंने एक मौजूदा Magento परियोजना के कुछ डेटा को अपने परीक्षण VSF एप्लिकेशन में अपलोड करने का प्रयास किया।

तीसरे चरण में, कुछ प्रगति दिखाई दी है। ब्राउज़र में PWA एप्लिकेशन ने एक त्रुटि रिपोर्ट करना बंद कर दिया और अधिक या कम सभ्य होम पेज दिखाना शुरू कर दिया। भले ही उस डेटा के साथ नहीं जो मेरे मैगेंटो-प्रोजेक्ट में था। कोई भी बदलाव पेट भरने से बेहतर है।

बिल्ली के तहत कैसे अपने Magento स्टोर से Vue StoreFront आवेदन करने के लिए डेटा अपलोड करने के लिए एक विवरण है ताकि डेमो डेटा क्लाइंट के बजाय प्रदर्शित किया जाता है। हां, परिणाम फिर से बहुत अच्छा नहीं है, लेकिन विज्ञापन अभियान के लिए यह सबसे महत्वपूर्ण बात नहीं है।

लक्ष्य

मैगेंटो-एप्लिकेशन से वीएसएफ-एप्लिकेशन तक डेटा ट्रांसफर सेट करें।

shemka

इस स्तर पर, वीएसएफ I के काम में शामिल घटक यहां इस प्रकार दर्शाए गए हैं:

काम का माहौल

वर्तमान पुनरावृत्ति में, मैंने लिनक्स उबंटू 18.04 एलटीएस 64-बिट सर्वर (2x 2198 मेगाहर्ट्ज सीपीयू, 4 जीबी रैम, 10 जीबी डिस्क) के मध्यम संस्करण का उपयोग किया, क्योंकि छोटे संस्करण, सभी सेवाओं को शुरू करने के बाद, vue-storefront निर्माण करते समय धीमा हो गया। यह संभावना नहीं है कि किसी को भी संदेह है कि 4 जीबी रैम 2 जीबी से 2 गुना बेहतर है।

पिछले चरण

पिछले चरणों की क्रियाओं को निम्न स्क्रिप्ट के साथ वर्णित किया जा सकता है:

 #!/usr/bin/env/bash # Exit immediately if a command exits with a non-zero status. set -e ## ======================================================================== # Configuration variables ## ======================================================================== HOST_VSF="185.19.28.48" # VSF Server (contains Front/API servers, Elasticsearch & Redis services) ## ======================================================================== # Update current packages and install new ones ## ======================================================================== # nodejs & yarn curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - curl -sL https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - sudo add-apt-repository "deb https://dl.yarnpkg.com/debian/ stable main" # Elasticsearch curl -sL https://artifacts.elastic.co/GPG-KEY-elasticsearch | sudo apt-key add - # use ElasticSearch v5.x # (see https://github.com/DivanteLtd/vue-storefront-api/blob/master/docker/elasticsearch/Dockerfile) echo "deb https://artifacts.elastic.co/packages/5.x/apt stable main" | sudo tee -a /etc/apt/sources.list.d/elastic-5.x.list # Upgrade current packages and install new: sudo apt update sudo apt upgrade -y sudo apt install -y nodejs yarn openjdk-11-jre-headless elasticsearch redis-server sudo npm install pm2@latest -g # Change file permissions on user's home (`.confiig` folder is created under root permissions`) sudo chown -R "${USER}" ~ ## ======================================================================== # Clone VSF applications ## ======================================================================== cd ~ git clone https://github.com/DivanteLtd/vue-storefront.git git clone https://github.com/DivanteLtd/vue-storefront-api.git ## ======================================================================== # Configure services and apps ## ======================================================================== sudo cp /etc/elasticsearch/elasticsearch.yml /etc/elasticsearch/elasticsearch.yml.orig cat <<EOM | sudo tee /etc/elasticsearch/elasticsearch.yml # see https://github.com/DivanteLtd/vue-storefront-api/blob/master/docker/elasticsearch/config/elasticsearch.yml cluster.name: "docker-cluster" network.host: 0.0.0.0 discovery.zen.minimum_master_nodes: 1 discovery.type: single-node EOM sudo cp /etc/redis/redis.conf /etc/redis/redis.conf.orig cat <<EOM | sudo tee /etc/redis/redis.conf # is composed from `redis.conf.orig` bind 0.0.0.0 port 6379 tcp-backlog 511 timeout 0 tcp-keepalive 300 daemonize yes supervised no pidfile /var/run/redis/redis-server.pid loglevel notice logfile /var/log/redis/redis-server.log databases 16 EOM cat <<EOM | tee ~/vue-storefront/config/local.json { "server": { "host": "0.0.0.0", "port": 3000 }, "redis": { "host": "${HOST_VSF}", "port": 6379, "db": 0 }, "graphql": { "host": "${HOST_VSF}", "port": 8080 }, "api": { "url": "http://${HOST_VSF}:8080" }, "elasticsearch": { "indices": [ "vue_storefront_catalog" ] } } EOM cat <<EOM | tee ~/vue-storefront-api/config/local.json { "server": { "host": "0.0.0.0", "port": 8080 }, "elasticsearch": { "host": "localhost", "port": 9200 }, "redis": { "host": "localhost", "port": 6379 } } EOM ## ======================================================================== # Build apps ## ======================================================================== cd ~/vue-storefront yarn install yarn build cd ~/vue-storefront-api yarn install yarn build ## ======================================================================== # Start services and apps ## ======================================================================== sudo service elasticsearch start sudo service redis-server start cd ~/vue-storefront && yarn start cd ~/vue-storefront-api && yarn start 

एकीकरण के विकल्प

इंटरनेट पर, मुझे Magento-store और VSF को एकीकृत करने के दो विकल्प मिले:

• Magento2-vsbridge-indexer : Magento- मॉड्यूल जिसमें Magento-data की सीधी पहुँच है और अनुक्रमण के दौरान Elasticsearch को जानकारी अपलोड करता है;
• mage2vuestorefront : एक स्टैंडअलोन एप्लिकेशन जो वेब एपीआई के माध्यम से मैगेंटो से डेटा प्राप्त करता है और इसे एलिटिक्स खोज के लिए भी अपलोड करता है;

अभी के लिए, मैं Vue StoreFront से Magento के पिछड़े डेटा हस्तांतरण के प्रश्नों को छोड़ रहा हूं।

प्रतिबद्ध समय को देखते हुए, पहली परियोजना दूसरे की तुलना में अधिक जीवंत है, और डेवलपर्स खुद इस दृष्टिकोण का उपयोग करने की सलाह देते हैं :

यदि आप अनुक्रमण प्रदर्शन के बारे में किसी भी समस्या का अनुभव करते हैं, तो कृपया mage2vuestorefront के बजाय इस मॉड्यूल का उपयोग करें। दोनों प्रोजेक्ट वर्तमान में समर्थित हैं।

इसलिए, मैं दूसरे एकीकरण विकल्प ( mage2vuestorefront ) पर विचार नहीं करता, हालांकि यह ऊपर दिए गए मेरे आरेख पर प्रदर्शित होता है।

वीएस ब्रिज

Magento मॉड्यूल स्थापित करना :

 $ composer config repositories.divante vcs https://github.com/DivanteLtd/magento2-vsbridge-indexer $ composer require divante/magento2-vsbridge-indexer $ composer config repositories.divante vcs https://github.com/DivanteLtd/magento2-vsbridge-indexer-msi $ composer require divante/magento2-vsbridge-indexer-msi 

मॉड्यूल को स्थापित करने के बाद, नए सूचकांक दिखाई देते हैं:

वीएस ब्रिज कॉन्फ़िगरेशन

अनुभाग "सामान्य सेटिंग":

अनुभाग "एलिटिक्स खोज ग्राहक":

अनुभाग "सूचकांक सेटिंग":

धारा "रेडिस कैश सेटिंग्स":

अनुभाग "कैटलॉग सेटिंग":

एलिस्टिक्स खोज में डेटा भरना

जब वे अनुक्रमित होते हैं तो Magento से Elasticsearch का डेटा डाला जाता है:

 $ bin/magento indexer:reindex ... Vsbridge Product Indexer index has been rebuilt successfully in 00:00:01 Vsbridge Category Indexer index has been rebuilt successfully in 00:00:00 Vsbridge Attributes Indexer index has been rebuilt successfully in 00:00:02 Vsbridge Cms Block Indexer index has been rebuilt successfully in 00:00:00 Vsbridge Cms Page Indexer index has been rebuilt successfully in 00:00:04 Vsbridge Review Indexer index has been rebuilt successfully in 00:00:00 Vsbridge Tax Rule Indexer index has been rebuilt successfully in 00:00:00 

डेटा भरण की जाँच करें

 $ curl "http://89.145.166.192:9200/_cat/indices?pretty&v" health status index uuid pri rep docs.count docs.deleted store.size pri.store.size yellow open vue_storefront_magento_2_1574139073 x-Ft7Lt6RCu073dBWuvbvQ 5 1 295 0 1.7mb 1.7mb yellow open vue_storefront_magento_1_1574139076 yGlA_GGqQu-T0vyxrLE07A 5 1 268 0 1.2mb 1.2mb 

vue-storefront और vue-storefront-api कॉन्फ़िगर करना

वीएस ब्रिज सेटिंग्स में, vue_storefront_magento में अनुक्रमित के लिए उपसर्ग vue_storefront_magento , और स्टोरफ्रंट आईडी का उपयोग सूचकांक पहचानकर्ता के रूप में किया जाता है:

डेवलपर्स की सिफारिशों के अनुसार और डिफ़ॉल्ट कॉन्फिग के साथ सादृश्य द्वारा ( ~/vue-storefront/config/default.json :

 { "elasticsearch": { "index": "vue_storefront_catalog" }, "storeViews": { "de": { "elasticsearch": { "index": "vue_storefront_catalog_de" } }, "it": { "elasticsearch": { "index": "vue_storefront_catalog_it" } } } } 

मैं फ्रंट सर्वर ( ~/vue-storefront/config/local.json ) के लिए स्थानीय ~/vue-storefront/config/local.json :

  "elasticsearch": { "index": "vue_storefront_magento_1" }, "storeViews": { "de": { "elasticsearch": { "index": "vue_storefront_magento_1" } }, "it": { "elasticsearch": { "index": "vue_storefront_magento_2" } } } 

और एपीआई सर्वर (``) के लिए स्थानीय विन्यास में:

  "elasticsearch": { ... "indices": [ "vue_storefront_magento_1", "vue_storefront_magento_2" ] } 

मैंने स्थानीय सामने के विन्यास में पंजीकरण करने की कोशिश की:

  "elasticsearch": { "index": "vue_storefront_magento" } 

डेवलपर के उदाहरण के अनुरूप, लेकिन ब्राउज़र में मुझे पहले से परिचित त्रुटि पृष्ठ मिलता है। या तो vue_storefront_magento में vue_storefront_magento इंडेक्स का अभाव है, या फ्रंट कोड में कुछ vue_storefront_magento ।

मैंने मैन्युअल रूप से अनुक्रमित नहीं बनाया था, लेकिन वीएस ब्रिज प्लगइन का उपयोग करते हुए, इसलिए मुझे उम्मीद थी कि सभी आवश्यक सूचकांक बनाए जाएंगे, लेकिन नहीं, सब कुछ हमेशा की तरह था। इसलिए, मैं स्थानीय सामने के विन्यास के elasticsearch.index लिए प्रत्यय _1 जोड़ता हूं।

अनुप्रयोगों का पुनर्निर्माण और लॉन्च करें

 $ pm2 stop all $ cd ~/vue-storefront && yarn build && yarn start $ cd ~/vue-storefront-api && yarn build && yarn start 

पीडब्ल्यूए आवेदन " http : //89.145.166.192 application000/ " पते पर उपलब्ध होना चाहिए ( बेशक, मैंने परीक्षणों के बाद बुनियादी ढांचे को "मार डाला", इसलिए यह करना चाहिए, लेकिन नहीं ) और चित्र के समान होना चाहिए जो मैं लेख की शुरुआत में प्रकाशित।

निष्कर्ष

"मैगेंटो-टू-वीएसएफ" के अनुसार पेयरिंग काफी अच्छे स्तर पर की जाती है। डेटा का इंडेक्सिंग एक शेड्यूल और किसी ईवेंट पर (कम से कम, घोषणा की गई) दोनों संभव है। यह दो बिंदुओं को प्रभावित करता है:

1. एलिटिक्स खोज के 5.x संस्करण से बांधना। इससे पहले कि मुझे वीएस ब्रिज ने ES पर डेटा अपलोड करना शुरू किया, मुझे 7.x से 6.x और 6.x से 5.x तक क्रमिक रूप से डाउनग्रेड करना पड़ा। वीएसएफ को विशेष रूप से 5.x से कितना बांधा गया है और क्या होगा जब एलियस्टिक्स के डेवलपर्स अब "पांच" का समर्थन नहीं करेंगे?
2. डिफ़ॉल्ट फ्रंट-कॉन्फ़िगरेशन में हार्डकोड डेमो विंडो। सिद्धांत रूप में, डिफ़ॉल्ट कॉन्फ़िगरेशन में मूल डेटा होना चाहिए जो विशिष्ट एप्लिकेशन कार्यान्वयन पर निर्भर नहीं करता है, और डेमो एप्लिकेशन का कॉन्फ़िगरेशन जगह पर होना चाहिए ./config/local.json स्तर। इस मामले में, यह स्पष्ट होगा कि आपके एप्लिकेशन को लॉन्च करते समय किन डेटा को बदलना होगा, और जो सभी (अधिकांश) कार्यान्वयन के लिए सामान्य हैं।

इसे पढ़ने वाले सभी के लिए धन्यवाद, मेरे रेफरल लिंक पर क्लिक करें, और भगवान ने मुझे अगले कदम के लिए ताकत दी। वीएसएफ, बेशक, एक प्रभावशाली अनुप्रयोग है, लेकिन इसे समझने के लिए एक दलदल से गुजरना पसंद है। उसे एक पैर मिला, दूसरा फंस गया।