App-ontwikkeling voor Google Chrome

Google Sinds enige tijd is het een van de meest innovatieve en technologisch solide bedrijven geworden, sinds de beroemde e-mailmanager Gmail, tot de duizenden applicaties die het heeft om het leven van de gebruiker veel gemakkelijker te maken.
Maar waar ze het leven van de gebruiker veel gemakkelijker hebben gemaakt, is het surfen op het web, hun browser Google Chrome, het is snel, krachtig, licht en wordt automatisch gekoppeld aan ons account van Google, waardoor we toegang hebben tot alle applicaties die het bedrijf ons biedt, maar als we ontwikkelaars zijn, hebben we ons misschien afgevraagd hoe we applicaties voor de beroemde browser konden ontwikkelen, de realiteit is dat het een vrij eenvoudig proces is, maar er zijn enkele dingen die we moeten doen eerder weten.
VereisteDe enige vereiste om applicaties te kunnen ontwikkelen voor: Google Chrome Het is weten hoe je een webapplicatie maakt, ja, zo simpel is het. We zouden het moeten weten HTML Y JavaScript, en indien mogelijk wat CSS We zouden het kunnen gebruiken, maar deze kennis zou verplicht moeten zijn, de rest van de stappen zal in deze tutorial worden uitgelegd.
Zoals we al zeiden, is de vereiste om te weten: HTML Y JavaScriptEr zijn echter een reeks beperkingen of beveiligingsregels waaraan we moeten voldoen in onze HTML, zodat onze applicatie werkt zoals het hoort, laten we eens kijken.
Er mag geen code zijn JavaScript binnen onze HTML in een van zijn vormen, noch ingebed via de tags of als een attribuut voor de oproep van een gebeurtenis zoals:

 Ga naar Menu

De juiste manier om dit te doen is door onze code op te nemen JavaScript in hun respectievelijke bestanden en neem ze vervolgens op in onze HTML als volgt:

Eindelijk in ons bestand js we hoeven het alleen maar te associëren via luisteraars en daarmee lossen we ons beveiligingsprobleem op.
Er mag geen navigatie zijn binnen onze HTML we kunnen in geen geval de volgende links hebben:

 Nieuwe pagina

We kunnen zelfs geen formulieren hebben die aan een actie zijn gekoppeld:

Dit betekent niet dat we geen formulieren kunnen gebruiken, maar de informatieverwerking moet gebeuren vanaf de JavaScript via een gebeurtenis die is gekoppeld aan de verzendknop. Dit houdt in dat we in plaats van meerdere interfaces te tonen, de ZON om er elementen in te injecteren, daarom zijn de toepassingen van Chroom het zijn meestal enkele pagina's.
String compilatieWe moeten vermijden strings te compileren met functies zoals setTime-out of setInterval, deze beperking stelt ons in staat om aanvallen van Cross-site scripting waar het JavaScript in de HTML wordt geïnjecteerd.
Toegang tot externe bronnen is beperkt, dus het is niet correct om het volgende te doen:

 VERGROTEN
Zoals we kunnen zien, is het een eenvoudige webtoepassing, maar te interpreteren door: Chroom aangezien een toepassing twee belangrijke bestanden nodig heeft, is de eerste een bestand manifest.json die de toepassing identificeert als een toepassing van Chroom, is een bestand JSON vrij eenvoudig en definieert de eigenschappen van de applicatie, laten we de inhoud ervan bekijken:
 {"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Calculator", "version": "1.0"}
We hebben al gedefinieerd wat het bestand zal zijn dat aangeeft dat het een toepassing zal zijn van Chroom, het zou start.js dat is wat het mogelijk maakt om de applicatie uit te voeren via de gebeurtenissen die zijn gedefinieerd in de API van Chroom, laten we de inhoud ervan bekijken:
 chrome.app.runtime.onLaunched.addListener (functie () {chrome.app.window.create ('calculator.html');});
Met de laatste hebben we al alles wat we nodig hebben om onze applicatie uit te voeren, laten we de resterende stappen bekijken.
Eerst openen we een instantie van Chroom en we gaan naar de pagina met extensies, daar selecteren we het programmeurspaneel dat er als volgt uit moet zien:

VERGROTEN

Klik op de optie Voeg een nieuw item toe, dit zal ons ertoe brengen de servicevoorwaarden te accepteren en dan zullen we in de interface zijn om onze applicatie te kunnen uploaden, het is belangrijk dat we het in een gecomprimeerd bestand hebben om het te kunnen uploaden:

VERGROTEN
Hierna hebben we onze applicatie al klaar om te worden gepubliceerd, het enige probleem is dat we een vergoeding moeten betalen zodat deze actie kan worden voltooid, maar we kunnen de informatie van onze applicatie opslaan en een voorbeeld zien van hoe het eruit ziet in de markt van apps Chroom:

VERGROTEN
Hiermee hebben we de tutorial afgerond, waar we konden zien wat we nodig hebben om een ​​applicatie van te ontwikkelen Chroom, de beperkingen waarmee we rekening moeten houden, de procedures die het onderscheiden van een traditionele webtoepassing en hoewel we het niet op de markt konden publiceren, weten we al alles wat we nodig hebben om deze actie uit te voeren.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven