Desenvolvimento de aplicativos para Google Chrome

Google Há algum tempo se tornou uma das empresas mais inovadoras e tecnologicamente sólidas, desde seu famoso gerenciador de e-mail Gmail, aos milhares de aplicativos que possui para tornar a vida do usuário muito mais fácil.
Mas onde eles tornaram a vida do usuário muito mais fácil é na questão da navegação na web, seu navegador Google Chrome, é rápido, poderoso, leve e está automaticamente vinculado ao nosso relato de Google, nos dando acesso a todos os aplicativos que a empresa nos oferece, mas se formos desenvolvedores, talvez nos perguntem como desenvolver aplicativos para o famoso navegador, a realidade é que é um processo bastante simples, mas há algumas coisas que devemos sabe antes.
RequerimentoO único requisito para ser capaz de desenvolver aplicativos para Google Chrome É saber fazer uma aplicação web, sim, é simples assim. Devemos saber HTML Y JavaScript, e se possível algum CSS Poderíamos usá-lo, mas esse conhecimento deve ser obrigatório, o restante dos passos serão explicados neste tutorial.
Como mencionamos, o requisito é saber HTML Y JavaScriptPorém, há uma série de restrições ou regras de segurança que devemos cumprir em nosso HTML para que nossa aplicação funcione como deveria, vamos ver.
Não deve haver nenhum código JavaScript dentro de nosso HTML em qualquer uma de suas formas, nem incorporada por meio de tags ou como um atributo para a chamada de um evento, como:

 Vá para o Menu

A maneira correta de fazer isso é incluindo nosso código JavaScript em seus respectivos arquivos e, em seguida, inclua-os em nosso HTML da seguinte forma:

Finalmente em nosso arquivo js nós só temos que associá-lo através de ouvintes e com isso resolvemos nosso problema de segurança.
Não deve haver navegação em nosso HTML de forma alguma, não podemos ter os links a seguir:

 Nova página

Não podemos nem ter formulários associados a qualquer ação:

Isso não significa que não possamos utilizar formulários, porém o processamento das informações deve ser feito a partir do JavaScript por meio de um evento associado ao botão de envio. Isso implica que, em vez de mostrar várias interfaces, devemos modificar o SOL para injetar elementos nele, é por isso que as aplicações de cromada eles têm páginas únicas na maioria das vezes.
Compilação de stringDevemos evitar compilar strings com funções como setTimeout ou setInterval, esta restrição nos permite evitar ataques de Cross-Site Scripting onde o JavaScript é injetado no HTML.
O acesso a recursos externos é restrito, portanto, não é correto fazer o seguinte:

 PROLONGAR
Como podemos ver, é uma aplicação web simples, mas deve ser interpretada por cromada como um aplicativo precisa de dois arquivos importantes, o primeiro é um arquivo manifest.json que identifica o aplicativo como um aplicativo de cromada, é um arquivo JSON bastante simples e define as propriedades do aplicativo, vamos ver seu conteúdo:
 {"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Calculadora", "version": "1.0"}
Já definimos qual será o arquivo que identifica que será uma aplicação de cromada, que seria start.js que é o que permite executar a aplicação por meio dos eventos definidos na API do cromada, vamos ver seu conteúdo:
 chrome.app.runtime.onLaunched.addListener (function () {chrome.app.window.create ('calculator.html');});
Com este último já temos tudo o que precisamos para rodar nosso aplicativo, vamos ver as etapas restantes.
Primeiro, abrimos uma instância de cromada e vamos para a página de extensões, lá selecionamos o painel do programador que deve ser assim:

PROLONGAR

Clique na opção Adicionar novo item, isso nos levará a aceitar os termos do serviço e então estaremos na interface para poder fazer o upload do nosso aplicativo, é importante que o tenhamos em um arquivo compactado para poder fazer o upload:

PROLONGAR
Depois disso já temos nosso aplicativo pronto para ser publicado, o único problema é que temos que pagar uma taxa para que essa ação seja concluída, porém podemos salvar as informações do nosso aplicativo e ver uma prévia de como fica no mercado de aplicativos cromada:

PROLONGAR
Com isso finalizamos o tutorial, onde pudemos ver o que precisamos para desenvolver uma aplicação de cromada, as restrições que devemos ter em conta, os procedimentos que a diferenciam de uma aplicação web tradicional e embora não possamos publicá-la no mercado, já sabemos tudo o que é necessário para cumprir esta ação.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo