Outros ambientes de execução de miniapps

Thomas Steiner

Muito mais do que em dispositivos móveis

Em países como a China, os miniapps conquistaram o mercado. Além dos dispositivos móveis, onde os miniapps são onipresentes e são o habitat natural deles, os miniapps estão começando a conquistar outros ambientes de execução, como carros e computadores clássicos.

Miniapps em carros

Em julho de 2020, o fabricante de automóveis alemão BMW Group anunciou uma colaboração com a Tencent, chamada WeScenario, que, de acordo com a Tencent, será lançada para "30 principais fabricantes de automóveis do mundo e [trazer o ecossistema WeScenario] de redes sociais, conteúdo e serviços para mais de 110 modelos de automóveis comuns".

Painel de um carro da Tencent mostrando duas linhas de ícones de miniapps.
Paginação de destino do Tencent WeScenario (fonte: BMW).

Miniapps no computador

Miniapps no WeChat para computador

Usando o cliente de área de trabalho do WeChat disponível para macOS e Windows, é possível executar miniapps do WeChat no computador. Não carregue a versão do macOS da App Store se você estiver pesquisando e quiser a experiência completa, já que ela é mais limitada.

Para testar no macOS, compartilhe um miniapp de um dispositivo móvel com você mesmo usando a conta "Transferência de arquivos". Isso vai resultar em uma mensagem que você poderá abrir no cliente para computador. Na maioria dos casos, o miniapp será clicável e executável diretamente. Em outros casos, você precisa encaminhar o histórico de chat para você mesmo novamente em um dispositivo móvel.

O cliente de computador do WeChat para macOS mostrando um chat com você mesmo com um miniapp compartilhado e um histórico de chat como as duas mensagens visíveis.
Compartilhamento de um miniapp com você mesmo no cliente de computador macOS do WeChat.

No Windows, a solução alternativa para compartilhar miniapps com você mesmo não é necessária, já que há um painel dedicado que mostra os miniapps usados recentemente pelo usuário e também inclui uma pesquisa de apps em que novos miniapps podem ser descobertos.

Painel de miniapps no cliente do WeChat para Windows mostrando os miniapps usados recentemente pelo usuário.
O painel do miniapp no cliente do WeChat para Windows.
A pesquisa de miniapps no cliente do WeChat para Windows mostrando miniapps listados em várias categorias, como jogos, negócios, educação etc.
Pesquisa de miniaplicativo no cliente do WeChat para Windows.

Os miniapps do WeChat no computador se integram naturalmente ao sistema operacional. No macOS e no Windows, elas têm a própria entrada na barra de multitarefas e o próprio ícone na barra de tarefas. No macOS, há uma opção para manter o app no Dock, mas o ícone desaparece no momento em que o app cliente do WeChat é fechado. No Windows, os ícones de miniapps podem ser fixados na barra de tarefas, mas não podem ser iniciados. No macOS, o título do app é sempre "WeChat", e não o título real do app, enquanto o título é exibido corretamente no Windows.

O seletor de tarefas múltiplas do macOS inclui miniapps junto com o app normal do macOS.
O app Starbucks é um miniapp e pode ser usado para multitarefas como qualquer app regular do macOS.
Ícone do miniapp do Starbucks no Dock do macOS com o título WeChat.
Os miniapps no macOS têm o título WeChat.

A maioria dos miniapps ainda não está otimizada para computadores e é executada em uma janela fixa e não redimensionável que inclui as solicitações de permissão e as características de IU conhecidas, como em dispositivos móveis. Consulte A experiência do usuário.

O miniapp da Starbucks em execução no macOS solicitando a permissão do perfil do usuário, que pode ser concedida pelo usuário por meio de uma solicitação mostrada na parte de baixo.
O miniapp do Starbucks em execução no macOS solicitando a permissão do perfil do usuário.
O miniapp da Starbucks em execução no macOS mostrando a tela inicial do app.
O miniapp da Starbucks em execução no macOS em uma janela fixa e não redimensionável.

Miniapps responsivos otimizados para computadores (exceto para dispositivos móveis) podem ser exibidos em uma janela mais ampla que, no macOS, ainda é fixa, mas que no Windows é flexível e redimensionável.

O app de demonstração de componentes do WeChat em uma janela responsiva que pode ser redimensionada e que, por padrão, é mais larga do que a tela móvel usual.
O app de demonstração de componentes do WeChat em uma janela de app responsiva.
O app de demonstração de componentes do WeChat em uma janela estreita mostrando três caixas A, B e C empilhadas uma sobre a outra.
Demonstração do app de componentes do WeChat em uma janela estreita.
O app de demonstração dos componentes do WeChat em uma janela ampla mostrando três caixas A, B e C com A empilhada sobre B e C na lateral.
Demonstração do app de componentes do WeChat em uma janela de app ampla.

As configurações de permissão de miniapps no macOS podem ser alteradas pelo menu de contexto. No Windows, isso não parece ser possível, e o local informado pelo app de demonstração parece ser o local aproximado que o Windows permite que os apps acessem sem pedir permissão.

