Como usar o PWA no Magento2?

10

Alguém tem uma idéia de como usar o PWA (Progressive Web Apps) no Magento2. Encontrei alguns blogs, mas não obtive sucesso.

magento2 third-party-module pwa hweb87
fonte
Você poderia compartilhar as postagens de um blog que leu? E o que exatamente não funciona?
Siarhey Uchukhlebau
Não tenho certeza do que não está funcionando exatamente, mas no futuro o Magento2 vem com o PWA. Você tem algum guia para isso?
precisa saber é o seguinte
Eu achei qeustion interessante sobre o PWA no fórum magento, pode ser útil.
Siarhey Uchukhlebau
Você tem algum site de referência PWA? como posso encontrar esse site construído no PWA.
precisa saber é o seguinte
Eu não conheço nenhum site em que o PWA foi realizado :(
Siarhey Uchukhlebau

Respostas:

4

Sobre a PWA no Magento:

Você pode ler mais sobre a implementação do PWA no fórum magento, onde armazenados todos os links úteis para uma postagem de blog ou projetos do github:

  1. Módulo PWA Magento 1 no github por Meanbee
  2. Postagem no blog "Por que seu site Magento precisa ser um aplicativo da Web progressivo?" por Tom Robertshaw de Meanbee
  3. Módulo Magento 2 Service Worker no github por Meanbee
  4. Módulo Magento 2 WebApp Manifest no github por Meanbee
  5. Postagem progressiva dos aplicativos Web do Google
  6. O manifesto do aplicativo da Web de Matt Gaunt e Paul Kinlan

Sobre a compatibilidade do trabalhador de serviço:

Normalmente, o PWA está percebendo o uso do Service Worker . No momento, não é compatível com todos os navegadores:

Área de Trabalho:

Compatibilidade do Service Worker com navegadores de desktop

Não suportado: IE, Safari

Móvel:

Compatibilidade do Service Worker com navegadores móveis

Não suportado: Android Webview, IE, Safari

Siarhey Uchukhlebau
fonte
Isso significa que não é compatível com iOS
hweb87
@ hweb87 Agora - sim
Siarhey Uchukhlebau 20/17/17
Boa estendida visão geral com detalhes frescos magento.stackexchange.com/a/244665/2282
FireBear
Olá, @SiarheyUchukhlebau Minha pergunta ainda está em aberto: o Magento PWA é compatível com iOS? Hoje eu vi erros relatados no github github.com/magento-research/pwa-studio/issues/1441
hweb87
0

Eu usei esse módulo da Tigren ( https://marketplace.magento.com/tigren-progressivewebapp.html ) na versão Magento 2.1.7. Funcionou assim sem nenhum erro.

Observe que precisamos saber mais sobre os profissionais de serviço e como configurá-los para expandir os aplicativos do módulo. No nível básico, funciona muito bem fora da caixa.

Kalyan Chakravarthi V
fonte
Oi Kalyan. Eu também usando a mesma extensão. Eu segui as etapas de instalação fornecidas. Mas isso mostra erro. Você pode me ajudar a resolvê-lo?
Saravanan DS
Qual é o erro que você esta tendo ?
Kalyan Chakravarthi V
Por favor, verifique meus comandos de erro aqui. pastebin.com/8GhESQp3
Saravanan DS
Olá, @Kalyan, o servidor deve estar em https?
Saravanan DS
1. O módulo Tigren_Core não está incluído no pacote que você baixou, não é necessário. Você pode ignorá-lo. 2. Sim, você precisa ter o https ativado. 3. Testamos em nosso servidor demo com uma certificação SSL fictícia, mas não no host local. 4. O certificado SSL fictício funcionará bem apenas com o Firefox, se você adicionou como exceção, o Chrome é rigoroso e o PWA não funcionará com o certificado SSL fictício. 5. Se você estiver trabalhando no localhost, o chrome possui alguma opção de sinalizador para permitir o SSL no localhost
Kalyan Chakravarthi V
0

Peguei palavra por palavra do MazePlazza. https://www.mageplaza.com/blog/magento-2-integrate-progressive-web-app.html#what-is-progressive-web-app-pwa

Existem três métodos para converter sites do Magento 2 em PWA, associados a diferentes custos:

1) Extensões PWA do Magento 2: você precisa comprar o módulo (até US $ 150) e pagar pelo serviço de instalação (ou instalar e configurar a extensão você mesmo).

2) Magento 2 PWA Studio: Você precisa contratar desenvolvedores de PWA que possuam uma forte experiência no Magento 2 e no PWA para criar seu PWA do zero. Levará até 6 meses para desenvolver sua fachada de loja PWA e nova API usando as ferramentas Magento 2 PWA Studio. Você deve preparar um orçamento generoso para essa integração.

3) Tema Pento do Magento 2: Como a fachada da loja do PWA e a API principal foram criadas, seu custo dependerá principalmente do seu nível de personalização. Esse custo seria mais razoável que a segunda solução e maior que a primeira, mas merece seu investimento.

De acordo comigo, vá com o primeiro

Obrigado Zuber

zuber bandi
fonte
Se eu for com a primeira opção e tiver muitas extensões de terceiros para o meu site, então Q1. Isso também afetará essas extensões? Q2 As extensões PWA do Magento 2 são compatíveis com outras extensões de terceiros?
quer
@BalwantSingh, a extensão comprada pelo PWA não afeta nenhuma das extensões instaladas ou futuras. Desde que sua nova página seja responsiva, ela será automaticamente suportada pela extensão PWA, porque a extensão de compra PWA só precisa da sua página.
zuber bandi
Obrigado pela resposta. e se eu escolher a terceira opção ainda preciso do desenvolvedor do PWA para a personalização?
quer
@BalwantSingh ... yes
zuber bandi
como começar do zero? existe algum guia passo a passo para implementar PWA em magento2.3
Jafar pinjar