Hoje a Microsoft lançou um nova postagem do blog detalhando seus planos para Progressive Web Apps (PWAs) no Windows .
A postagem do blog esclareceu informações que coletamos em Setembro Microsoft Edge Developers Summit . Eles reenfatizam a importância dos PWAs na história geral do aplicativo do Windows.
Embora a postagem no blog responda a muitas perguntas, para mim ainda há algumas áreas sobre as quais precisamos esclarecer melhor e, possivelmente, melhor conjuntos de recursos.
A Microsoft e a equipe do Microsoft Edge estão 100% atrás dos Progressive Web Apps e deseja torná-los cidadãos de aplicativos de primeira classe na plataforma Windows.
Para fazer isso, o Windows aceitará PWAs para a loja de aplicativos e os tornará equivalentes aos aplicativos UWP. Para fazer isso, eles estão permitindo duas vias de ingestão na loja:
- Ingestão automatizada por meio do rastreador de pesquisa sendo
- Envio manual para a loja de aplicativos como um aplicativo normal
Isso não é novidade, já que o Windows oferece suporte ao conceito de Hosted Web App (HWA) desde o lançamento do Windows 10, há dois anos. A diferença agora é que a Microsoft está promovendo o nome Progressive Web App e também adicionando service workers ativos aos critérios principais.
A Microsoft lançou uma versão de Edge com service workers por padrão antes do Natal. Se você estiver nas compilações do Windows Insider e tiver pelo menos uma versão 17063, então sua versão do Edge tem service workers ao vivo.
Sendo semelhante a um aplicativo
Porque a Microsoft se sente progressiva Os aplicativos da Web devem ser detectáveis, eles usam o rastreador do Bing para localizar e identificar sites qualificados como PWAs.
Eles estão procurando os principais critérios:
- O site deve ser servido usando HTTPS
- O site deve ter um arquivo de manifesto da web válido
- O site deve ter um service worker registrado e ativo
Estes são os requisitos mínimos para ser um Progressive Web App . Isso não significa que seu aplicativo será adicionado automaticamente à Windows Store.
Ainda há um conjunto de’critérios vagos’que seu Progressive Web App deve atender. Mais ou menos como a Apple diz que sua política de envio de aplicativos deve ser semelhante a um aplicativo .
Infelizmente, a Microsoft e a Apple não conseguiram definir exatamente o que significa ser semelhante a um aplicativo.
Não acho que um site como o Love2Dev.com seria considerado semelhante a um aplicativo. Mas isso não significa necessariamente que ele não possa fazer a Windows Store.
Também tenho vários aplicativos de demonstração do PWA que podem fazer a loja. Por exemplo, tenho uma versão de 2048 que pretendo enviar para a loja. Vou informá-lo sobre o andamento desse processo para que você saiba se será excluído, pois você pode baixá-lo sozinho.
Imagine estar na app store como uma camada extra de visibilidade, mas você também terá acesso à integração profunda da plataforma.
Essas integrações incluem conexão com a Cortana e outras APIs não padrão da web, como a lista de contatos integrada. Você também obtém acesso a tecnologias avançadas específicas do Windows em torno de coisas como realidade virtual, etc.
Pessoalmente, elas não são tão atraentes, pois eu realmente não acho a necessidade de acessar essas APIs e recursos agora. Isso pode mudar a qualquer momento e pode ser diferente para você. No momento, não tenho clientes pedindo esses recursos, então eles estão abaixo do meu radar.
Adicionar à tela inicial ou a falta dela
A loja de aplicativos da Microsoft é a única maneira você pode ganhar um bloco dinâmico no menu iniciar do usuário. Esta é uma regressão do Windows 8, quando você poderia obter um bloco dinâmico da adição do Edge Metro.
Isso destaca uma lacuna que eu acho que é gritante na história do Microsoft Progressive Web Application, sem adição à experiência de tela inicial.
O Android oferece uma experiência realmente robusta na tela inicial, que todos os navegadores parecem ter adotado de uma forma ou de outra.
Os navegadores Android (em geral) solicitarão automaticamente que você adicione um Progressive Web App à sua tela inicial, caso ainda não tenha sido adicionado.
É claro que a Microsoft abandonou o celular, o que o deixa apenas com um desktop. Portanto, no Windows, a experiência de adicionar à tela inicial seria chamada de adicionar à área de trabalho ou experiência do menu iniciar.
Chrome no Windows permite que você avise o usuário automaticamente para que ele possa adicionar o ícone do Progressive Web App à área de trabalho. Quando são iniciados a partir do desktop, eles são iniciados como uma experiência de aplicativo em tela inteira.
Considero isso uma lacuna porque acho que a maioria dos Progressive Web Apps cabem no espaço, em algum lugar entre um site e um aplicativo. Não necessariamente precisando de uma presença na loja da plataforma, mas se beneficiando do envolvimento mais profundo oferecido por um bloco dinâmico ou ícone da área de trabalho.
Descoberta do PWA e Bing
Pessoalmente, considero que os mecanismos de pesquisa ser a principal forma de descobrir sites e aplicativos. Eles fazem um trabalho muito melhor na curadoria e classificação do conteúdo disponível.
Isso também permite um segway para outro tópico sobre o qual gostaria de ter mais informações, a visibilidade do mecanismo de pesquisa. A Microsoft usará o Bing para indicar visualmente os resultados da pesquisa que são Progressive Web Apps?
Houve alguma discussão nessa área, mas não tenho certeza de onde está progredindo.
Pessoalmente, adoraria ver isso!
Neste momento, se o seu site usa as páginas móveis aceleradas do Google, você obtém uma visão diferenciada nos resultados da pesquisa. Não vejo por que o Bing e o Google não poderiam fazer algo semelhante para Progressive Web Apps.
Envio manual para armazenamento
E se você precisar enviar seu Progressive Web App para a Windows Store manualmente?
A grande notícia é que um Progressive Web App na app store é apenas um arquivo appx. Os arquivos appx são um arquivo zip dos ativos do seu aplicativo, incluindo o manifesto da web.
Mas se você for como eu, o processo de envio da app store é apenas isso, um processo tedioso. Eu adoro automatizar coisas.
Felizmente, a equipe do Microsoft Edge criou uma ferramenta fantástica para ajudá-lo a começar a usar os Progressive Web Apps e também a automatizar o envio à loja . É chamado de PWA builder .
Este é um site onde você pode simplesmente enviar o URL do seu site e ele irá guiá-lo através do processo para criar os principais ativos necessários para que seu site seja um Progressive Web App.
O PWA Builder fará uma linha de base conjunto de ícones , um arquivo de manifesto da web válido e até mesmo um trabalhador de serviço simples para começar.
O maior feito mágico é a capacidade do PWA Builder de enviar automaticamente seu novo Progressive Web App à loja da Microsoft. Você ainda precisará fornecer algumas informações básicas ao longo do caminho, mas pelo menos essa parte é feita para você.
Você deve criar um PWA ou UWP?
Eu acho muitos desenvolvedores e partes interessadas podem perguntar em qual deles eles devem se concentrar, PWA ou UWP? O artigo da Microsoft discute essas opções.
Pessoalmente, não vejo mais nenhuma vantagem em criar um aplicativo nativo. Os usuários finais votaram com os dedos e pararam de baixar aplicativos nativos há vários anos.
O custo associado à criação de aplicativos nativos para cada plataforma é muito mais alto do que criar um único Progressive Web App autônomo.
Na verdade, mesmo que você queira criar um aplicativo independente para uma plataforma, geralmente é mais caro do que criar um PWA equivalente.
Como o artigo aponta, talvez sua equipe não queira t ter habilidades para desenvolver sites. Talvez você esteja preparado para fazer esses aplicativos nativos. Se sim, você ainda tem essa opção e estará em pé de igualdade com os Progressive Web Apps.
E quanto às taxas da loja de aplicativos?
Tenho uma pergunta sobre os Progressive Web Apps em a loja de aplicativos é que a Microsoft ficará com 30% de sua receita?
Ainda não encontrei a resposta para essa pergunta. Espero que a resposta seja não.
Os aplicativos da web podem usar algo como Stripe, PayPal ou outro gateway de cartão de crédito para processar pagamentos.
Temos feito isso e a web há quase 3 décadas. É um processo bastante padrão e fácil de integrar.
As taxas de transação são geralmente 1,5-3% do preço da transação. Muito menos do que os 30% cobrados pelas lojas de aplicativos.
Existe uma história de PWA empresarial?
Na maioria das vezes, as empresas usam sites para aplicativos de linha de negócios. É porque há muito menos trabalho para distribuí-los aos funcionários do que ir às lojas de aplicativos.
Mas há casos em que aplicativos nativos e distribuição de loja de aplicativos fazem sentido. No entanto, essa linha está ficando cada vez mais confusa com o poder e a acessibilidade dos Progressive Web Apps.
Minha pergunta aqui é: se uma empresa deseja usar a loja de aplicativos para sua distribuição de Progressive Web Application, como ela se parece?
Até agora, a única resposta que tenho é: provavelmente é semelhante à história empresarial existente para aplicativos regulares da Windows Store.
Isso faz sentido se você pensar a respeito. Você está enviando seu PWA para a loja e ele se torna um aplicativo regular. Nesse ponto, ele herda as regras de distribuição padrão.
Resumo
É ótimo ver a Microsoft fazendo mais barulho com os Progressive Web Apps. Pessoalmente, pude conversar com vários dos autores do artigo no ano passado sobre o Progressive Web App história. Posso dizer por experiência própria que toda a equipe do Edge está muito entusiasmada com os Progressive Web Apps.
Esta é uma boa notícia para negócios, empresas e consumidores em geral.
Os Progressive Web Apps oferecem uma experiência rica, mas sem o incômodo do processo de distribuição nativa.
A Microsoft está dando um passo além dos que o Google deu até agora. Eles estão usando a loja de aplicativos para distribuir Progressive Web Apps. A Microsoft acredita que os Progressive Web Apps têm o mesmo nível de experiência com aplicativos nativos.
Há algo a ser dito sobre a abordagem mental em relação a um Progressive Web App se ele estiver na app store e for visto como um aplicativo nativo normal.
Acho que é uma boa regra prática para todos nós, o profundo entusiasta geek é: pessoas normais realmente não se importam como construímos a experiência do usuário. Eles só querem coisas que simplesmente funcionem.
A Microsoft nos deu outro meio de distribuição. Isso deve levar a grandes oportunidades de sucesso para empresas de todas as formas e tamanhos.
Os desenvolvedores também podem se beneficiar porque agora eles podem realmente aproveitar essas habilidades da web para fornecer experiências de usuário ainda mais ricas. No entanto, eles precisam se tornar profissionais de serviço e práticas recomendadas de desempenho.
Como os PWAs estão ganhando força em 2018, é hora dos desenvolvedores aumentarem seu conjunto de habilidades quando se trata de trabalhar com aplicativos da Web progressivos, trabalhadores de serviço e otimização de desempenho da web. É por isso que criou o curso Progressive Web Apps: Beginner to Expert.
Treinamento e exemplos de Progressive Web App
Ainda não sabe como atualizar seu site existente para um aplicativo progressivo da web? Não se preocupe, sinta-se à vontade para entrar em contato com a Love2Dev . Adoraríamos começar e ajudá-lo a descobrir a melhor maneira de interagir com os clientes.
Deseja um conjunto muito mais detalhado de aplicativos da web progressivos e tutoriais de service workers? Acabei de lançar um novo curso, Progressive Web Apps: do iniciante ao especialista .
Este curso cobre tudo que você precisa saber para tornar qualquer site uma aplicação web progressiva. Existem tópicos para iniciantes para ajudar qualquer pessoa a começar com o desenvolvimento progressivo de aplicativos da web e service workers. Existem também módulos para ensinar como polifilar muitos recursos modernos do PWA, como offline e adicionar táticas de tela inicial.
Inscreva-se hoje e economize $ 171 no preço de $ 200. Progressive Web Apps: From Beginner to Expert é apenas $ 29 por tempo limitado .
Comece hoje
Comece adicionando uma chave SSL ao seu site. Em seguida, crie e faça referência a um manifesto da web que descreve seu site. Por fim, crie um trabalhador de serviço simples e registre-o no código do seu site.
A aplicação desses três requisitos técnicos pode ser feita em apenas 10 minutos. A partir daí, comece a explorar os novos recursos e como você pode aplicá-los à presença do seu site ou aplicativo. Antes que você saiba, seu site é um aplicativo.
Aplicativos da Web progressivos, do iniciante ao especialista
Você deseja um conjunto muito mais detalhado de aplicativos da Web progressivos e tutoriais do service worker? Acabei de lançar um novo curso, Progressive Web Apps: From Beginner to Expert .
Este curso cobre tudo que você precisa saber para fazer qualquer website um aplicativo da web progressivo. Existem tópicos para iniciantes para ajudar qualquer pessoa a iniciar o desenvolvimento progressivo de aplicativos da web e de service workers. Também há módulos para ensinar como polifilar muitos recursos PWA modernos, como offline e adicionar táticas de tela inicial.
Inscreva-se hoje e economize $ 171 no preço de $ 200. Aplicativos da Web progressivos: do iniciante ao especialista custa apenas US $ 29 por tempo limitado .
