Développement d'applications pour Google Chrome

Google Depuis quelque temps, elle est devenue l'une des entreprises les plus innovantes et les plus solides sur le plan technologique, depuis son célèbre gestionnaire de messagerie Gmail, aux milliers d'applications dont il dispose pour faciliter grandement la vie de l'utilisateur.
Mais là où ils ont rendu la vie de l'utilisateur beaucoup plus facile, c'est en matière de navigation sur le Web, leur navigateur Google Chrome, il est rapide, puissant, léger et est automatiquement lié à notre compte de Google, nous donnant accès à toutes les applications que l'entreprise nous propose, mais si nous sommes des développeurs, nous nous sommes peut-être demandé comment développer des applications pour le célèbre navigateur, la réalité est que c'est un processus assez simple mais il y a certaines choses que nous devrions savoir avant.
ExigenceLa seule exigence pour pouvoir développer des applications pour Google Chrome C'est savoir faire une application web, oui, c'est aussi simple que cela. Nous devrions savoir HTML Oui JavaScript, et si possible quelques CSS Nous pourrions l'utiliser, mais cette connaissance devrait être obligatoire, le reste des étapes sera expliqué dans ce tutoriel.
Comme nous l'avons mentionné, l'exigence est de savoir HTML Oui JavaScriptCependant, il existe une série de restrictions ou de règles de sécurité que nous devons respecter dans notre HTML pour que notre application fonctionne comme il se doit, voyons voir.
Il ne devrait pas y avoir de code JavaScript au sein de notre HTML sous aucune de ses formes, ni intégré dans les balises ou en tant qu'attribut pour l'appel d'un événement tel que :

 Aller au menu

La bonne façon de le faire est d'inclure notre code JavaScript dans leurs fichiers respectifs, puis les inclure dans notre HTML comme suit:

Enfin dans notre dossier js nous n'avons qu'à l'associer à travers les auditeurs et avec cela, nous résolvons notre problème de sécurité.
Il ne devrait pas y avoir de navigation dans notre HTML en aucun cas, nous ne pouvons avoir des liens comme suit :

 Nouvelle page

Nous ne pouvons même pas avoir de formulaires associés à une action :

Cela ne signifie pas que nous ne pouvons pas utiliser de formulaires, cependant le traitement des informations doit se faire à partir du JavaScript via un événement associé au bouton de soumission. Cela implique qu'au lieu d'afficher plusieurs interfaces, nous devons modifier le SOLEIL d'y injecter des éléments, c'est pourquoi les applications de Chrome ce sont des pages uniques la plupart du temps.
Compilation de chaînesNous devrions éviter de compiler des chaînes avec des fonctions telles que setTimeout ou alors setInterval, cette restriction nous permet d'éviter les attaques de Script intersites où le JavaScript est injecté dans le HTML.
L'accès aux ressources externes est restreint, il n'est donc pas correct de procéder comme suit :

 AGRANDIR
Comme on peut le voir, il s'agit d'une simple application web, mais à interpréter par Chrome comme une application a besoin de deux fichiers importants, le premier est un fichier manifest.json qui identifie l'application comme une application de Chrome, est un fichier JSON assez simple et définit les propriétés de l'application, voyons son contenu :
 {"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Calculatrice", "version": "1.0"}
Nous avons déjà défini quel sera le fichier qui identifie qu'il s'agira d'une application de Chrome, ce serait start.js c'est ce qui permet d'exécuter l'application à travers les événements définis dans l'API de Chrome, voyons son contenu :
 chrome.app.runtime.onLaunched.addListener (function () {chrome.app.window.create ('calculator.html');});
Avec ce dernier nous avons déjà tout ce dont nous avons besoin pour exécuter notre application, voyons les étapes restantes.
Nous ouvrons d'abord une instance de Chrome et nous allons à la page des extensions, là nous sélectionnons le panneau du programmeur qui devrait ressembler à ceci :

AGRANDIR

Cliquez sur l'option Ajoute un nouvel objet, cela nous amènera à accepter les CGU et ensuite nous serons dans l'interface pour pouvoir uploader notre application, il est important que nous l'ayons dans un fichier compressé pour pouvoir l'uploader :

AGRANDIR
Après cela, nous avons déjà notre application prête à être publiée, le seul problème est que nous devons payer des frais pour que cette action puisse être effectuée, mais nous pouvons enregistrer les informations de notre application et voir un aperçu de son apparence dans le marché des applications Chrome:

AGRANDIR
Avec cela, nous avons terminé le didacticiel, où nous avons pu voir ce dont nous avons besoin pour développer une application de Chrome, les restrictions que nous devons prendre en compte, les procédures qui la différencient d'une application Web traditionnelle et bien que nous ne puissions pas la publier sur le marché, nous savons déjà tout ce dont nous avons besoin pour mener à bien cette action.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif