अंत में, मैं Vue Storefront (VSF) एप्लिकेशन में Magento (श्रेणियों और उत्पादों) के डेटा को देखने में सक्षम था। यह पहले से ही चौथा लेख ( 1 , 2 , 3 ) है, जिसमें मैं Magento 2 पर आधारित इलेक्ट्रॉनिक स्टोर के साथ VSF को एकीकृत करने की संभावनाओं की खोज करने की प्रक्रिया का वर्णन करता हूं, और पहला जहां Magento का डेटा ग्राहक के ब्राउज़र में फिसल गया।

KDPV

बिल्ली के नीचे तैनाती स्क्रिप्ट और चरणों का एक संक्षिप्त विवरण के लिए एक कड़ी है।

लक्ष्य

Magento से प्राप्त श्रेणियों / उत्पादों पर ग्राहक भाग डेटा में प्रदर्शित करें।

shemka

अब आवेदन घटकों के बीच निर्भरताएं मुझे इस तरह प्रस्तुत की जाती हैं:

shemka

काम का माहौल

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

परिनियोजन स्क्रिप्ट

मैं एक अलग परियोजना में आवेदन घटकों को तैनात करने के लिए स्क्रिप्ट डालता हूं : flancer64 / vsf_mage2_setup ।

परिनियोजन चरण:

परिनियोजन कॉन्फ़िगरेशन

इस लेखन के समय, परिनियोजन कॉन्फ़िगरेशन इस तरह दिखता है:

 #!/usr/bin/env bash # ========================================================================= # Local configuration template. # Copy this file to `./cfg.local.sh`. # ========================================================================= export HOST_VSF="255.255.255.255" # ip address or domain name for VSF host (VSF Front/API, Elasticsearch & Redis) export HOST_MAGE="mage2.host.com" # ip address or domain name for Magento 2 host # address of REST API of source Magento instance export URL_MAGE_REST="http://${HOST_MAGE}/rest" export URL_MAGE_IMG="http://${HOST_MAGE}/media/catalog/product" export INDEX_NAME="vue_storefront_catalog" # Magento integration options # see: "How to integrate Magento2 with your local instance?" # at: https://medium.com/the-vue-storefront-journal/vue-storefront-how-to-install-and-integrate-with-magento2-227767dd65b2 export MAGE_CONSUMER_KEY="..." export MAGE_CONSUMER_SECRET="..." export MAGE_ACCESS_TOKEN="..." export MAGE_ACCESS_TOKEN_SECRET="..." export MAGE_CURRENCY_CODE="..."

आवेदन परिनियोजन

मैं एक साफ होस्ट पर घटकों को तैनात करने के लिए स्क्रिप्ट को क्लोन करता हूं और स्थानीय परिनियोजन कॉन्फ़िगरेशन सेट करता हूं:

 $ cd ~ $ git clone https://github.com/flancer64/vsf_mage2_setup.git $ cd vsf_mage2_setup/ $ cp cfg.init.sh cfg.local.sh $ nano cfg.local.sh ...

उसके बाद मैं पहली से चौथी तक तैनाती की स्क्रिप्ट निष्पादित करता हूं:

 $ cd ~/vsf_mage2_setup/ $ bash ./bin/step01_env.sh $ bash ./bin/step02_vsf_front.sh $ bash ./bin/step03_vsf_api.sh $ bash ./bin/step04_mage2vsf.sh

स्क्रिप्ट की सामग्री को github'e पर देखा जा सकता है। परिणामस्वरूप, निम्नलिखित घटकों को एक खाली होस्ट पर स्थापित और कॉन्फ़िगर किया जाएगा:

Elasticsearch
Redis
Vue-स्टोर के सामने
Vue-स्टोर के सामने-api
mage2vuestorefront

घटक परिनियोजन को उपयुक्त परिनियोजन स्क्रिप्ट में देखा जा सकता है ।

Magento2 डेटा प्रतिकृति स्क्रिप्ट => वीएसएफ

