Ulasan Vue Storefront – Semua yang Anda Perlu Tahu

Masa depan ada di sini!

Ok, lepaskan semuanya sekejap dan dengarkan ini. Bayangkan aplikasi e-dagang percuma yang boleh meningkatkan secara drastik pengalaman pengguna kedai dalam talian anda dan kedudukan SEO juga. Sistem revolusioner yang sangat fleksibel sehingga boleh berjalan dengan selesa pada mana-mana bahagian belakang e-dagang.

Sedikit regangan, anda fikir?

Ya, saya tahu bagaimana bunyinya kerana saya juga pernah ke sana. Baiklah, sekurang-kurangnya sehingga saya akhirnya mencuba perkara gila ini yang mereka sebut Progressive Web Apps, atau PWA secara ringkas.

Sekarang, ada alasan baik mengapa perniagaan semakin jatuh cinta dengan PWA. Saya akan mendedahkan semuanya dalam masa terdekat. Namun, buat masa ini, izinkan saya memperkenalkan aplikasi khusus yang akan membantu anda memahami keseluruhan konsep memanfaatkan PWA.

Pernah dengar mengenai Vue Storefront?

Ini adalah aplikasi e-dagang baru, tetapi senibina tidak jauh dari yang sudah biasa kita gunakan. Dan inilah kesepakatan - Vue Storefront adalah PWA terbesar dan terlengkap setakat ini.

Tetapi apa maksudnya untuk e-dagang?

ini Kedai Vue tinjauan menunjukkan semua yang perlu anda ketahui - apa sebenarnya Aplikasi Web Progresif, bagaimana Vue Storefront dihubungkan dengan semua itu, ditambah dengan ciri dan keupayaan e-dagang yang menyertainya.

Apa itu Aplikasi Web Progresif? 

Ingat ketika kita berkata telefon bimbit hampir tidak dimulakan? Ternyata selama ini kami betul. Dan inilah buktinya.

Mudah alih menjadi yang pertama dan kemudian memperkenalkan kami kepada aplikasi mudah alih. Kemudian dengan berlalunya masa, aplikasinya mula bergabung dengan platform PC dan web kerana pembangun terus meningkatkan pengalaman pengguna untuk menjadikannya lebih lancar.

Peningkatan kemajuan dalam semua bidang ini kini telah mendorong kami ke ambang e-dagang yang benar-benar revolusioner. Jadi, dengan kata lain, selamat datang ke zaman PWA.

Kini, Aplikasi Web Progresif menawarkan yang terbaik dari kedua dunia - aplikasi web dan mudah alih. Lebih khusus lagi, PWA dibina berdasarkan teknologi web khas, dengan beberapa ciri javascript terkini bertindak sebagai perasa. Hasil akhirnya adalah aplikasi web yang intuitif keseluruhannya menyerupai aplikasi iOS atau Android asli.

Sila lihat pada ini Starbucks tapak. Perhatikan sesuatu yang luar biasa aneh berbanding laman web biasa? Sekarang, cuba muatkan sekali lagi tetapi dari telefon bimbit anda.

Ia kelihatan seperti aplikasi asli, bukan? Lancar, lancar, dan cepat mengejutkan. Nah, betul ada kekuatan PWA.

Dan bagaimana ini relevan dengan e-dagang?

Baiklah, pertimbangkan ini. Aplikasi Web Progresif biasanya menyimpan data peranti pengguna dan fail yang dimuat turun dalam cache. Ini pada dasarnya bermaksud data dapat diperoleh seketika sebaik sahaja permintaan dikemukakan dari peranti.

Dan bahagian yang terbaik? Anda boleh mempertaruhkan pemuatan halaman selalu sangat cepat, walaupun anda menghadapi kelajuan internet yang sangat perlahan.

Keseluruhan kerangka kerja difasilitasi oleh pekerja perkhidmatan, yang pada dasarnya bertindak sebagai penghubung antara pelayan dan aplikasi. Oleh itu, untuk memproses permintaan, ia memanfaatkan data yang sudah disimpan dalam cache peranti dan pada masa yang sama menyegerakkan semuanya dengan data pelayan yang sesuai.

Oleh kerana fail JSON ringkas dikenali sebagai Manifest Aplikasi Web, Aplikasi Web Progresif biasanya memaparkan skrin penuh untuk memberikan pengalaman yang mendalam. Ciri kecil ini pada dasarnya berinteraksi dengan penyemak imbas anda dan mengarahkannya untuk memaparkan aplikasi web melalui antara muka yang sama dengan aplikasi telefon pintar.

Bukan itu sahaja. Pekerja perkhidmatan cache yang digabungkan dengan Push API dan teknologi penyemak imbas canggih telah memungkinkan untuk memasang PWA terus ke skrin utama peranti anda. Oleh itu, anda boleh terus menggunakannya walaupun selepas peranti anda dalam talian. Selain itu, PWA juga dapat menerima pemberitahuan push.

Sekarang, teka apa? Google sejak awal berada di barisan hadapan Progressive Web Apps, bersama dengan Mozilla plus Microsoft.

Dan setelah menguji semuanya pada banyak projek berulang kali, inilah yang mereka simpulkan mengenai Aplikasi Web Progresif:

• Mereka Boleh dipercayai- PWA mampu memuat dengan sangat pantas walaupun dalam keadaan rangkaian yang buruk, terima kasih kepada pekerja perkhidmatan mereka sebelum melakukan cache sumber kritikal.
• Mereka Cepat - PWA amat mengagumkan responsive apabila anda berinteraksi dengan mereka. Mereka secara konsisten mengekalkan animasi yang jelas dan penatalan lancar.
• Mereka Terlibat -Pengalaman pengguna di sini, tanpa keraguan, cukup mengasyikkan. PWA berkelakuan seperti aplikasi mudah alih asli pada penyemak imbas, dan aplikasi tersebut dapat disematkan dengan mudah di skrin utama anda. Selain itu, jika anda perlu melibatkan semula pengguna yang menjalankan PWA anda, anda selalu dapat menghantar pemberitahuan push.

Salah satu syarikat yang telah melihat faedah ini secara langsung adalah Tinder Sebelum ini, purata masa muat aplikasi mereka adalah 11.91 saat. Tetapi, setelah memperkenalkan versi PWA yang 90% lebih ringan daripada aplikasi android asli mereka, masa memuat turun jauh. Hasilnya, tahap penglibatan pengguna mereka meningkat dengan ketara.

Sekiranya itu tidak meyakinkan anda, mungkin Pengguna cerita akan. Dengan memanfaatkan kekuatan PWA, syarikat dapat menghasilkan aplikasi yang memiliki kecepatan pemuatan yang hebat walaupun pada 2G. Dan masa muatan yang sesuai? Nah, PWA 50kb mereka secara konsisten berjaya memuatkan dalam masa kurang dari 3 saat.

Sekarang, kita hampir tidak menggaru permukaan di sini. Terdapat banyak lagi kisah kejayaan daripada pelbagai jenama. Semuanya terima kasih kepada keupayaan revolusioner Apl Web Progresif.

Yang mengatakan, mari kita pergi ke sedikit praktikal.

Jadi, apa sebenarnya Kedai Vue?

Ulasan Vue Storefront - Gambaran Keseluruhan

Vue Storefront, sebagai permulaan, adalah Aplikasi Web Progresif sumber terbuka yang dibangunkan untuk perniagaan dalam talian. Objektif utamanya adalah membantu peniaga digital dan perusahaan meningkatkan tahap pengalaman pelanggan mereka.

Syukurlah, anda tidak memerlukan sistem e-dagang khusus untuk menggunakan Vue Storefront. Oleh kerana keseluruhan kerangka dibina menggunakan seni bina tanpa kepala, anda seharusnya dapat mengatur integrasi backend anda sendiri. Singkatnya, ini bermaksud Vue Storefront adalah aplikasi yang fleksibel secara holistik yang dapat disatukan dengan platform e-dagang mana pun untuk berfungsi sebagai front-end.

Setakat ini, pembangunnya telah mengintegrasikannya dengan Magento, Spree Commerce, Sylius, dan Shopify, Vue Storefront Core Team, bekerjasama rapat dengan Shopware Team, mengembangkan integrasi Shopware PWA asli, dan Vue Storefront menjadi bahagian penting dari commercetools Accelerator sebagai frontend sumber terbuka yang disyorkan untuk commercetools dan ahli MACH Alliance — kumpulan syarikat teknologi yang ditubuhkan oleh commercetools, Contentstack, EPAM Systems, dan Valtech — untuk menyebarkan pengetahuan mengenai potensi teknologi tanpa kepala.

Dan memandangkan ia disokong oleh lebih daripada 70 rakan rasmi, lebih daripada 100 projek langsung komuniti yang luas dengan lebih daripada 3000 pembangun, anda boleh mengharapkan integrasi tambahan akan dilancarkan tidak lama lagi. Nampaknya Vue Storefront baru bermula.

Tetapi sekali lagi, walaupun kadar inovasi mereka terpuji, anda tidak perlu menunggu pasukan Vue Storefront muncul dengan integrasi untuk platform e-niaga anda sekarang. PWA ini pada asasnya dikodkan Vue.js, dan bergantung pada Elasticsearch untuk pangkalan data, serta Node.js ketika datang ke pelayan-API.

Oleh itu, jika anda seorang pemaju berpengalaman, saya rasa anda sudah dapat mengetahui bahawa menyiapkan front-end baru tidak boleh menjadi cabaran sama sekali. Tetapi, sekiranya terdapat kesulitan, Kedai Vue dilengkapi dengan pelbagai tutorial dan dokumentasi sokongan yang komprehensif. Anda boleh menggunakan semua itu untuk mengetahui cara mengubah kod sumber terbuka.

Sekiranya itu terdengar seperti sesuatu yang anda mahu lakukan, Vue Storefront boleh diakses GitHub. Dan yang menarik, sejauh ini telah menarik lebih daripada 7,000 bintang di platform ini.

Ok, tidak buruk sama sekali. Tetapi, apa sebenarnya yang dinikmati oleh peniaga Kedai Vue? Adakah benar-benar mempunyai ciri-ciri yang dapat mendorong perniagaan anda ke tingkat berikutnya?

Izinkan saya menjawabnya dengan membimbing anda melalui pelbagai sifat Vue Storefront.

Ulasan Vue Storefront - Ciri Utama

Pengalaman Pengguna

Perkara pertama didahulukan. Memandangkan pengalaman pengguna adalah fokus utama di sini, bagaimana sebenarnya prestasi antara muka Vue Storefront?

Nah, satu perkara yang dapat anda harapkan dari Vue Storefront adalah memecahkan halangan peranti. Oleh kerana ia adalah aplikasi web, anda seharusnya dapat melancarkan dan menjalankannya di mana-mana peranti. Ini bermakna Vue Storefront menghilangkan cabaran untuk mengembangkan pelbagai aplikasi asli untuk setiap OS peranti.

Masalah lain yang boleh anda selesaikan melalui Vue Storefront adalah sebahagian besar aplikasi asli. Aplikasi Android, iOS dan PC semakin berat dari hari ke hari dengan setiap pengenalan ciri baru yang diperkenalkan. Itulah sebabnya kemas kini aplikasi terkenal kerana mengambil lebih banyak ruang memori.

Dengan Vue Storefront, bagaimanapun, hampir seperti kita sudah kembali ke zaman aplikasi Symbian. Ia menggunakan lebih sedikit data berbanding aplikasi asli.

Dan bahagian yang terbaik adalah, pelanggan kedai anda tidak perlu memuat turun apa-apa. Mereka dapat mengakses pengalaman asli secara langsung melalui penyemak imbas web mereka.

Sebenarnya, mereka tidak perlu online. Kedai Vue membolehkan mereka membeli-belah dengan selesa walaupun peranti mereka di luar talian.

Kemudian dapatkan ini. Walaupun laman web e-niaga anda akhirnya berkelakuan seperti aplikasi asli, Google tetap menganggapnya sebagai laman web. Jadi, tentu saja, kedai dalam talian anda akan diindeks dengan sewajarnya, seperti laman web biasa yang lain.

Dan inilah perkara. Kemungkinannya, laman web anda akan mempunyai kelebihan peringkat yang besar dari yang biasa, kerana Google cenderung menyukai laman web dengan kecepatan memuat cepat. Tambahan lagi, perlu diperhatikan bahawa enjin carian semakin beralih ke pengindeksan pertama mudah alih.

Ngomong-ngomong, masa memuat yang besar bermakna lebih banyak lalu lintas. Sekarang, anda mungkin menyedari bahawa kelajuan memuatkan laman web yang buruk mencetuskan kadar pentalan yang tinggi kerana pengguna internet tidak sabar menunggu. Oleh itu, dengan peningkatan aliran lalu lintas, anda seharusnya dapat meningkatkan kadar penukaran keseluruhan anda dalam jangka masa panjang.

Taktik lain yang dapat Anda gunakan untuk meningkatkannya adalah dengan mengirimkan pemberitahuan push. Vue Storefront membolehkan anda menjaga petunjuk anda dengan berkomunikasi dengan mereka melalui pesanan push. Anda boleh memanfaatkannya untuk menjalankan promosi serta menjual pelbagai dan menjual pelbagai produk.

Bermula

Pasukan di belakang Vue Storefront nampaknya bermula Magento kerana ia adalah salah satu platform e-dagang terbesar di dunia hari ini. Plus, ini adalah sistem sumber terbuka yang menggabungkan fungsi hebat dengan fleksibiliti tanpa had. Itulah sebabnya, sebenarnya, perniagaan dan perusahaan bergabung dengan Magento kereta kebal.

Sekiranya salah satu daripada banyak, anda boleh memulakannya dengan memanfaatkan Vue Storefront's Magento permohonan. Namun, prosesnya tidak semudah yang anda bayangkan.

Pada mulanya, anda harus bergantung pada bengkel untuk merancang projek anda dengan sewajarnya. Itu bermaksud menentukan bukan sahaja skop projek anda, tetapi juga anggaran dan masa yang sesuai.

Selanjutnya adalah bukti konsep dan objektifnya adalah mengesahkan kesan yang akan dibuat oleh Vue Storefront terhadap perniagaan anda. Oleh itu, anda mungkin perlu menjalankan contoh ringkas dari Kedai Vue kerangka semasa menjalankan pelbagai ujian pengalaman pengguna.

Itu sahaja boleh menjadi sangat berguna apabila anda perlu meyakinkan pihak berkepentingan untuk melabur dalam aplikasi ini. Selain itu, anda juga berpeluang membuat keputusan tepat mengenai peluncuran yang akan datang berdasarkan bagaimana pengguna bertindak balas terhadap versi kedai baru.

Secara keseluruhannya, bukti konsep akan memerlukan masa beberapa minggu - mungkin 4-6 paling banyak. Kemudian dengan menggunakan data yang telah anda kumpulkan, anda dapat terus melaksanakan versi PWA penuh dari laman web e-niaga anda menggunakan Vue Storefront. Dan, seiring berjalannya waktu, anda secara beransur-ansur dapat menggunakan kod sumber terbuka yang mendasari untuk menyelaraskan perniagaan anda dengan keperluan pasaran yang selalu berubah.

Komponen

Kedai Vue dilengkapi dengan dua jenis komponen yang berbeza.

Di yayasan, kami mempunyai Komponen Teras. Mereka dibina berdasarkan struktur perniagaan asas kedai dalam talian khas. Jadi, dengan cara ini, mereka menjimatkan masalah untuk membuat semuanya dari awal.

Walaupun begitu, komponen teras dapat diterima pakai oleh tema laman web anda. Yang diperlukan hanyalah menggayakan dan menentukan tanda HTML yang disertakan.

Dan semasa anda berada, anda akan perhatikan bahawa setiap komponen teras menawarkan antara muka yang berbeza, yang mana anda dapat mengolah semula tema anda dengan mudah.

Sekiranya anda menjalankan tugas, anda mesti mencari komponen teras dalam folder komponen setiap modul. Kemudian setelah anda melakukannya, terapkan pada tema anda sebagai mixin.

Oleh itu, saya yakin anda mungkin sudah dapat meneka jenis komponen kedua. Dan ya, anda betul. Mereka adalah Komponen Tema, yang mewakili susun atur bahagian depan yang akhirnya anda paparkan pada aplikasi.

Walaupun anda boleh meletakkan komponen khusus anda sendiri dalam tema, kaedah termudah untuk menerapkan logik perniagaan adalah dengan memanfaatkan komponen teras.

Tema Depan Kedai

Walaupun Vue Storefront terus memanfaatkan tema yang dirancang sebelumnya, anda tidak perlu menggunakannya sama sekali. Sebaliknya, anda boleh membuat tema e-dagang anda sendiri, dan kemudian menggabungkannya dengan logik perniagaan teras aplikasi untuk pengalaman e-dagang yang lengkap.

Tetapi, anda memerlukan kemahiran HTML dan CSS untuk mencapainya. Atau sebagai alternatif, hanya mengupah pemaju yang berpengalaman untuk menangani keseluruhan proses. Vue Storefront bahkan membolehkan anda menyesuaikan komponen utamanya lebih jauh jika anda memerlukannya.

Namun, fikirkanlah, membina tema anda sendiri dari awal seolah-olah proses yang membebankan. Selain itu, Kedai Vue dilengkapi dengan tema yang tersendiri di src / tema folder.

Yang terbaru Tema 2.0, sebagai contoh, telah dibuat menggunakan Buku Main Runcit Google UX. Itu diterjemahkan kepada pengalaman pengguna yang dioptimumkan dengan baik. Tetapi bukan itu sahaja. Oleh kerana fleksibel secara dinamik, anda boleh mengubahnya dengan pelbagai cara untuk membuat reka bentuk khusus anda sendiri.

Ciri E-dagang

Berikut adalah beberapa ciri e-dagang yang anda dapati di Vue Storefront:

• Melayari katalog
• Melayari produk
• Sokongan pengurusan katalog
• Akaun pelanggan
• Perkhidmatan pelanggan
• Pengurusan pesanan
• Promosi pemasaran
• Analisis dan pelaporan
• Search Engine Optimization
• Pembayaran, pembayaran, dan penghantaran

Ulasan Vue Storefront - Harga

Memperolehi Kedai Vue tidak akan dikenakan apa-apa. Sedikitpun pun tidak. Kos hanya akan bertambah apabila sampai ke tahap penyesuaian berikutnya.

Kecuali anda berpengalaman dalam pengekodan, anda akan terpaksa menyewa pasukan pembangun untuk mengintegrasikan Vue Storefront dengan laman web e-niaga anda, serta mengubah komponen dan tema utamanya.

Siapa Yang Perlu Pertimbangkan Menggunakan Vue Storefront? 

Tidak dapat dinafikan bahawa Vue Storefront ialah alat revolusioner untuk meningkatkan pengalaman pengguna pelanggan anda. Dan memandangkan ia adalah Aplikasi Web Progresif sumber terbuka, ia tersedia untuk semua orang secara percuma.

Masalahnya dengan Vue Storefront, bagaimanapun, adalah proses pelaksanaannya. Menyematkan aplikasi dengan laman web e-niaga anda adalah proses yang kompleks secara teknikal yang memerlukan pengekodan yang berat. Sudah tentu ia bukan sesuatu yang dapat anda uruskan tanpa kemahiran pengekodan.

Tetapi, itu tidak sama dengan faedah PWA. Vue Storefront bernilai usaha. Oleh itu, anda boleh mempertimbangkan untuk mengambil pembangun yang berpengalaman untuk melaksanakannya dengan sewajarnya. Selain itu, seni bina tanpa kepala menjadikannya aplikasi fleksibel yang dapat disertakan dengan backend platform e-commerce.

Oleh itu, secara keseluruhan, Kedai Vue adalah untuk semua jenis perniagaan dan perusahaan dalam talian. Selama anda menjalankan laman web e-dagang, Aplikasi Web Progresif ini patut dipertimbangkan jika anda ingin meningkatkan pengalaman pelanggan anda secara keseluruhan.

Ini adalah bil kesihatan yang baik dari kami di sini di ecommerce-platforms.com. Sekarang, apa pendapat anda?