Construindo um Progressive Web App no ​​Oracle Ecommerce Plataformas

26 Agosto, 2019 | Artigo de Blog, Comércio digital, Liderança do pensamento

Aplicativos da Web progressivos (PWA) são anunciados como a próxima grande novidade em conteúdo móvel e um divisor de águas para a web móvel. Embora os PWAs tenham sido introduzidos inicialmente pelo Google em 2015, eles ganharam muita força nos últimos 2 anos, graças a alguns dos grandes nomes que aderiram ao movimento PWA. Além disso, o fato de ser relativamente fácil de desenvolver e poder resultar em algumas vitórias instantâneas da perspectiva da experiência do usuário significa que ele continuará a evoluir e ganhar cada vez mais atenção de marcas, profissionais de marketing e ecommerce operadores do site.

O que realmente está impulsionando seu crescimento é o crescimento da adoção de dispositivos móveis, em geral. Os clientes modernos estão vivendo em seus dispositivos móveis. De fato, no ano passado, 82% dos usuários da Internet nos Estados Unidos usaram um dispositivo móvel para fazer uma compra online (Statista). O desafio para eCommerce operadoras não é mais “se”, mas “como” pensar em dispositivos móveis primeiro.

O que é PWA?

Embora sites para dispositivos móveis e designs responsivos sejam relativamente comuns e fáceis de implementar, eles não têm esses aspectos de experiência do usuário vistos em aplicativos nativos. Embora esses aplicativos ingênuos possam fornecer uma experiência de usuário fantástica, eles podem ter altas barreiras para adoção e normalmente precisam de uma adesão inicial significativa do consumidor para justificar o investimento. É aqui que o PWA entra em cena, combinando o melhor dos dois mundos. Um PWA aproveita as vantagens das últimas tecnologias da web para atingir a ótima mistura de preencher a lacuna entre o aplicativo móvel nativo e o site responsivo.

Você pode pensar no PWA como um site criado usando tecnologias da web e acessado por meio de um navegador, mas isso parece um aplicativo. Isso é possível devido aos recentes aprimoramentos da tecnologia do navegador, à disponibilidade de elementos nativos do sistema operacional, como service workers, cache local e acesso a push APIs. As tecnologias permitem experiências semelhantes a aplicativos desses PWAs, como permitir que os usuários coloquem o ícone do aplicativo da web em sua tela inicial, recebam notificações push e permaneçam conectados mesmo quando estiverem offline.

Como os PWAs se comparam?Existem limitações?

Embora o PWA faça um ótimo trabalho ao preencher a lacuna entre aplicativos móveis e sites responsivos, alguns de seus melhores recursos também apontam para limitações inerentes:

1. Como os PWAs são criados em JavaScript, eles consomem mais energia de um dispositivo móvel, o que significa que um PWA pode esgotar a bateria mais rápido do que um aplicativo nativo.

2. Embora os PWAs possam acessar muitos recursos nativos do sistema operacional, alguns ainda permanecem fora de alcance, como NFC (comunicação de campo próximo), Bluetooth e sensores de proximidade, etc.

3. Como o PWA é uma tecnologia mais nova, ele pode ter problemas de compatibilidade com dispositivos e sistemas operacionais mais antigos. Embora a Apple agora permita que todos os dispositivos atualizados executem PWAs, eles ainda não permitem acesso a muitos recursos importantes, como Touch ID, FaceID, Beacons, etc.

4. Para tarefas mais pesadas e que exigem muita largura de banda, o PWA não será tão suave ou poderoso quanto um aplicativo nativo porque o JavaScript é uma linguagem de thread único, o que limita o desempenho.

Construindo um PWA para Oracle Commerce Cloud ou Oracle Commerce/ATG

Conforme visto no diagrama abaixo de uma estrutura McFadyen PWA Shop desenvolvida sobre o OCC, um site PWA integrado ao OCC contém a camada de apresentação, a camada API e a camada plataforma. Neste exemplo, um front-end PWA foi construído sobre as APIs do OCC e usando o mecanismo de busca Elasticsearch de código aberto. O Service Worker faz interface com os recursos nativos do Sistema Operacional local, enquanto o OCC Data Pump manipula o trânsito de dados. O INDEXDB armazena dados em cache localmente no dispositivo e o componente Node.js Kue é usado para enfileiramento prioritário de solicitações. O OCC manipula todas as transações e funções de back-end.

PWA para Oracle Ecommerce Diagrama de demonstração

PWA para Oracle Ecommerce EbookPara entender mais sobre a construção de PWAs para Oracle Ecommerce plataformas, baixe nosso novo Ebook – PWA para Oracle Ecommerce. Ele contém informações detalhadas sobre o seguinte:

1. Quais são os benefícios do PWA

2. Como o PWA está dirigindo eCommerce crescimento

3. Por que é uma ferramenta essencial no arsenal de eCommerce jogadores.

4. O caso de negócios para PWA, por que faz sentido investir em um.

5. Como criar um PWA usando a loja virtual da McFadyen (PWA Shop) no Oracle Commerce Cloud/ATG

A McFadyen Digital ajudou algumas das maiores marcas do mundo a oferecer soluções inovadoras Ecommerce e on-line marketplace soluções para seus clientes nos últimos trinta anos. Entre em contato conosco em info@mcfadyen.com se você quiser ter uma conversa sobre como levar sua experiência de comércio digital para o próximo nível.

AUTOR
Stephen George
Diretor, Conteúdo Digital
McFadyen Digital
Conecte-se com Estêvão

Sobre o blog

A Ecommerce & Marketplace blog da McFadyen Digital é sua fonte para online marketplace e ecommerce melhores práticas, notícias e insights acionáveis.

Assine a Newsletter!

Mais insights