미래는 여기있다!
좋아요, 모든 것을 잠시 내려놓고 이 말을 들어보세요. 온라인 매장의 사용자 경험과 SEO 순위를 크게 개선할 수 있는 무료 전자상거래 애플리케이션을 상상해보세요. 모든 전자상거래 백엔드에서 편안하게 실행할 수 있을 만큼 유연한 혁신적인 시스템입니다.
약간의 스트레칭이라고 생각하십니까?
네, 저도 거기 있었기 때문에 그 소리가 어떻게 들리는 지 압니다. 글쎄, 적어도 궁극적 으로이 미친 일을 시도하기 전까지는 프로그레시브 웹 앱 또는 PWA라고합니다.
이제 기업이 PWA에 점점 더 많은 사랑을 받고있는 데에는 이유가 있습니다. 나는 그들 모두를 곧 공개 할 것이다. 그러나 지금은 PWA 활용의 전체 개념을 이해하는 데 도움이되는 특정 응용 프로그램을 소개하겠습니다.
Vue Storefront에 대해 들어 본 적이 있습니까?
새로운 전자 상거래 애플리케이션이지만 괜찮아요. Vue Storefront는 지금까지 가장 크고 가장 완벽한 PWA입니다.
그러나 이것이 전자 상거래의 의미는 무엇입니까?
이 뷰 상점 Review는 프로그레시브 웹 애플리케이션이 무엇인지, Vue Storefront가 모든 전자 상거래 기능 및 그와 연결된 전자 상거래 기능에 어떻게 연결되어 있는지 알아야합니다.
프로그레시브 웹 앱이란 무엇입니까?
우리가 말한 것을 기억 모바일은 거의 시작되지 않습니다? 우리 모두 잘 지내고 있습니다. 그리고 여기 증거가 있습니다.
모바일이 먼저 등장한 후 모바일 앱을 소개했습니다. 그런 다음 시간이 지남에 따라 개발자가 더 원활하게 만들기 위해 사용자 환경을 개선하면서 앱이 PC 및 웹 플랫폼과 병합되기 시작했습니다.
이 모든 분야에서의 발전이 증가하면서 이제 우리는 진정으로 혁명적인 전자상거래의 직전까지 왔습니다. 다시 말해, PWA 시대에 오신 것을 환영합니다.
이제 프로그레시브 웹 앱은 웹과 모바일 앱 모두에서 최고를 제공합니다. 보다 구체적으로, PWA는 전형적인 웹 기술을 기반으로하며 최신 자바 스크립트 기능 중 일부가 조미료 역할을합니다. 최종 결과는 전체적인 직관성이 기본 iOS 또는 Android 앱과 매우 유사한 웹 응용 프로그램입니다.
살펴 이 스타 벅스 (Starbucks) 대지. 일반 웹 사이트와 비교하여 비정상적으로 이상한 점이 있습니까? 이제 휴대 전화에서 다시로드 해 봅니다.
기본 앱처럼 보이는 것 같습니다. 부드럽고 매끄럽고 놀랍도록 빠릅니다. 바로 PWA의 힘이 있습니다.
그리고 이것이 전자 상거래와 어떤 관련이 있습니까?
글쎄, 이것을 고려하십시오. Progressive Web Apps는 일반적으로 사용자 장치 데이터와 다운로드 한 파일을 캐시에 보관합니다. 이는 본질적으로 장치에서 요청이 발생하자마자 즉시 데이터를 사용할 수 있음을 의미합니다.
그리고 가장 좋은 부분은? 인터넷 속도가 매우 느린 경우에도 페이지 로딩이 항상 빠릅니다.
전체 프레임 워크는 기본적으로 서버와 앱 사이의 브릿지 역할을하는 서비스 워커에 의해 촉진됩니다. 따라서 요청을 처리하기 위해 장치 캐시에 이미 보유 된 데이터를 사용하면서 동시에 해당 서버 데이터와 모든 것을 동기화합니다.
그런 다음 간단한 JSON 파일로 인해 웹앱 매니페스트, 프로그레시브 웹 애플리케이션은 일반적으로 전체 화면을 표시하여 지속적으로 몰입 할 수있는 경험을 제공합니다. 이 작은 기능은 기본적으로 브라우저와 상호 작용하여 스마트 폰 앱과 동일한 인터페이스를 통해 웹 응용 프로그램을 표시하도록 지시합니다.
그리고 그게 전부가 아닙니다. 푸시 API 및 고급 브라우저 기술과 결합 된 캐시 서비스 워커는 PWA를 장치의 홈 화면에 직접 설치할 수있게했습니다. 따라서 장치가 오프라인이 된 후에도 계속 사용할 수 있습니다. 또한 PWA는 푸시 알림을받을 수도 있습니다.
이제 무엇을 추측합니까? 구글 Mozilla 및 Microsoft와 함께 처음부터 Progressive Web Apps의 선두에 서있었습니다.
그리고 수많은 프로젝트에서 계속해서 모든 것을 테스트 한 후, Progressive Web Apps에 대해 결론을 내 렸습니다.
- 그들은 믿을만하다– PWA는 서비스 작업자가 중요한 리소스를 사전 캐싱하기 때문에 열악한 네트워크 환경에서도 매우 빠르게로드 할 수 있습니다.
- 그들은 빠르다 – PWA는 훌륭합니다 responsive 당신이 그들과 상호 작용할 때. 선명한 애니메이션과 부드러운 스크롤을 일관되게 유지합니다.
- 그들은 참여하고 있습니다 –여기에서의 사용자 경험은 의심의 여지없이 몰입감이 있습니다. PWA는 브라우저에서 기본 모바일 앱처럼 작동하며 홈 화면에 쉽게 포함시킬 수 있습니다. 또한 PWA를 실행하는 사용자를 다시 참여시켜야하는 경우 언제든지 푸시 알림을 보낼 수 있습니다.
이러한 이점을 직접 본 한 회사는 부싯깃. 이전에는 평균 앱로드 시간이 11.91 초였습니다. 그러나 기본 안드로이드 앱보다 90 % 가벼워진 PWA 버전을 도입 한 후 로딩 시간이 크게 단축되었습니다. 그 결과 사용자 참여 수준이 상당히 높아졌습니다.
그래도 설득력이 없다면 우 버스 이야기 할 것이다. 이 회사는 PWA의 강력한 기능을 활용하여 2G에서도 로딩 속도가 빠른 앱을 개발할 수있었습니다. 그리고 해당로드 시간? 50kb PWA는 3 초 이내에 지속적으로로드를 관리합니다.
이제 표면을 거의 긁지 않았습니다. 더 많은 것이 있습니다 성공 사례 다양한 브랜드에서. 모두 Progressive Web Apps의 혁신적인 기능 덕분입니다.
즉, 이제 실용적인 부분으로 넘어 갑시다.
그래서 정확히 무엇입니까 뷰 상점?
Vue 상점 첫 화면 검토 – 개요
초보자를위한 Vue Storefront는 온라인 비즈니스를 위해 개발 된 오픈 소스 Progressive Web Application입니다. 주요 목표는 디지털 판매자와 기업이 고객 경험 수준을 높이는 데 도움이됩니다.
고맙게도 Vue Storefront를 사용하기 위해 특별한 전자 상거래 시스템이 필요하지 않습니다. 전체 프레임 워크는 헤드리스 아키텍처를 사용하여 구축되므로 자체 백엔드 통합을 설정할 수 있어야합니다. 즉, Vue Storefront는 전자 상거래 플랫폼과 통합하여 프런트 엔드로 사용할 수있는 전체적으로 유연한 응용 프로그램입니다.
지금까지 개발자는 Magento, Spree Commerce, Sylius 및 ShopifyVue Storefront Core Team은 Shopware Team과의 긴밀한 협력을 통해 기본 Shopware PWA 통합을 개발했으며 Vue Storefront는 commercetools Accelerator에서 commercetools 및 MACH Alliance 그룹의 권장 오픈 소스 프론트 엔드로서 중요한 부분이되었습니다. commercetools, Contentstack, EPAM Systems 및 Valtech가 설립 한 기술 회사는 헤드리스 기술의 잠재력에 대한 지식을 전파합니다.
그리고 그것이 70 공식 파트너 이상 100 개의 라이브 프로젝트 이상의 광범위한 커뮤니티 3000 개발자는 추가 통합이 곧 출시 될 것으로 예상 할 수 있습니다. Vue Storefront가 시작하는 것 같습니다.
그러나 혁신 속도는 훌륭하지만 Vue Storefront 팀이 현재 전자 상거래 플랫폼과 통합 될 때까지 기다릴 필요는 없습니다. 이 PWA는 기본적으로 뷰.js, 그리고 그것은 의존 탄성 검색 데이터베이스와 서버 API에 관해서는 Node.js를 위해.
따라서 숙련 된 개발자라면 새로운 프런트 엔드를 설정하는 것이 전혀 어려운 일이 아니라고 이미 말할 수 있습니다. 그러나 어려움이있는 경우 뷰 상점 여러 자습서와 포괄적 인 지원 설명서가 함께 제공됩니다. 이 모든 것을 사용하여 오픈 소스 코드를 조정하는 방법을 알아낼 수 있습니다.
원하는 것이 들리면 Vue Storefront에서 액세스 할 수 있습니다. GitHub의. 그리고 흥미롭게도 지금까지 플랫폼에서 7,000 명 이상의 별을 끌어 들였습니다.
좋아, 전혀 나쁘지 않다. 그러나 상인들이 정확히 즐기는 것은 무엇입니까? 뷰 상점? 실제로 비즈니스를 다음 단계로 끌어 올릴 수있는 기능이 있습니까?
다양한 Vue Storefront의 속성을 안내함으로써 이에 대한 답변을 드리겠습니다.
Vue 상점 첫 화면 검토 – 주요 기능
사용자 경험
먼저 첫 번째 것들. 여기서 Vue Storefront의 인터페이스는 정확히 어떻게 사용자 경험을 고려 하는가?
Vue Storefront에서 기대할 수있는 것은 장치 장벽을 깨는 것입니다. 웹 응용 프로그램이므로 모든 장치에서 실행하고 실행할 수 있어야합니다. 이는 Vue Storefront가 각 장치 OS에 대해 여러 기본 응용 프로그램을 개발해야하는 어려움을 없애줍니다.
Vue Storefront를 통해 해결할 수있는 또 다른 문제는 기본 앱의 부피입니다. Android, iOS 및 PC 앱은 개발자가 소개하는 모든 새로운 기능으로 인해 날이 갈수록 무거워지고 있습니다. 그렇기 때문에 앱 업데이트가 더 많은 메모리 공간을 차지하는 것으로 유명합니다.
그러나 Vue Storefront를 사용하면 Symbian 앱 시대로 거슬러 올라간 것과 거의 같습니다. 기본 앱에 비해 훨씬 적은 데이터를 사용합니다.
그리고 가장 좋은 점은 매장 고객이 아무것도 다운로드 할 필요가 없다는 것입니다. 웹 브라우저를 통해 직접 기본 환경에 액세스 할 수 있습니다.
사실, 그들은 온라인에 갈 필요조차 없습니다. 뷰 상점 기기가 오프라인 일 때도 편안하게 쇼핑 할 수 있습니다.
그럼 가져와 전자 상거래 사이트는 기본 앱처럼 작동하지만 Google은 여전히 해당 사이트를 웹 사이트로 간주합니다. 물론 온라인 상점은 다른 일반 사이트와 마찬가지로 색인이 생성됩니다.
그리고 여기에 있습니다. Google은 빠른 로딩 속도를 가진 웹 사이트를 선호하기 때문에 귀하의 사이트는 다른 일반 사이트보다 순위가 큰 이점을 얻을 수 있습니다. 또한 검색 엔진이 점점 모바일 우선 색인으로 전환하고 있다는 점도 주목할 가치가 있습니다.
말하자면, 로딩 시간이 길면 더 많은 트래픽을 의미합니다. 인터넷 소비자가 기다리는 것을 싫어하기 때문에 웹 페이지 로딩 속도가 좋지 않으면 이탈률이 높아지는 것을 알 수 있습니다. 따라서 트래픽 흐름이 증가하면 장기적으로 전반적인 전환율을 향상시킬 수 있습니다.
푸시 알림을 보내는 것이 더욱 강화 될 수있는 또 다른 전술입니다. Vue Storefront를 사용하면 푸시 메시지를 통해 리드와 통신하여 리드를 계속 유지할 수 있습니다. 이를 활용하여 프로모션을 실행하고 다양한 제품을 교차 판매 및 상향 판매 할 수 있습니다.
시작 가이드
Vue Storefront의 팀은 겉보기에 Magento 오늘날 세계에서 가장 큰 전자 상거래 플랫폼 중 하나이기 때문입니다. 또한 뛰어난 기능과 무한한 유연성을 결합한 오픈 소스 시스템입니다. 이것이 사실 기업과 기업이 Magento 악 대차.
많은 경우 Vue Storefront를 활용하여 바로 시작할 수 있습니다. Magento 신청. 그러나 그 과정은 당신이 상상하는 것만 큼 간단하지 않습니다.
처음에는 워크숍에 의존하여 프로젝트를 적절히 계획해야합니다. 즉, 프로젝트 범위뿐만 아니라 해당 예산과 시간도 지정해야합니다.
다음은 개념 증명이며 Vue Storefront가 비즈니스에 미치는 영향을 확인합니다. 결과적으로 간단한 인스턴스를 실행해야 할 수도 있습니다. 뷰 상점 다양한 사용자 경험 테스트를 수행하면서 프레임 워크.
이해 관계자가 앱에 투자하도록 설득해야 할 때 이것만으로도 매우 유용 할 수 있습니다. 또한 사용자가 새로운 상점 버전에 응답하는 방식에 따라 예정된 출시에 대한 정보에 입각 한 결정을 내릴 수 있습니다.
대체로 개념 증명에 몇 주가 소요될 수 있습니다. 그런 다음 수집 한 데이터를 사용하여 Vue Storefront를 사용하여 전자 상거래 사이트의 전체 PWA 버전을 구현할 수 있습니다. 또한 시간이 지남에 따라 기본 오픈 소스 코드를 점차적으로 변경하여 끊임없이 변화하는 시장 요구에 맞게 비즈니스를 조정할 수 있습니다.
구성 요소들
뷰 상점 두 가지 구성 요소 유형이 제공됩니다.
재단에서 우리는 핵심 구성 요소. 이들은 전형적인 온라인 상점의 기본 비즈니스 구조를 기반으로 구축됩니다. 따라서 어떤 식 으로든 모든 것을 처음부터 새로 만드는 번거 로움을 덜어줍니다.
즉, 핵심 구성 요소는 사이트 테마로 채택 할 수 있습니다. 필요한 것은 단순히 HTML 마크 업을 스타일링하고 정의하는 것입니다.
또한 각 핵심 구성 요소가 고유 한 인터페이스를 제공하므로 테마를 쉽게 재 작업 할 수 있습니다.
글쎄, 당신이 작업을 수행하는 경우, 모든 모듈의 구성 요소 폴더에서 핵심 구성 요소를 찾아야합니다. 그런 후에는 테마에 믹스 인으로 적용하십시오.
말하자면 두 번째 유형의 구성 요소를 이미 추측했을 것입니다. 네, 그렇습니다. 그들은 테마 구성 요소, 앱에 궁극적으로 표시되는 프런트 엔드 레이아웃을 나타냅니다.
테마 내에 고유 한 특수 구성 요소를 배치 할 수 있지만 비즈니스 로직을 적용하는 가장 쉬운 방법은 항상 핵심 구성 요소를 활용하는 것입니다.
상점 테마
Vue Storefront는 계속 사전 디자인 된 테마를 제공하지만 전혀 사용할 필요는 없습니다. 대신, 당신은 당신의 자신의 전자 상거래 테마를 만든 다음 완전한 전자 상거래 경험을 위해 앱의 핵심 비즈니스 논리와 결합 할 수 있습니다.
그러나이를 달성하려면 HTML 및 CSS 기술이 필요합니다. 또는 경험이 풍부한 개발자를 고용하여 전체 프로세스를 처리 할 수도 있습니다. Vue Storefront를 사용하면 필요한 경우 핵심 구성 요소를 추가로 사용자 지정할 수도 있습니다.
그러나 처음부터 자신 만의 테마를 만드는 것은 번거로운 과정처럼 보입니다. 게다가, 뷰 상점 의 자체 견고한 테마와 함께 제공 src / 테마 폴더에 있습니다.
최신 테마 2.0, 예를 들어 Google UX 소매 플레이 북. 이는 최적화 된 사용자 경험으로 해석됩니다. 그러나 이것이 전부는 아닙니다. 동적으로 유연하기 때문에 다양한 방식으로 조정하여 자신 만의 특수한 디자인을 만들 수 있습니다.
전자 상거래 기능
Vue Storefront에서 볼 수있는 전자 상거래 기능은 다음과 같습니다.
- 카탈로그 브라우징
- 제품 찾아보기
- 카탈로그 관리 지원
- 고객 계정
- 고객 서비스
- 주문 관리
- 마케팅 프로모션
- 분석 및보고
- 검색 엔진 마케팅 (SEO)
- 결제, 결제 및 배송
Vue Storefront Review – 가격
취득 뷰 상점 비용이 들지 않습니다. 한푼도 아닙니다. 후속 커스터마이징 단계에서는 비용이 누적되기 시작합니다.
코딩 경험이 없으면 개발자 팀을 고용하여 Vue Storefront를 전자 상거래 사이트와 통합하고 핵심 구성 요소와 테마를 조정해야합니다.
Vue Storefront 사용을 누가 고려해야합니까?
Vue Storefront가 고객의 사용자 경험을 개선하는 혁신적인 도구라는 것은 부인할 수 없습니다. 그리고 오픈소스 Progressive Web Application이라는 점을 고려하면 누구나 무료로 사용할 수 있습니다.
그러나 Vue Storefront의 문제점은 구현 프로세스입니다. 전자 상거래 사이트에 응용 프로그램을 포함시키는 것은 기술적으로 복잡한 과정으로 많은 코딩이 필요합니다. 코딩 기술 없이는 관리 할 수있는 것이 아닙니다.
그러나 이것은 PWA의 이점과 비교할만한 것은 아닙니다. Vue Storefront는 그만한 가치가 있습니다. 따라서 숙련 된 개발자를 고용하여 적절하게 실행할 수 있습니다. 또한 헤드리스 아키텍처는 전자 상거래 플랫폼 백엔드에 내장 될 수있는 유연한 애플리케이션입니다.
그러므로 결국 뷰 상점 모든 유형의 온라인 비즈니스 및 기업을위한 것입니다. 전자 상거래 사이트를 운영하는 한이 프로그레시브 웹 앱은 전반적인 고객 경험을 향상시킬 것인지 고려할 가치가 있습니다.
ecommerce-platforms.com에서 우리의 깨끗한 건강 청구서입니다. 자, 당신에게-당신의 생각은 무엇입니까?
코멘트 0 응답