चौथे चरण में, एक डेटा प्रतिकृति स्क्रिप्ट ~/mage2vuestorefront/src/run.sh । मैं इसे संपूर्णता में देता हूं (संवेदनशील डेटा के अपवाद के साथ):

 #!/usr/bin/env/bash # Exit immediately if a command exits with a non-zero status. set -e ROOT=$(cd "$(dirname "$0")/" && pwd) export TIME_TO_EXIT="2000" # Setup connection to Magento export MAGENTO_CONSUMER_KEY="87...20l" export MAGENTO_CONSUMER_SECRET="7f...95x" export MAGENTO_ACCESS_TOKEN="ox...lq3" export MAGENTO_ACCESS_TOKEN_SECRET="5d...6o0" # Setup default store export MAGENTO_URL="http://mage2.host.com/rest" export INDEX_NAME="vue_storefront_catalog" # Perform data replications node --harmony ${ROOT}/cli.js taxrule --removeNonExistent=true node --harmony ${ROOT}/cli.js attributes --removeNonExistent=true node --harmony ${ROOT}/cli.js categories --removeNonExistent=true node --harmony ${ROOT}/cli.js productcategories node --harmony ${ROOT}/cli.js products --removeNonExistent=true

डेटा प्रतिकृति

स्क्रिप्ट ./bin/step05_sync_data.sh :

 #!/usr/bin/env/bash ## ************************************************************************ # Script to synchronize data between Magento2 and VSF. ## ************************************************************************ # shellcheck disable=SC1090 # root directory (set before or relative to the current shell script) DIR_ROOT=${DIR_ROOT:=$(cd "$(dirname "$0")/../" && pwd)} # Exit immediately if a command exits with a non-zero status. set -e echo "========================================================================" echo "Read local configuration." echo "========================================================================" . "${DIR_ROOT}/cfg.local.sh" echo "========================================================================" echo "Rebuild indexes and get data from Elasticsearch." echo "========================================================================" cd ~/mage2vuestorefront/src bash run.sh echo "========================================================================" echo "Reconfigure VSF API." echo "========================================================================" cd ~/vue-storefront-api rm -f ./var/catalog.json npm run dump npm run db rebuild -- --indexName="${INDEX_NAME}"

~/mage2vuestorefront/src/run.sh वेब एपीआई का उपयोग करके स्क्रिप्ट ~/mage2vuestorefront/src/run.sh 2 से डेटा प्राप्त करता है, इसलिए यह बहुत जल्दी काम नहीं करता है। वीएसएफ डेवलपर्स के पास एक विकल्प है ( मैगेंटो 2-vsbridge-indexer ), मैंने पिछले लेख में इसका उपयोग किया था ।

Magento 2 से डेटा को Elasticsearch में स्थानांतरित करने के बाद, आपको VSF API कॉन्फ़िगरेशन को अपडेट करना होगा।

यह सब इस तरह किया जाता है:

 $ cd ~/vsf_mage2_setup/ $ bash ./bin/step05_sync_data.sh

निष्कर्ष

खैर, मैगेंटो की श्रेणियों और उत्पादों में वीएसएफ एप्लिकेशन "घुसपैठ" है। अब आपको रिवर्स आंदोलन को कॉन्फ़िगर करने की आवश्यकता है - ताकि वीएसएफ (टोकरी, ऑर्डर) से डेटा मैगेंटो 2 में मिल जाए और सुनिश्चित करें कि मैगेंटो 2 में पंजीकृत ग्राहक भी वीएसएफ में लॉग इन कर सकते हैं।

Vue Storefront: Magento 2 से आयात निर्देशिका

लक्ष्य

shemka

काम का माहौल

परिनियोजन स्क्रिप्ट

परिनियोजन चरण:

परिनियोजन कॉन्फ़िगरेशन

आवेदन परिनियोजन

Magento2 डेटा प्रतिकृति स्क्रिप्ट => वीएसएफ

डेटा प्रतिकृति

निष्कर्ष

संदर्भ

More articles: