Criar e implementar aplicativos de quiosque do Chrome

Este artigo é para administradores e desenvolvedores do Chrome com experiência no desenvolvimento de Aplicativos do Google Chrome.

Como administrador do Chrome, você pode transformar dispositivos com o Chrome OS em dispositivos de finalidade específica, como uma sinalização digital ou uma tela interativa. Você pode implantar aplicativos de quiosque prontos para uso na Chrome Web Store ou criar o seu.

No Chrome 57 e versões posteriores, alguns dispositivos com o Chrome OS são compatíveis com apps para Android. Para saber como instalar apps para Android em dispositivos Chrome gerenciados, consulte Usar apps para Android em dispositivos Chrome executados como quiosque.

Considerações

Etapa 1: criar um aplicativo de quiosque do Chrome

Como desenvolvedor, você tem duas maneiras de criar um aplicativo de quiosque para implantação em dispositivos Chrome. Use um aplicativo da Web existente e o Chrome App Builder para empacotá-lo como um aplicativo de quiosque ou criar um novo aplicativo da Web.

Opção 1: usar um aplicativo da Web existente

Antes de começar: no computador em que você está criando o aplicativo de quiosque, adicione o Chrome App Builder ao navegador Chrome.
  1. No computador em que você está criando o aplicativo, crie uma pasta para os arquivos do aplicativo.
  2. Abra o Chrome App Builder.
  3. Informe o nome do aplicativo e a versão inicial.
    A versão inicial precisa ter um número baixo, como 0.0.0.1, para que você possa aumentá-lo nas versões posteriores.
  4. Digite o URL da página atual do aplicativo.
    O URL será a página de destino do novo aplicativo de quiosque.
  5. Escolha os controles de navegação, como voltar, avançar, atualizar e reiniciar a sessão.
  6. Especifique os valores de tempo limite:
    • Session idle timeout (Tempo limite de inatividade da sessão): tempo em que o aplicativo fica ocioso antes que os dados de navegação sejam apagados.
    • Timeout to return home (Tempo limite para voltar para a página inicial): tempo em que o aplicativo fica ocioso antes de retornar à página inicial. Os dados de navegação não são apagados.
      O padrão para "Session idle timeout" e "Timeout to return home" é 0 minutos. O aplicativo não tem tempo limite.
  7. (Opcional) Para especificar os Termos de Serviço para usuários do aplicativo, digite o texto.
  8. (Opcional) Para girar a página inicial de acordo com o dispositivo em que o aplicativo será executado, selecione um valor.
    Por exemplo, gire o aplicativo em 90 graus para executá-lo em um dispositivo configurado com o layout de retrato.
  9. Selecione Kiosk mode enabled (Modo quiosque ativado).
  10. Clique em Export kiosk app (Exportar aplicativo de quiosque).
  11. Escolha para onde você quer exportar os arquivos do aplicativo e clique em Selecionar.

Após criar um aplicativo de quiosque com o Chrome App Builder, você pode personalizá-lo adicionando arquivos.

Opção 2: criar um novo aplicativo

Use os arquivos de exemplo das etapas abaixo para criar um aplicativo de quiosque simples.
  1. No computador em que você está criando o aplicativo, crie uma pasta para os arquivos do aplicativo.
  2. Crie o arquivo HTML do app.
    1. Com um editor de texto, crie um arquivo HTML.
      Aqui está um exemplo de arquivo HTML.
    2. Na pasta do aplicativo, salve o arquivo como application.html.
  3. Crie o manifesto.
  4. Com um editor de texto, crie um arquivo JavaScript® Object Notation (JSON). Aqui está um exemplo de arquivo JSON.
  5. É necessário definir kiosk_enabled como "true", "kiosk_enabled": true.
  6. (Opcional) Para impedir que um app seja executado como um app comum, defina kiosk_only como "true", "kiosk_only": true.
  7. (Opcional) Para agilizar o carregamento inicial das páginas da Web no controle do WebView do aplicativo de quiosque, especifique partition="persist:" na tag do WebView.
    Saiba mais detalhes nas informações do desenvolvedor para o atributo da partição.
  8. Verifique se o código JSON está formatado corretamente com uma ferramenta de terceiros para a validação de arquivos JSON, como o JSONLint.
  9. Na pasta do aplicativo, salve o arquivo como manifest.json.
  • Especifique a altura e a largura do aplicativo.
    1. Com um editor de texto, crie um arquivo CSS. Aqui está um exemplo de arquivo CSS.
    2. Na pasta do aplicativo, salve o arquivo como application.css.
      Observação: os aplicativos de quiosque se expandem automaticamente para tela cheia.
  • (Opcional) Para permitir que os usuários encerrem a sessão do quiosque:
    1. Com um editor de texto, crie um arquivo JavasSript. Aqui está um exemplo de arquivo JSON.
    2. Na pasta do aplicativo, salve o arquivo como application.js.
  • Crie o script de plano de fundo:
    1. Com um editor de texto, crie um arquivo JavasSript. Aqui está um exemplo de arquivo JSON.
    2. Na pasta do aplicativo, salve o arquivo como background.js.
  • Crie os ícones do aplicativo e salve-os na pasta do aplicativo:
    1. Crie um ícone de 128 x 128 pixels e salve-o como 128.png.
    2. Crie um ícone de 96 x 96 pixels e salve-o como 96.png.
  • Como opção, use este exemplo de arquivo ZIP, que contém arquivos para um app de teste com controles de navegação e um botão de redefinição. Uma versão ativa do app, Chrome Browser Kiosk App 1.0, será publicada na Chrome Web Store. Você poderá editar os arquivos com qualquer editor de texto.

    Etapa 2: testar o aplicativo de quiosque

    Como desenvolvedor, confirme que seu aplicativo de quiosque funciona em um dispositivo com o Chrome OS.

    1. Em um dispositivo Chrome, faça login na sua Conta do Google.
    2. Salve a pasta do aplicativo no seu dispositivo de teste.
    3. Acesse chrome://extensions/.
    4. No canto superior direito, ative o Modo do desenvolvedor.
    5. Clique em Carregar sem compactação.
    6. Encontre e selecione a pasta do aplicativo.
    7. Abra uma nova guia no navegador Chrome e clique em Aplicativos e clique no aplicativo. Verifique se ele foi carregado e está funcionando.
    8. Se necessário, faça alterações no arquivo manifest.json, hospede a pasta do aplicativo e teste-o novamente. Repita até que o app funcione corretamente.

    Etapa 3: publicar na Chrome Web Store

    Como desenvolvedor, você pode disponibilizar apps e extensões para todos ou controlar quem pode instalá-los. Há duas maneiras de publicar aplicativos de quiosque na Chrome Web Store:

    • Público: todos podem ver e instalar o app.
    • Não listado: somente os usuários com o link do app podem vê-lo e instalá-lo. O aplicativo não aparece nos resultados de pesquisa da Chrome Web Store. Você pode compartilhar o link do aplicativo com usuários fora do seu domínio.

    Para adicionar um aplicativo de quiosque à Chrome Web Store:

    1. Compacte a pasta que contém seus arquivos.
    2. Siga as etapas descritas em Publicar na Chrome Web Store.

    Etapa 4: implantar o aplicativo de quiosque

    Como administrador, você pode adicionar o aplicativo de quiosque ao Google Admin Console.

    1. Faça login no Google Admin Console.

      Faça login com sua conta de administrador (não termina em @gmail.com).

    2. Na página inicial do Admin Console, acesse Dispositivose depoisGerenciamento do Google Chrome.
    3. Clique em Aplicativos e extensões.
    4. À esquerda, selecione a unidade organizacional para definir as configurações.
      Para todos os usuários, selecione a organização de nível superior ou uma organização filha. Geralmente, as unidades organizacionais herdam as configurações da unidade mãe.
    5. Na parte superior, clique em Quiosques.
    6. Clique em Adicionar Adicionar pergunta e escolha Adicionar da Chrome Web Store.
    7. Pesquise o aplicativo que você quer implantar e clique em Selecionar.
    8. Se solicitado, aceite as permissões do aplicativo em nome da organização.
    9. No painel à direita, defina as políticas de aplicativos e extensões. Saiba mais sobre cada configuração.
    10. Clique em Salvar.

    Tópicos relacionados

    Isso foi útil?
    Como podemos melhorá-lo?