Início > Artigos > Aprenda a criar um aplicativo do seu site (favorito) para o Google Chrome

Aprenda a criar um aplicativo do seu site (favorito) para o Google Chrome

O navegador da Google foi o que mais evoluiu nos últimos anos. Lançado em setembro de 2009, o Chrome chegou tímido mas logo mostrou a que veio.

Aprenda a criar um aplicativo do seu site (favorito) para o Google Chrome.
Nível: Intermediário
Aplicativos necessários: Google Chrome
Número de passos: 14
O navegador da Google foi o que mais evoluiu nos últimos anos. Lançado em setembro de 2009, o Chrome chegou tímido mas logo mostrou a que veio. Hoje, o browser conta com amplo catálogo de ferramentas – incluindo suporte a extensões, um dos principais recursos e que ajudou a popularizar o rival Firefox – e atualmente é o que mais cresce em número de usuários, mensalmente.
A mais recente investida da Google no navegador foi a adição de suporte a aplicativos e o lançamento da Web Store, uma loja online que visa centralizar os apps desenvolvidos para o Chrome. Na realidade, esses aplicativos têm outro foco: o Chrome OS, o sistema operacional baseado em cloud computing da gigante de Mountain View.
Criando aplicativos no Google Chrome (Foto: Reprodução/Helito Bijora)

Criando aplicativos no Google Chrome (Foto: Reprodução/Helito Bijora)

Algumas empresas e portais já adotaram a ideia e lançaram seus aplicativos oficiais na galeria da Google, mas outros ainda não se manifestaram. Se o Chrome é o seu navegador padrão, basta seguir esse tutorial para criar aplicativos para os seus serviços preferidos ou para o seu site.
Passo 1. Abra o “Bloco de Notas” — se você estiver usando o Windows, é claro. Caso esteja em outro sistema, use um editor de texto simples do seu SO, como o Gedit no Ubuntu ou o Editor de Texto no Mac OS X;
Passo 2. Copie e cole o código abaixo no editor de texto;
{
“name”: “Portaltech”,
“description”: “Programando e aprendendo”,
“version”: “1.0”,
“icons”: {
“128”: “128.png”
},
“app”: {
“urls”: [
http://www.webportaltecch.blogspot.com/”
],
“launch”: {
“web_url”: “http://www.webportaltecch.blogspot.com/”
}
},
“permissions”: [
“unlimitedStorage”,
“notifications”
]
}
Passo 3. Tudo que você tem que fazer agora é mudar os itens destacados. Na ordem, eles são:
– o nome do site ou serviço;
– a descrição do site;
– o endereço para o site; e,
– por fim, mais uma vez a URL;
Passo 4. Salve o arquivo com o nome “manifest” (sem aspas) e na extensão “json”, ou seja, “manifest.json”. Tome cuidado para não salvar “manifest.json.txt” ou qualquer outra extensão diferente de “json”;
Ícone
Passo 5. O ícone é um arquivo de imagem importante para a identificação visual do site ou serviço e deve estar no formato “PNG”. Você pode obtê-lo tirando uma captura de tela da logomarca do site ou, caso seja um serviço conhecido, procurar por ícones no DeviantART;
Passo 6. Após criar ou obter o arquivo, é importante que ele se chame “128” (sem aspas) e esteja na resolução 128 x 128 pixels. Portanto, no final de tudo, você deve ter um arquivo chamado “128.png”;
Carregando o aplicativo
Passo 7. Antes de instalar o aplicativo no Chrome, temos que unir tudo que fizemos. Mas não se assuste, é simples: basta copiar os dois arquivos (“manifest.json” e “128.png”) para uma pasta vazia de qualquer nome e em qualquer lugar do HD — na área de trabalho, por exemplo. Atenção: apenas os dois arquivos descritos devem estar na pasta;

Criando aplicativos no Google Chrome (Foto: Reprodução/Helito Bijora)
Passo 8. Agora sim vamos instalar o aplicativo no Google Chrome. Para isso, abra o navegador;
Passo 9. Clique no botão “Personalizar e controlar o Google Chrome” (representado por uma chave de boca, logo ao lado da barra de endereços);
Passo 10. Aponte para “Ferramentas” e clique em “Extensões”;
Passo 11. Clique em “Modo do desenvolvedor” para expandir algumas opções extras;
Passo 12. Clique no botão “Carregar extensão em desenvolvimento…”;
Passo 13. A última etapa é selecionar o diretório do sétimo passo onde estão localizados os arquivos “manifest.json” e “128.png” e clicar em “OK”;
Passo 14. Por fim, abra uma nova guia para conferir o resultado.

Pronto! Pode ter parecido complicado, mas é muito simples criar aplicativos personalizados para o Google Chrome. Basta se atentar para alguns detalhes básicos, como foi explicado nesse tutorial.

Anúncios
Categorias:Artigos
  1. Nenhum comentário ainda.
  1. No trackbacks yet.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: