Magento2에서 PWA를 사용하는 방법은 무엇입니까?


10

누구나 Magento2에서 PWA (Progressive Web Apps)를 사용하는 방법을 알고 있습니다. 블로그를 찾았지만 성공하지 못했습니다.


읽은 블로그 게시물을 공유 할 수 있습니까? 정확히 작동하지 않는 것은 무엇입니까?
Siarhey Uchukhlebau

정확히 작동하지 않는 것이 확실하지 않지만 앞으로 Magento2가 PWA와 함께 제공됩니다. 그것에 대한 가이드가 있습니까?
hweb87

magento 포럼 에서 PWA대한 흥미로운 질문 을 찾았 습니다.
Siarhey Uchukhlebau

참조 사이트 PWA가 있습니까? PWA에 내장 된 tihs 웹 사이트를 어떻게 찾을 수 있습니까?
hweb87

나는 PWA가 실현 된 사이트를 전혀 모른다 :(
Siarhey Uchukhlebau

답변:


4

마젠 토의 PWA 소개 :

블로그 에이전트 또는 github 프로젝트에 대한 모든 유용한 링크가 저장된 magento 포럼 에서 PWA 구현에 대해 자세히 읽을 수 있습니다 .

  1. Meanbee의 github의 Magento 1 PWA 모듈
  2. 블로그 게시물 "마 젠토 사이트가 프로그레시브 웹 앱이어야하는 이유는 무엇입니까?" Meanbee의 Tom Robertshaw
  3. Meanbee의 github의 Magento 2 서비스 워커 모듈
  4. Meanbee의 github의 Magento 2 WebApp 매니페스트 모듈
  5. Google의 프로그레시브 웹 애플리케이션 게시물
  6. Matt Gaunt & Paul Kinlan 의 웹 앱 매니페스트

서비스 작업자 호환성 정보 :

일반적으로 PWA는 서비스 워커를 사용 하여 실현 하고 있습니다. 현재 모든 브라우저와 호환되지는 않습니다 :

데스크탑 :

데스크탑 브라우저와의 서비스 워커 호환성

지원되지 않음 : IE, Safari


변하기 쉬운:

모바일 브라우저와의 서비스 워커 호환성

지원되지 않음 : Android Webview, IE, Safari


그것은 iOS와 호환되지 않음을 의미합니다
hweb87

@ hweb87 지금-예
Siarhey Uchukhlebau

새로운 세부 사항으로 확장 된 개요 magento.stackexchange.com/a/244665/2282
FireBear

안녕 @SiarheyUchukhlebau 내 질문은 여전히 ​​열려 iOS에서 Magento PWA 지원입니까? 오늘 내가 본 버그는 GitHub의에보고 github.com/magento-research/pwa-studio/issues/1441
hweb87

0

Magento 2.1.7 버전의 Tigren ( https://marketplace.magento.com/tigren-progressivewebapp.html ) 에서이 모듈을 사용했습니다 . 오류없이 그렇게 작동했습니다.

서비스 워커 및 모듈의 애플리케이션을 확장하기 위해 서비스 워커를 구성하는 방법에 대해 더 알아야합니다. 기본 수준에서는 기본적으로 매우 잘 작동합니다.


안녕 칼리 얀. 나도 같은 확장자를 사용하고 있습니다. 제공된 설치 단계를 따랐습니다. 그러나 오류가 표시됩니다. 당신이 그것을 해결하도록 도와 줄 수 있습니까?
Saravanan DS

당신이 얻는 오류는 무엇입니까?
Kalyan Chakravarthi V 5

여기에서 내 오류 명령을 확인하십시오. pastebin.com/8GhESQp3
Saravanan DS

안녕하세요 @Kalyan, 서버는 https에 있어야합니까?
Saravanan DS

1. Tigren_Core 모듈은 다운로드 한 패키지에 포함되어 있지 않으므로 필요하지 않습니다. 당신은 그것을 무시할 수 있습니다. 2. 예, https를 활성화해야합니다. 3. 데모 서버에서 더미 SSL 인증으로 테스트했지만 localhost에서는 테스트하지 않았습니다. 4. 더미 SSL 인증서는 예외로 추가 한 경우 Chrome 만 엄격하며 PWA는 더미 SSL 인증서와 함께 작동하지 않는 경우 firefox에서만 잘 작동합니다. 5. localhost에서 작업하는 경우 chrome에는 localhost에서 SSL을 허용하는 플래그 옵션이 있습니다.
Kalyan Chakravarthi V

0

MazePlazza에서 한 단어 씩 가져 왔습니다. https://www.mageplaza.com/blog/magento-2-integrate-progressive-web-app.html#what-is-progressive-web-app-pwa

Magento 2 웹 사이트를 PWA로 변환하는 세 가지 방법이 있으며, 이는 다른 비용과 관련이 있습니다.

1). Magento 2 PWA Extensions : 모듈을 구매하고 (최대 $ 150) 설치 서비스에 대한 비용을 지불하거나 직접 Extension을 설치 및 구성해야합니다.

2). Magento 2 PWA Studio : Pagent를 처음부터 구축하려면 Magento 2와 PWA에 대한 경험이 풍부한 PWA 개발자를 고용해야합니다. Magento 2 PWA Studio 도구를 사용하여 PWA 상점 첫 화면 및 새 API를 개발하는 데 최대 6 개월이 소요됩니다. 이 통합을위한 충분한 예산을 준비해야합니다.

삼). Magento 2 PWA 테마 : PWA 매장과 핵심 API가 모두 준비되었으므로 비용은 주로 사용자 지정 수준에 따라 달라집니다. 이 비용은 두 번째 솔루션보다 합리적이고 첫 번째 솔루션보다 높지만 투자 가치가 있습니다.

나에 따르면 첫 번째로가

감사합니다


첫 번째 옵션을 사용하고 내 웹 사이트에 대한 많은 타사 확장 프로그램이 있다면 Q1입니다. 해당 확장에도 영향을 줍니까? Q2. Magento 2 PWA Extensions는 다른 타사 확장을 지원합니까?
Balwant Singh

@BalwantSingh, PWA에서 구입 한 확장 프로그램은 설치된 확장 프로그램이나 향후 확장 프로그램에 영향을 미치지 않습니다. 새 페이지가 반응 형인 한 PWA 구매 확장 프로그램은 아무 것도 반응하지 않는 페이지를 필요로하기 때문에 PWA 확장 프로그램에서 자동으로 지원합니다.
zuber bandi

답장을 보내 주셔서 감사합니다. 그래도 3 번째 옵션을 선택하면 사용자 지정을 위해 PWA 개발자가 필요합니까?
Balwant Singh

@BalwantSingh ... 예
zuber bandi

처음부터 시작하는 방법? magento2.3에서 PWA를 구현하기위한 단계별 가이드가 있습니까?
jafar pinjar
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.