Review ng Vue Storefront - Lahat ng Kailangan Mong Malaman

Kung nag-subscribe ka sa isang serbisyo mula sa isang link sa page na ito, maaaring makakuha ng komisyon ang Reeves and Sons Limited. Tingnan ang aming pahayag ng etika.

Narito ang hinaharap!

Ok, iwanan ang lahat saglit at pakinggan ito. Isipin ang isang libreng ecommerce na application na maaaring makabuluhang mapabuti ang karanasan ng gumagamit ng iyong online na tindahan at SEO ranking din. A revolutionary system na napaka-flexible na maaari itong kumportableng tumakbo sa anumang backend ng ecommerce.

Medyo kahabaan, sa palagay mo?

Oo, alam ko kung paano ito makikinig dahil naroroon din ako. Sa gayon, hindi bababa sa hanggang sa huli ay nasubukan ko ang nakatutuwang bagay na ito na tinatawag nilang Progressive Web Apps, o PWA sa madaling sabi.

Ngayon, may magagandang dahilan kung bakit ang mga negosyo ay lalong nahuhulog sa pag-ibig sa PWA. Ilalahad ko silang lahat sa ilang sandali. Gayunpaman, sa ngayon, payagan akong magpakilala ng isang tukoy na application na makakatulong sa iyo na maunawaan ang buong konsepto ng paggamit ng PWA.

Narinig mo na ba ang Vue Storefront?

Ito ay isang bagong aplikasyon ng ecommerce tama, ngunit ang arkitektura nito ay wala nang malapit sa nakasanayan na natin. At narito ang pakikitungo- Nangyayari ang Vue Storefront na pinakamalaki at pinaka kumpletong PWA sa ngayon.

Ngunit ano ang ibig sabihin nito para sa ecommerce?

ito Vue Storefront isiniwalat ng pagsusuri ang lahat ng kailangan mong malaman- ano ba ang isang Progressive Web Application, kung paano nakakonekta ang Vue Storefront sa lahat ng iyon, kasama syempre, ang mga kasamang tampok sa ecommerce at kakayahan.

Ano ang isang Progresibong Web App? 

Tandaan mo noong sinabi natin bahagyang nagsisimula ang mobile? Lumabas na naging tama kami lahat. At narito ang patunay.

Nauna ang mobile at pagkatapos ay ipinakilala ito sa amin sa mga mobile app. Pagkatapos ng oras, nagsimulang pagsamahin ang mga app sa mga platform ng PC at web habang nagpatuloy ang pagpapabuti ng karanasan ng gumagamit upang gawing mas seamless ito.

Ang tumaas na mga pag-unlad sa lahat ng mga lugar na ito ay nagtulak sa amin sa bingit ng tunay revolutionary ecommerce. Kaya, sa madaling salita, maligayang pagdating sa edad ng mga PWA.

Ngayon, ang isang Progressive Web App ay nag-aalok ng pinakamahusay ng parehong mundo - web at mobile apps. Mas partikular, ang isang PWA ay binuo sa mga tipikal na mga teknolohiya sa web, kasama ang ilan sa mga pinakabagong tampok sa javascript na kumikilos bilang pampalasa. Ang huling resulta ay isang web application na ang pangkalahatang pagiging madaling maunawaan ay malapit na kahawig ng isang katutubong iOS o Android app.

Bistahan ito Starbucks lugar. Mapapansin ang anumang kakaibang kakaiba kumpara sa mga regular na website? Ngayon, subukang i-load ito muli ngunit mula sa iyong mobile phone.

Tila kumikilos tulad ng isang katutubong app, tama ba? Makinis, seamless, at nakakagulat na mabilis. Sa gayon, tama doon ang lakas ng PWA.

At paano ito nauugnay sa ecommerce?

Kaya, isaalang-alang ito. Karaniwang hinahawakan ng mga Progressive Web Apps ang data ng aparato ng gumagamit at na-download na mga file sa isang cache. Ito ay nangangahulugang nangangahulugang ang data ay na-access kaagad sa sandaling naitaas ang mga kahilingan mula sa aparato.

At ang pinakamagandang bahagi? Maaari kang tumaya sa paglo-load ng pahina ay palaging napakabilis, kahit na nakikipag-usap ka sa sobrang bagal ng bilis ng internet.

Ang buong balangkas ay pinadali ng isang manggagawa sa serbisyo, na karaniwang gumaganap bilang isang tulay sa pagitan ng server at ng app. Upang maproseso ang isang kahilingan, samakatuwid, nag-a-access ito ng data na gaganapin sa cache ng aparato habang sabay na nagsi-sync sa lahat ng bagay sa kaukulang data ng server.

Pagkatapos dahil sa isang simpleng JSON file na kilala bilang Manifest ng Web App, Karaniwang ipinapakita ng mga progresibong Web Apps ang buong-screen upang magbigay ng isang patuloy na nakaka-engganyong karanasan. Ang maliit na tampok na ito ay mahalagang nakikipag-ugnay sa iyong browser at dinidirekta ito upang ipakita ang web application sa pamamagitan ng parehong interface tulad ng mga smartphone apps.

At hindi lang yun. Ang mga manggagawa sa serbisyo ng cache na sinamahan ng mga Push API at advanced na tech ng browser ay ginawang posible na mai-install nang direkta ang PWA sa home screen ng iyong aparato. Dahil dito, maaari kang magpatuloy na gamitin ito kahit na ang iyong aparato ay mag-offline. Bilang karagdagan sa na, maaari ring makatanggap ang mga PWA ng mga push notification.

Ngayon, hulaan kung ano? Google ay nanguna sa Progressive Web Apps mula sa simula, kasama ang Mozilla plus Microsoft.

At pagkatapos ng pagsubok ng buong bagay sa maraming mga proyekto nang paulit-ulit, ito ang kanilang natapos tungkol sa Progressive Web Apps:

  • Maaasahan ang mga ito- Ang mga PWA ay may kakayahang mag-load ng napakabilis kahit na sa hindi magandang kondisyon sa network, salamat sa kanilang mga manggagawa sa serbisyo na paunang pag-cache ng mga kritikal na mapagkukunan.
  • Mabilis ang mga ito - Kahanga-hanga ang mga PWA responsive kapag nakikipag-ugnayan ka sa kanila. Patuloy silang nagpapanatili ng malulutong na mga animation at maayos na pag-scroll.
  • Nakikisalamuha sila -Ang karanasan ng gumagamit dito ay, walang alinlangan, medyo nakaka-engganyo. Ang mga PWA ay kumikilos tulad ng katutubong mga mobile app sa browser, at madali silang mai-embed sa iyong home screen. Dagdag pa, kung kailangan mong muling makisali sa mga gumagamit na nagpapatakbo ng iyong mga PWA, maaari kang laging magpadala ng mga notification sa push.

Ang isang kumpanya na nakakita mismo ng mga benepisyo na ito ay Tinder. Dati, ang kanilang average na oras ng pag-load ng app ay 11.91 segundo. Ngunit, pagkatapos ipakilala ang isang bersyon ng PWA na nangyari na 90% mas magaan kaysa sa kanilang katutubong android app, bumaba nang malaki ang oras ng paglo-load. At bilang isang resulta, ang kanilang mga antas ng pakikipag-ugnayan ng gumagamit ay bumagsak nang medyo malaki.

Kung hindi ka kumbinsihin iyon, siguro Ubers ' kwento ay. Sa pamamagitan ng paggamit ng lakas ng PWAs, ang kumpanya ay nakagawa ng isang app na may mahusay na bilis ng paglo-load kahit na sa 2G. At ang kaukulang oras ng pag-load? Kaya, ang kanilang 50kb PWA ay tuloy-tuloy na nagawang mag-load nang mas mababa sa 3 segundo.

Ngayon, bahagya naming napakamot ang ibabaw dito. Marami pa mga kuwento ng tagumpay mula sa isang malawak na hanay ng mga tatak. Lahat salamat sa revolutionary na mga kakayahan ng Progressive Web Apps.

Sinabi nito, pumunta tayo ngayon sa praktikal na piraso.

Kaya, ano nga ba Vue Storefront?

Suriin ang Vue Storefront Review - Pangkalahatang-ideya

Ang Vue Storefront, para sa mga nagsisimula, ay isang open-source na Progressive Web Application na binuo para sa mga online na negosyo. Ang punong layunin nito ay ang pagtulong sa mga digital na mangangalakal at negosyo na mapalakas ang kanilang mga antas ng karanasan sa customer.

Sa kabutihang palad, hindi mo kailangan ng isang dalubhasang sistema ng ecommerce upang magamit ang Vue Storefront. Dahil ang buong balangkas nito ay binuo gamit ang Headless architecture, dapat mong i-set up ang iyong sariling pagsasama ng backend. Iyon, sa madaling salita, nangangahulugang ang Vue Storefront ay isang holistically kakayahang umangkop na application na may kakayahang isama sa anumang platform ng ecommerce upang magsilbing front-end.

Sa ngayon, isinama ito ng mga developer nito Magento, Spree Commerce, Sylius, at Shopify, Ang Vue Storefront Core Team, sa malapit na pakikipagtulungan sa Shopware Team, ay bumuo ng katutubong pagsasama ng Shopware PWA, at ang Vue Storefront ay naging isang mahalagang bahagi ng commercetools Accelerator bilang isang inirekumenda, open-source na frontend para sa mga commercetools at miyembro ng MACH Alliance-ang pangkat ng mga kumpanya ng tech na itinatag ng mga commercetools, Contentstack, EPAM Systems, at Valtech-upang maikalat ang kaalaman tungkol sa potensyal ng walang teknolohiya na teknolohiya.

At isinasaalang-alang ito ay suportado ng higit sa 70 opisyal na kasosyo, higit sa 100 live na mga proyekto isang malawak na pamayanan na higit sa 3000 mga developer, maaari mong asahan ang mga karagdagang pagsasama upang mailunsad kaagad. Parang nagsisimula pa lang ang Vue Storefront.

Ngunit muli, habang kapuri-puri ang kanilang rate ng pagbabago, hindi mo kailangang hintayin ang koponan ng Vue Storefront na magkaroon ng isang pagsasama para sa iyong kasalukuyang platform ng ecommerce. Ang PWA na ito ay panimula naka-code sa Vue.js, at umaasa ito Elasticsearch para sa database nito, pati na rin ang Node.js pagdating sa server-API.

Kung ikaw ay isang bihasang developer, samakatuwid, hulaan ko maaari mo nang masabi na ang pag-set up ng isang bagong front-end ay hindi dapat maging isang hamon sa lahat. Ngunit, sa kaso ng anumang mga paghihirap, Vue Storefront ay may maraming mga tutorial at komprehensibong dokumentasyon ng suporta. Maaari mong gamitin ang lahat ng iyon upang malaman kung paano i-tweak ang open-source code nito.

Kung iyon ay parang isang bagay na nais mong gawin, maa-access ang Vue Storefront GitHub. At nang kawili-wili, sa ngayon ay nakakuha ng higit sa 7,000 mga bituin sa platform.

Ok, hindi naman masama. Ngunit, ano nga ba ang tinatangkilik ng mga mangangalakal Vue Storefront? Mayroon ba talagang mga tampok na maaaring itulak ang iyong negosyo sa susunod na antas?

Payagan akong sagutin iyon sa pamamagitan ng paglalakad sa iyo sa iba't ibang mga katangian ng Vue Storefront.

Review ng Vue Storefront - Pangunahing Mga Tampok

Karanasan ng User

Una muna. Ang pagsasaalang-alang sa karanasan ng gumagamit ay ang punong pokus dito, paano eksaktong gumaganap ang interface ng Vue Storefront?

Sa gayon, isang bagay ang maaari mong asahan mula sa Vue Storefront ay upang sirain ang hadlang ng aparato. Dahil ito ay isang web application, dapat mong mailunsad at mapatakbo ito sa anumang aparato. Nangangahulugan iyon na tinanggal ng Vue Storefront ang hamon ng pagbuo ng maraming mga katutubong application para sa bawat OS ng aparato.

Ang isa pang problema na maaari mong malutas sa pamamagitan ng Vue Storefront ay ang dami ng mga katutubong app. Ang Android, iOS at PC apps ay nagiging mabibigat sa araw-araw sa bawat bagong tampok na ipinakilala ng mga developer. Iyon ang dahilan kung bakit ang mga pag-update ng app ay kilalang tanyag sa pagkuha ng mas maraming puwang ng memorya.

Gayunpaman, sa Vue Storefront, para bang bumalik kami sa edad ng mga Symbian app. Gumagamit ito ng mas kaunting data kumpara sa mga katutubong app.

At ang pinakamagandang bahagi ay, ang customer ng iyong tindahan ay hindi kailangang mag-download ng anuman. Maaari nilang ma-access ang katutubong karanasan nang direkta sa pamamagitan ng kanilang mga web browser.

Bilang isang bagay na katotohanan, hindi nila kailangang mag-online. Vue Storefront Pinapayagan silang mamili nang kumportable kahit na offline ang kanilang mga aparato.

Pagkatapos kunin ito Bagaman ang iyong ecommerce site ay nagtapos sa pag-uugali tulad ng isang katutubong app, isinasaalang-alang pa rin ng Google na ito ay isang website. Kaya, syempre, ang iyong online store ay mai-index nang naaayon, tulad ng ibang mga regular na site.

At narito ang bagay. Malamang, ang iyong site ay magkakaroon ng isang malaking kalamangan sa pagraranggo ng iba pang mga regular, sapagkat ang Google ay may gawi na pabor sa mga website na may mabilis na bilis ng paglo-load. Dagdag pa, sulit na tandaan na ang mga search engine ay lalong lumilipat sa pag-index sa mobile.

Pinag-uusapan kung saan, ang isang mahusay na oras ng paglo-load ay nangangahulugang mas maraming trapiko. Sa ngayon, malamang na napansin mo na ang hindi magagandang bilis ng paglo-load ng webpage ay nag-uudyok ng mataas na mga rate ng bounce dahil ayaw ng mga consumer ng internet na maghintay. Samakatuwid, sa mas mataas na daloy ng trapiko, dapat mong mapagbuti ang iyong pangkalahatang rate ng conversion sa mahabang paghabol.

Ang isa pang taktika na maaari mong gamitin upang mapalakas na lalo pang nagpapadala ng mga push notification. Pinapayagan ka ng Vue Storefront na mapanatili ang iyong mga lead sa pamamagitan ng pakikipag-usap sa kanila sa pamamagitan ng mga push message. Maaari mong samantalahin iyon upang magpatakbo ng mga promosyon pati na rin ang cross-sell at up-sell na iba't ibang mga produkto.

Pagsisimula

Ang koponan sa likod ng Vue Storefront ay tila nagsimula sa Magento sapagkat ito ay isa sa pinakamalaking platform ng ecommerce sa mundo ngayon. Dagdag pa, ito ay isang bukas na mapagkukunan ng system na pinagsasama ang mahusay na mga pagpapaandar na may walang limitasyong kakayahang umangkop. Iyon ang dahilan kung bakit, sa katunayan, ang mga negosyo at negosyo ay labis na sumasali sa Magento bandwagon.

Kung ang iyong isa sa maraming, maaari kang makapagsimula kaagad sa pamamagitan ng pagsasamantala sa Vue Storefront's Magento aplikasyon. Ang proseso, gayunpaman, ay hindi kasing simple ng naisip mo.

Sa una, kailangan mong umasa sa mga workshop upang planuhin ang iyong proyekto nang naaayon. Nangangahulugan iyon ng pagtukoy hindi lamang sa saklaw ng iyong proyekto, kundi pati na rin ang kaukulang badyet at oras.

Pagkatapos ay susunod ang patunay ng konsepto at ang layunin nito ay kumpirmahin ang epekto na kinatatayuan ng Vue Storefront sa iyong mga negosyo. Dahil dito, maaaring kailangan mong magpatakbo ng isang maikling halimbawa ng Vue Storefront balangkas habang nagsasagawa ng iba't ibang mga pagsubok sa karanasan sa gumagamit.

Na nag-iisa ay maaaring patunayan na maging madaling gamiting kapag kailangan mong kumbinsihin ang mga stakeholder na mamuhunan sa app. Dagdag nito, makakakuha ka rin ng pagkakataong gumawa ng mga may kaalamang pagpapasya tungkol sa paparating na paglulunsad batay sa kung paano tumugon ang mga gumagamit sa bagong bersyon ng tindahan.

Sa kabuuan, ang patunay ng konsepto ay dapat tumagal sa iyo ng ilang linggo- marahil ay 4-6 na higit. Pagkatapos gamit ang data na iyong nakalap, maaari kang magpatuloy upang magpatupad ng isang buong bersyon ng PWA ng iyong site ng ecommerce gamit ang Vue Storefront. At, sa pagdaan ng panahon, maaari mong unti-unting magtrabaho sa pinagbabatayan ng bukas na code ng mapagkukunan upang ihanay ang iyong negosyo sa patuloy na nagbabago na mga pangangailangan sa merkado.

Piraso

Vue Storefront ay may dalawang magkakaibang mga uri ng sangkap.

Sa pundasyon, mayroon tayong Mga Core na Bahagi. Ang mga ito ay binuo batay sa pangunahing istraktura ng negosyo ng mga tipikal na online na tindahan. Kaya, sa isang paraan, nai-save ka nila ng problema sa paglikha ng lahat mula sa simula.

Sinabi nito, ang pangunahing mga sangkap ay maaaring gamitin ng mga tema ng iyong site. Ang kailangan lang ay ang pag-istilo at pagtukoy sa kasamang markup ng HTML.

At habang nandito ka, mapapansin mo na ang bawat pangunahing sangkap ay nag-aalok ng isang natatanging interface, na kung saan maaari mong madaling gumawang muli sa pamamagitan ng iyong tema.

Kaya, kung handa ka para sa gawain, dapat mong hanapin ang mga pangunahing bahagi sa folder ng sangkap ng bawat module. Pagkatapos kapag nagawa mo na, ilapat ang mga ito sa iyong mga tema bilang mga mixin.

Pinag-uusapan kung alin, Taya ko na malamang na nahulaan mo ang pangalawang uri ng mga sangkap. At oo, tama ka. Sila ay Mga Bahagi ng Tema, na kumakatawan sa layout ng front-end na sa huli ay ipinapakita mo sa app.

Habang mailalagay mo ang iyong sariling mga dalubhasang bahagi sa loob ng isang tema, ang pinakamadaling paraan upang mailapat ang lohika sa negosyo ay palaging gumagamit ng mga pangunahing sangkap.

Mga Tema ng Storefront

Kahit na ang Vue Storefront ay patuloy na kumukuha ng mga pre-designed na tema, hindi mo na kailangang gamitin ang mga ito. Sa halip, maaari kang lumikha ng iyong sariling mga tema ng ecommerce, at pagkatapos ay pagsamahin ang mga ito sa pangunahing lohika ng negosyo ng app para sa isang kumpletong karanasan sa ecommerce.

Ngunit, kakailanganin mo ang mga kasanayan sa HTML at CSS upang makamit iyon. O kahalili, kumuha lamang ng isang bihasang developer upang hawakan ang buong proseso. Pinapayagan ka pa ng Vue Storefront na higit na ipasadya ang mga pangunahing bahagi nito kung kailangan mo.

