Como criar um aplicativo para Google Chrome 17.03.12 16:40
Olá, Convidado! Como vai você?
Hoje vou ensinar como criar um aplicativo para Google Chrome, um aplicativo simples, que abra uma página da web.
:seta2: O que precisa:
Google Chrome
Bloco de Notas, ou qualquer editor de texto
Vamos lá!
1. Abra o bloco de notas e insira isso nele:
Faça as alterações necessárias nas partes em negrito e em vermelho, mantendo as aspas ("")!
Depois de ter feito as mudanças, salve o arquivo com o nome "manifest.json" sem aspas, cuidado para não salvar como "manifest.json.txt"!
ATENÇÃO:SALVE O ARQUIVO manifest.json dentro de uma pasta chamada APP!
2. :seta2: O ÍCONE!
Você precisa de uma imagem no tamanho 128X128px que vai ser o logo do seu aplicativo!
Tem que ser este tamanho exato!
Após ter conseguido o ícone do arquivo, salve ele com o nome "128.png" sem aspas!
A IMAGEM TER QUE SER EM PNG!
Coloque a imagem 128.png dentro da pasta APP!
3. :seta2: Colocando o aplicativo no SEU Google Chrome:
Clique na chave de boca, ao lado de onde se escreve o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Vá em Ferramentas>>Extensões
Na nova guia que irá abrir, clique em "[+] Modo do desenvolvedor" na parte superior direita!
Clique no botão "[Carregar extensão em desenvolvimento]"
Clique na pasta APP (a pasta que estão os arquivos manifest.json e 128.png) e clique em "[OK]"
4. Pronto, seu app está prontinho! Abra uma nova guia e clique na imagem do seu aplicativo e veja se está funcionando tudo corretamente!
Créditos:
Eu por ter feito o tutorial inteiro!
Google pelo Google Chrome!
Se estiverem com alguma dúvida ou erro, só falar que respondo!
Hoje vou ensinar como criar um aplicativo para Google Chrome, um aplicativo simples, que abra uma página da web.
:seta2: O que precisa:
Google Chrome
Bloco de Notas, ou qualquer editor de texto
Vamos lá!
1. Abra o bloco de notas e insira isso nele:
{
"name": "NOME DO APP",
"description": "DESCRIÇÃO DO APP",
"version": "1.0",
"icons": {
"128": "128.png"
},
"app": {
"urls": [
"LINK QUE O APP IRÁ ABRIR"
],
"launch": {
"web_url": "NOVAMENTE LINK QUE O APP IRÁ ABRIR"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}
Faça as alterações necessárias nas partes em negrito e em vermelho, mantendo as aspas ("")!
Depois de ter feito as mudanças, salve o arquivo com o nome "manifest.json" sem aspas, cuidado para não salvar como "manifest.json.txt"!
ATENÇÃO:SALVE O ARQUIVO manifest.json dentro de uma pasta chamada APP!
2. :seta2: O ÍCONE!
Você precisa de uma imagem no tamanho 128X128px que vai ser o logo do seu aplicativo!
Tem que ser este tamanho exato!
Após ter conseguido o ícone do arquivo, salve ele com o nome "128.png" sem aspas!
A IMAGEM TER QUE SER EM PNG!
Coloque a imagem 128.png dentro da pasta APP!
3. :seta2: Colocando o aplicativo no SEU Google Chrome:
Clique na chave de boca, ao lado de onde se escreve o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Vá em Ferramentas>>Extensões
Na nova guia que irá abrir, clique em "[+] Modo do desenvolvedor" na parte superior direita!
Clique no botão "[Carregar extensão em desenvolvimento]"
Clique na pasta APP (a pasta que estão os arquivos manifest.json e 128.png) e clique em "[OK]"
4. Pronto, seu app está prontinho! Abra uma nova guia e clique na imagem do seu aplicativo e veja se está funcionando tudo corretamente!
Créditos:
Eu por ter feito o tutorial inteiro!
Google pelo Google Chrome!
Se estiverem com alguma dúvida ou erro, só falar que respondo!