Dezvoltarea aplicațiilor pentru Google Chrome

Google De ceva timp a devenit una dintre cele mai inovatoare și mai solide companii din punct de vedere tehnologic, de la faimosul său manager de e-mail Gmail, la miile de aplicații pe care le are pentru a face viața utilizatorului mult mai ușoară.
Dar, în cazul în care aceștia au făcut viața utilizatorului mult mai ușoară, este vorba de navigarea pe web, browserul lor Google Chrome, este rapid, puternic, ușor și este conectat automat la contul nostru de Google, oferindu-ne acces la toate aplicațiile pe care compania ni le oferă, dar dacă suntem dezvoltatori, ne-am fi putut întreba cum să dezvoltăm aplicații pentru celebrul browser, realitatea este că este un proces destul de simplu, dar există câteva lucruri pe care ar trebui să le știu înainte.
CerinţăSingura cerință pentru a putea dezvolta aplicații pentru Google Chrome Este să știi cum să faci o aplicație web, da, este atât de simplu. Ar trebui să știm HTML Da JavaScript, și dacă este posibil unele CSS L-am putea folosi, dar aceste cunoștințe ar trebui să fie obligatorii, restul pașilor vor fi explicați în acest tutorial.
După cum am menționat, cerința este să știm HTML Da JavaScriptCu toate acestea, există o serie de restricții sau reguli de securitate pe care trebuie să le respectăm în HTML, astfel încât aplicația noastră să funcționeze așa cum ar trebui, să vedem.
Nu ar trebui să existe niciun cod JavaScript în cadrul nostru HTML în oricare dintre formele sale, nici încorporat prin etichete sau ca atribut pentru apelul unui eveniment precum:

 Accesați Meniu

Modul corect de a face acest lucru este prin includerea codului nostru JavaScript în fișierele lor respective și apoi includeți-le în HTML după cum urmează:

În cele din urmă în dosarul nostru js trebuie doar să o asociem prin ascultători și cu aceasta ne rezolvăm problema de securitate.
Nu ar trebui să existe nicio navigație în interiorul nostru HTML în niciun caz, nu putem avea legături după cum urmează:

 Pagina noua

Nu putem avea nici măcar forme asociate cu nicio acțiune:

Acest lucru nu înseamnă că nu putem folosi formulare, cu toate acestea prelucrarea informațiilor trebuie făcută din JavaScript printr-un eveniment asociat butonului de trimitere. Aceasta implică faptul că, în loc să afișăm mai multe interfețe, trebuie să modificăm SOARE pentru a injecta elemente în el, de aceea aplicațiile Crom acestea sunt de o singură pagină de cele mai multe ori.
Compilație de șiruriAr trebui să evităm compilarea șirurilor cu funcții precum setTimeout sau setInterval, această restricție ne permite să evităm atacurile de la Scripturi între site-uri unde JavaScript este injectat în HTML.
Accesul la resurse externe este restricționat, deci nu este corect să faceți următoarele:

 MARI
După cum putem vedea, este o aplicație web simplă, dar care trebuie interpretată de Crom întrucât o aplicație are nevoie de două fișiere importante, primul este un fișier manifest.json care identifică cererea ca o cerere de Crom, este un fișier JSON destul de simplu și definește proprietățile aplicației, să vedem conținutul acesteia:
 {"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Calculator", "version": "1.0"}
Am definit deja care va fi fișierul care identifică faptul că va fi o aplicație Crom, ar fi start.js ceea ce permite executarea aplicației prin evenimentele definite în API-ul Crom, să-i vedem conținutul:
 chrome.app.runtime.onLaunched.addListener (function () {chrome.app.window.create ('calculator.html');});
Cu acesta din urmă avem deja tot ce ne trebuie pentru a rula aplicația, să vedem pașii rămași.
Mai întâi deschidem o instanță de Crom și mergem la pagina de extensii, acolo selectăm panoul programatorului care ar trebui să arate astfel:

MARI

Faceți clic pe opțiune Adăugați un element nou, acest lucru ne va determina să acceptăm termenii serviciilor și apoi vom fi în interfață pentru a putea încărca aplicația noastră, este important să o avem într-un fișier comprimat pentru a o putea încărca:

MARI
După aceasta, avem deja aplicația pregătită pentru a fi publicată, singura problemă este că trebuie să plătim o taxă pentru ca această acțiune să poată fi finalizată, totuși putem salva informațiile aplicației noastre și putem vedea o previzualizare a modului în care arată piața aplicațiilor Crom:

MARI
Cu aceasta am terminat tutorialul, unde am putut vedea de ce avem nevoie pentru a dezvolta o aplicație Crom, restricțiile pe care trebuie să le luăm în considerare, procedurile care o diferențiază de o aplicație web tradițională și, deși nu am putut să o publicăm pe piață, știm deja tot ce avem nevoie pentru a îndeplini această acțiune.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv