El ultimo paso para completar la instalación de Vue Sotrefront en local es instalar Magento – Vue Storefront y sincronizar los datos.
Clonamos el repositorio
git clone https://github.com/DivanteLtd/mage2vuestorefront.git mage2vs
Luego vamos al directorio “src” y lo instalamos
cd mage2vs/src npm install
Este es el punto donde cambiaremos manualmente algunas configuraciones para conectarnos a nuestro backend Magento 2 + Sample data.
Editamos el archivo “src/config.js” y buscamos la seccion “magento: {”
Ahí debemos modificarlo con la información del usuario API de Magento 2 (se explico como crearlo en un articulo anterior)
url - http://tu-magento2-url.com/rest/ consumerKey consumerSecret accessToken accessTokenSecret
Ahora estamos en condiciones de sincronizar los datos de nuestro backend Magento 2 con la instancia de Elasticsearch del API de Vue storefront
Para esto, los comandos disponibles que puedes correr en “mage2vs/src” son:
node cli.js taxrule node cli.js attributes node cli.js categories node cli.js productcategories node cli.js products
Creo que se explica por si mismo que hace cada uno, tené en cuenta que cuando sincronices los productos, si estas usando sample data, va a tomar bastante tiempo completar la operación.
La otra configuración que tenemos que modificar y nos va a permitir sincronizar ordenes, cart, etc (aquella información que no es estática) es la de vue-storefront-api.
Editamos el archivo “vue-storefront-api/config/local.json” y también cambiamos los datos del API de Magento 2 en la seccion “magento2″: { con los mismos datos que modificamos el archivo anterior.
Si tenemos una instancia corriendo del API de Vue Storefront, para que los cambios de configuración tengan efecto tenemos que reiniciarla
Primero debes matar los procesos de la instancia y en el directorio del API vue-storefront-api, correr los comandos
Para las versiones de Vue storefront previas a 1.6 era necesario correr el comando o2m para sincronizar las ordenes, esto ya no es necesario si la opción “useServerQueue” esta en false (valor por defecto)
docker-compose up -d npm run dev
En un próximo articulo veremos algunas consideraciones finales sobre la instalación de Vue Storefront en local.
Este es el enlace donde pueden consultar con mas detalle este tema https://docs.vuestorefront.io/guide/installation/magento.html#synchronizing-orders-and-magento-images