Bonjour, je m'appelle Andrey Soldatov, dans l'équipe de la Rosselkhozbank, nous développons de nouveaux projets intéressants liés à l'agriculture. En tant que solution frontale pour certains d'entre eux, nous avons décidé d'utiliser une solution open source intéressante Vue Storefront. Dans cet article, vous pouvez vous familiariser avec les principales fonctionnalités et fonctionnalités de cette solution. L'article est une traduction d'un article du blog officiel Vue Storefront, l'original est disponible ici .
Vue Storefront est une solution assez complexe avec des capacités étendues. Les apprendre tous peut prendre un certain temps. Dans cet article, je vais essayer de vous expliquer les concepts clés en quelques minutes pour vous montrer tout ce dont vous avez besoin pour démarrer avec Vue Storefront.
Qu'est-ce que Vue Storefront?
Vue Storefront — backend- PWA () , Vue.js. , headless-, Vue Storefront eCommerce , PWA Magento, Shopify, BigCommerce, WooCommerce .
Vue Storefront:
mobile-first
MIT
« » ( SEO)
Offline
?
Vue Storefront backend- vue-storefront-api API- eCommerce backend-. vue-storefront-api . , , eCommerce , - - .
, ( , , Magento 1 -> 2), frontend.
API :
data pump ( mage2nosql) (, ..) eCommerce Vue Storefront ElasticSearch , vue-storefront-api. Vue Storefront. ElasticSearch backend- .
worker pool — ( , ..), vue-storefront-api backend .
, Vue Storefront backend .
backend (Magento 2, Magento 1, CoreShop, BigCommerce, WooCommerce), .
, .
?
Vue Storefront :
Vue Storefront Core (/core(https://github.com/DivanteLtd/vue-storefront/tree/master/core)) , Vue Storefront . : SSR, , . , , .
Vue Storefront Modules (/core/modules /src/modules) - eCommerce . (, , wish list, , ). / / , . .
Vue Storefront Themes (src/themes) - . / HTML- . Vue Storefront .
: — Vue Storefront Themes, , Vue Storefront Modules. Vue Storefront Core .
Vue Storefront .
Vue Storefront
:
frontend backend- ( , Vue Storefront).
frontend vue-storefront-api , -.
frontend vue-storefront-api, eCommerce backend.
- , "yarn installer" . "yarn dev" ( 3000 ). , , .
Vue Storefront
Vue Storefront (, , API, ..) , "/config". default.json .
local.json default.json, . local.json . Vue Storefront, .
Vue Storefront
Vue Storefront , — HTML CSS . - .
- . Vue.js -. , , , , Microcart - ( ), (), mixins: [Microcart]. , , - . , .
- , package.json, config/local.json “yarn”, Lerna ( monorepos).
Vue Storefront , . .
( prod) sw-precache ( “/core/build/webpack.prod.sw.config.js”). Service Worker Application.
IndexedDB Local Storage. , , , . “/core/lin./storage”.
, , . Vue Storefront .
?
, , , Vue Storefront! , .
4 Vue Storefront .