X

Como Criar uma Web App no Chrome

O Google Chrome é bastante conhecido por seus recursos únicos e integração com os serviços do Google de forma aprimorada. Sem contar que é meu navegador favorito por conta desses recursos e também por conta das frequentes atualizações e novidades criadas pelo Google.

Já faz algum tempo que o Google disponibilizou a criação de WebApps para o Chrome com a intenção de popularizar mais a Chrome WebStore, a loja d aplicativos do Google. Para quem não sabe um Webapp é simplesmente um atalho para alguma página da internet, porém o diferencial é que você não precisaria entrar no seu navegador para isso, uma vez que você teria um ícone na área de trabalho e o mesmo abriria em forma de aplicativo.

Neste artigo, vou demonstrar então, de forma que eu já testei e uso o recurso bastante, como fazer um webapp passo a passo do seu site preferido:

Um webapp é composto basicamente por dois arquivos. Uma imagem no formato PNG de 128×128 pixels de tamanho e um arquivo no formato Jason e com o nome manifest (manidest.json).

1 – Crie uma pasta e coloque nela a imagem e o arquivo que você vai criar em seguida. Basta abrir um bloco de notas qualquer, selecione e cole o código abaixo, depois vá em “salvar como” e salve-o com o nome “manifest.json”.

{
"name": "BlogMarcioCunha",
"description": "BMC - Artigos de Tecnologia",
"version": "1.0",
"icons": {
"128": "nome-da-imagem.png"
},
"app": {
"urls": [
"http://www.blogmarciocunha.com.br/"
],
"launch": {
"web_url": "http://www.blogmarciocunha.com.br/"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}

Atente-se em alterar os campos necessários;

2 – O próximo passo agora é empacotar a pasta com estes dois arquivos dentro de uma forma que o Chrome reconheça. Para isso, vá ao Google Chrome, menu “Ferramentas” e depois “Extensões”;

3 – No menu que irá abrir, clique em “Modo do desenvolvedor” e em seguida “Compactar extensão”;

4 – Basta selecionar a pasta que criou e pressionar “OK”.

Pronto! Um webapp pode ser usado para aplicações bem mais complexas que isso, mas por hora, está aí o tutorial de como abrir um link na internet em forma de aplicativo do Chrome.

Marcio Cunha:
Related Post