Pag-isipan ito, gayunpaman, ang pagbuo ng iyong sariling tema mula sa simula ay tila isang mahirap na proseso. Bukod sa, Vue Storefront ay may sariling mga solidong tema sa src / mga tema folder.

mga tema ng storeue ng vue

ang pinakabagong Tema 2.0, halimbawa, ay nilikha gamit ang Google UX Retail Playbook. Na isasalin sa mahusay na na-optimize na karanasan ng gumagamit. Ngunit hindi lang iyon. Dahil ito ay pabagu-bago ng kakayahang umangkop, maaari mo itong i-tweak sa maraming iba't ibang mga paraan upang lumikha ng iyong sariling dalubhasang disenyo.

Mga Tampok ng Ecommerce

Narito ang ilan sa mga tampok sa ecommerce na makikita mo sa Vue Storefront:

  • Pag-browse sa Catalog
  • Pag-browse sa produkto
  • Suporta sa pamamahala ng Catalog
  • Mga account ng customer
  • Customer service
  • Pamamahala ng order
  • Mga promo sa marketing
  • Analytics at pag-uulat
  • Search Engine Optimization
  • Checkout, pagbabayad, at pagpapadala

Review ng Vue Storefront - Pagpepresyo

Pagkuha Vue Storefront wala kang babayaran. Ni isang dolyar. Nagsisimula lamang ang mga gastos sa pagtambak pagdating sa mga kasunod na yugto ng pagpapasadya.

Maliban kung nakaranas ka sa pag-coding, mapipilit kang kumuha ng isang pangkat ng mga developer upang isama ang Vue Storefront sa iyong ecommerce site, pati na rin ang pag-tweak ng mga pangunahing bahagi at tema nito.

Sino ang Dapat Isaalang-alang ang Paggamit ng Vue Storefront? 

Hindi maikakaila na ang Vue Storefront ay isang revolutionary tool para sa pagpapabuti ng karanasan ng user ng iyong customer. At kung isasaalang-alang na ito ay isang open-source na Progressive Web Application, magagamit ito sa lahat nang libre.

Gayunpaman, ang problema sa Vue Storefront ay ang proseso ng pagpapatupad. Ang pag-embed ng application sa iyong site ng ecommerce ay isang mahirap na proseso sa teknikal na nangangailangan ng mabibigat na pag-coding. Tiyak na hindi ito isang bagay na maaari mong pamahalaan nang walang mga kasanayan sa pag-cod.

Ngunit, wala iyon kung ihahambing sa mga pakinabang ng PWAs. Sulit ang pagsusumikap sa Vue Storefront. Kaya, maaari mong isaalang-alang ang pagkuha ng isang bihasang developer upang maipatupad ito nang naaayon. Bukod, ang arkitektura ng Headless nito ay ginagawang isang nababaluktot na application na maaaring mai-embed sa anumang backend ng ecommerce platform.

Lahat sa lahat, samakatuwid, Vue Storefront ay para sa lahat ng uri ng mga online na negosyo at negosyo. Hangga't nagpapatakbo ka ng isang ecommerce site, ang Progresibong Web App na ito ay nagkakahalaga ng isasaalang-alang kung nais mong pagbutihin ang iyong pangkalahatang karanasan sa customer.

Ito ay isang malinis na bayarin sa kalusugan mula sa amin dito sa ecommerce-platforms.com. Ngayon, sa iyo- ano ang iyong mga saloobin?

Davis Porter

Si Davis Porter ay isang B2B at B2C ecommerce pundit na partikular na nahuhumaling sa digital platform sa pagbebenta, marketing sa online, mga solusyon sa pagho-host, disenyo ng web, cloud tech, kasama ang software ng pamamahala ng relasyon sa customer. Kapag hindi niya sinusubukan ang iba't ibang mga aplikasyon, marahil ay mahahanap mo siya na nagtatayo ng isang website, o pinapaligaya ang Arsenal FC.

Comments 0 Responses

Mag-iwan ng Sagot

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan *

Marka *

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.