Outros ambientes de execução de miniapps

Thomas Steiner

Mais do que apenas dispositivos móveis

Em países como a China, os miniapps conquistaram o mercado. Além dos dispositivos móveis, em que os miniapps são onipresentes e são os habitats naturais, os mini apps começaram a conquistar outros ambientes de execução, como carros e o computador clássico.

Miniapps em carros

Em julho de 2020, a montadora alemã BMW Group anunciou uma colaboração com a Tencent, com a marca WeScenario, que, de acordo com a Tencent, será lançada para "30 empresas automotivas líderes do mundo e [traga o WeScenario] ecossistema de redes sociais, conteúdo e serviços para mais de 110 modelos de automóveis convencionais".

Painel de um carro da Tencent mostrando duas linhas de ícones de mini apps.
Página de destino da 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 mini apps do WeChat no computador. Não carregue a versão do macOS na App Store se você estiver fazendo pesquisas e quiser a experiência completa, já que ela é mais limitada.

Para testar no macOS, compartilhe um miniapp de um dispositivo móvel consigo mesmo usando a conta "Transferência de arquivos". Isso resultará em uma mensagem que pode ser aberta no cliente de desktop. Na maioria dos casos, o miniapp vai poder ser clicado e executado diretamente. Em outros, é preciso encaminhar o histórico de bate-papo para si mesmo novamente a partir de um dispositivo móvel.

Cliente do WeChat para macOS mostrando um chat com um miniapp compartilhado e um histórico de chat como as duas mensagens visíveis.
Compartilhamento de um miniapp consigo mesmo no cliente de área de trabalho do WeChat para macOS.

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

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

Os miniapps do WeChat para computador se integram naturalmente ao sistema operacional. Tanto no macOS quanto no Windows, eles têm uma entrada própria na barra multitarefa e um ícone na barra de tarefas. No macOS, há uma opção para manter no Dock. O ícone desaparece assim que o app cliente WeChat é fechado. No Windows, ícones de mini app podem ser fixados na barra de tarefas, mas não é possível iniciar. No macOS, o título do app é sempre "WeChat", e não o título real, enquanto o título é mostrado corretamente no Windows.

O seletor multitarefa do macOS inclui miniapps junto com o app normal do macOS.
O app da Starbucks é um mini app e pode ser multitarefas, como qualquer app normal do macOS.
Ícone do mini app do Starbucks no Dock do macOS com um título do WeChat.
Os apps para mini no macOS têm o WeChat como título.

A maioria dos miniapps ainda não está otimizada para computador e é executada em uma janela fixa e não redimensionável que inclui os recursos de interface e prompts de permissão conhecidos, assim como em dispositivos móveis. Consulte A experiência do usuário.

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

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

O app de demonstração dos componentes do WeChat em uma janela de app responsivo que pode ser redimensionada e, por padrão, é mais larga do que a tela normal do dispositivo móvel.
O app de demonstração dos componentes do WeChat em uma janela de app responsivo.
App de demonstração dos componentes do WeChat em uma janela estreita mostrando três caixas A, B e C empilhadas uma sobre a outra.
O app de demonstração dos componentes do WeChat em uma janela estreita.
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.
O app de demonstração dos componentes do WeChat em uma janela ampla.

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

App de demonstração dos 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 mini app 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 Android, o navegador também está disponível para Windows, macOS e Linux. No Windows, ela é capaz de executar miniapps especiais do 360. A documentação do desenvolvedor e a API são comparáveis às de outros fornecedores. No entanto, o 360 não oferece DevTools dedicados. Em vez disso, os desenvolvedores precisam criar os miniapps em um ambiente de desenvolvimento integrado de preferência e testá-los no navegador usando um modo de desenvolvimento especial. A depuração acontece com o Chrome Dev Tools. Um app de demonstração está disponível para começar.

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

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

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

Miniapps baseados na Web

Existem algumas miniplataformas de apps baseadas na Web, mas que dependem da presença de uma WebView especial para aproveitar todo o potencial.

LINE

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

Como os mini apps do LINE são basicamente apenas um app da Web comum (consulte o app de exemplo) que extrai o framework de front-end do LINE (LIFF, na sigla em inglês), eles também podem ser acessados fora do app LINE principal usando links permanentes especiais (exemplo). No entanto, nem todas as APIs estão disponíveis nesses casos. Exemplos do que não está disponível nas APIs do navegador incluem o método liff.scanCode() para ler códigos QR ou APIs relacionadas a Bluetooth, como liff.bluetooth.getAvailability(). Para conhecer a plataforma, teste o app LINE Playground no navegador e o app LINE se você tiver uma conta do 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 LINE Playground em execução no navegador da Web.

Spot do Google

A plataforma Spot do Google permite que os desenvolvedores configurem um Spot no Google Pay, uma vitrine digital que eles podem criar, marcar e hospedar como quiserem. Ele pode ser encontrado on-line e 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 é criado usando HTML e JavaScript. Portanto, os investimentos atuais em sites para dispositivos móveis ou PWAs podem ser facilmente transformados em um Spot "adicionando algumas linhas de JavaScript", de acordo com a postagem do anúncio.

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

Mini apps para VK

A plataforma de rede social russa VK executa um programa mini app que permite aos desenvolvedores criar miniapps que tenham uma conexão profunda com a rede social. Os mini apps do VK funcionam tanto no app para dispositivos móveis específico da plataforma da VK quanto no site para computador. Além de várias outras plataformas da marca, como o Mail.ru, os apps VK mini também são integrados ao navegador Atom.

O mini app /#се аптеки em execução no VK.
O mini app ・се аптеки em execução no VK (fonte: VK).

Mini apps do Telegram

Com os apps de ministério do Telegram (em inglês), os desenvolvedores podem usar JavaScript para criar interfaces flexíveis que podem ser iniciadas dentro do Telegram. Assim como os bots, os mini apps são compatíveis com autorização perfeita, pagamentos integrados usando 20 provedores de pagamento (com o Google Pay e o Apple Pay prontos para uso), enviando notificações push personalizadas para os usuários e muito mais. Um mini app de demonstração está disponível para testar o recurso.

O mini app 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.