Selamat siang, nama saya Andrey Soldatov, kami di tim Rosselkhozbank sedang mengembangkan proyek baru yang menarik terkait dengan pertanian. Sebagai solusi front-end untuk beberapa di antaranya, kami memutuskan untuk menggunakan solusi open source yang menarik Vue Storefront. Pada artikel ini, Anda dapat membiasakan diri dengan kapabilitas dan fitur utama solusi ini. Artikel tersebut merupakan terjemahan dari artikel dari blog resmi Vue Storefront, aslinya tersedia disini .
Vue Storefront adalah solusi yang cukup kompleks dengan kemampuan ekstensif. Mempelajari semuanya dapat membutuhkan waktu. Dalam artikel ini, saya akan mencoba menjelaskan konsep utama kepada Anda dalam beberapa menit untuk menunjukkan kepada Anda semua yang Anda butuhkan untuk memulai dengan Vue Storefront.
Apa itu 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 .