O app de demonstração de componentes do WeChat em execução no macOS mostrando duas caixas de seleção para a permissão de localização e informações do usuário.
Configurações do miniapp do WeChat no macOS.

Miniapps no navegador seguro do 360

O 360 Secure Browser (360 安全浏览器) é um navegador da Web desenvolvido pela empresa Qihoo. Além do iOS e do Android, o navegador também está disponível para Windows, macOS e Linux. No Windows, ele pode executar miniapps 360 especiais. A documentação para desenvolvedores e a API são comparáveis às de outros fornecedores. No entanto, o 360 não oferece ferramentas de desenvolvedor dedicadas. Em vez disso, os desenvolvedores precisam criar os miniapps em um ambiente de desenvolvimento integrado de escolha deles e, em seguida, testá-los no navegador usando um modo de desenvolvimento especial. A depuração acontece nas Ferramentas para desenvolvedores do Chrome. Um app de demonstração está disponível para você começar.

Um miniapp do 360 em execução no navegador seguro do 360 sendo depurado com as Ferramentas para desenvolvedores do Chrome.
Como depurar um miniapp 360 usando o Chrome DevTools.

Os miniapps do 360 podem ser executados no modo de tela cheia e aparecem como entradas separadas na barra de multitarefas. Pelo menu de contexto, é possível adicionar um ícone na tela inicial que permite que miniapps sejam iniciados na área de trabalho.

Um miniapp de vídeo em 360 graus em tela cheia mostrando várias miniaturas de vídeos para assistir.
Miniapp do 360 em execução no modo de tela cheia.

Miniaplicativos baseados na Web

Há algumas plataformas de miniapps baseadas na Web, mas que dependem da presença de uma WebView especial para liberar todo o potencial delas.

LINE

O LINE é um app de comunicação instantânea em dispositivos eletrônicos, como smartphones, tablets e computadores pessoais. Além disso, a LINE é uma plataforma que oferece vários serviços, incluindo carteira digital, transmissão de notícias, vídeo on demand e distribuição de quadrinhos digitais. O serviço é uma subsidiária da empresa coreana de mecanismos de pesquisa da Internet, Naver Corporation.

Como os miniapps do LINE são essencialmente um app da Web comum (consulte o app de exemplo) que extrai o framework de front-end do LINE (LIFF), eles também podem ser acessados fora do app LINE principal por meio de links permanentes especiais (exemplo). No entanto, nem todas as APIs estão disponíveis nesses casos. Exemplos de recursos não disponíveis nas APIs do navegador incluem o método liff.scanCode() para ler códigos QR ou APIs relacionadas ao Bluetooth, como liff.bluetooth.getAvailability(). Para ter uma ideia da plataforma, teste o app LINE Playground no navegador e o app LINE, se você tiver uma conta LINE.

O app de demonstração do LINE Playground em execução em um dispositivo iOS mostrando "liff.getOS()" retornando "ios".
O app de demonstração do LINE Playground em execução em um dispositivo iOS.
O app de demonstração do LINE Playground em execução no navegador da Web mostrando "liff.getOS()" retornando "web".
O app de demonstração do LINE Playground em execução no navegador da Web.

Google Spot

A Google Spot Platform permite que os desenvolvedores configurem um Spot no Google Pay, uma vitrine digital que pode ser criada, promovida e hospedada como quiserem. Ela pode ser descoberta tanto on-line quanto por meio de códigos de barras físicos. Os usuários podem compartilhar facilmente um "Spot" (como o app chama) no app de mensagens favorito deles ou encontrá-lo no Google Pay. Um Spot é desenvolvido usando HTML e JavaScript para que os investimentos atuais em sites para dispositivos móveis ou PWAs possam ser facilmente transformados em um Spot ao "adicionar algumas linhas de JavaScript", de acordo com a postagem do anúncio.

O miniapp Eat.fit em execução no superapp Google Pay mostrando a página inferior de login.
O miniapp Eat.fit em execução no superapp Google Pay (fonte: Google).

Miniapps do VK

A plataforma de rede social russa VK executa um programa de miniapps que permite que os desenvolvedores criem miniapps que se integram profundamente à rede social. Os miniapps do VK funcionam nos apps para dispositivos móveis específicos da plataforma do VK e no site para computador. Além de várias outras plataformas da marca, como o Mail.ru, os miniapps do VK também são integrados ao navegador Atom.

O miniapp Все аптеки em execução no VK.
Miniapp Все аптеки em execução no VK (fonte: VK).

Miniapps do Telegram

Com os miniapps do Telegram, os desenvolvedores podem usar JavaScript para criar interfaces flexíveis que podem ser iniciadas diretamente no Telegram. Assim como os bots, os Mini Apps oferecem autorização integrada e pagamentos integrados usando 20 provedores de pagamento (com Google Pay e Apple Pay prontos para uso), enviando notificações push personalizadas aos usuários e muito mais. Há um miniapp de demonstração disponível para testar o recurso.

Miniapp de demonstração do Durger King (fonte: Telegram).

Agradecimentos

Este artigo foi revisado por Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent e Keith Gu.