Sviluppo di app per Google Chrome

Google Da tempo è diventata una delle aziende più innovative e tecnologicamente solide, fin dal suo famoso gestore di posta elettronica Gmail, alle migliaia di applicazioni che ha per rendere la vita dell'utente molto più facile.
Ma dove hanno reso la vita dell'utente molto più semplice è in materia di navigazione web, il loro browser Google Chrome, è veloce, potente, leggero e si collega automaticamente al nostro account di Google, dandoci accesso a tutte le applicazioni che l'azienda ci offre, ma se siamo sviluppatori potremmo esserci chiesti come sviluppare applicazioni per il famoso browser, la realtà è che è un processo abbastanza semplice ma ci sono alcune cose che dovremmo sapere prima.
RequisitiL'unico requisito per poter sviluppare applicazioni per Google Chrome È sapere come realizzare un'applicazione web, sì, è così semplice. dovremmo sapere HTML sì JavaScript, e se possibile alcuni CSS Potremmo usarlo, ma questa conoscenza dovrebbe essere obbligatoria, il resto dei passaggi verrà spiegato in questo tutorial.
Come abbiamo detto, il requisito è sapere HTML sì JavaScriptTuttavia, ci sono una serie di restrizioni o regole di sicurezza che dobbiamo rispettare nel nostro HTML in modo che la nostra applicazione funzioni come dovrebbe, vediamo.
Non dovrebbe esserci alcun codice JavaScript all'interno del nostro HTML in nessuna delle sue forme, né incorporato tramite i tag o come attributo per la chiamata di un evento come:

 Vai al menu

Il modo corretto per farlo è includere il nostro codice JavaScript nei rispettivi file e quindi includerli all'interno del nostro HTML come segue:

Finalmente nel nostro file js dobbiamo solo associarlo attraverso ascoltatori e con questo risolviamo il nostro problema di sicurezza.
Non dovrebbe esserci navigazione all'interno del nostro HTML in nessun modo, non possiamo avere collegamenti come segue:

 Nuova pagina

Non possiamo nemmeno avere forme associate ad alcuna azione:

Ciò non significa che non possiamo utilizzare i moduli, tuttavia il trattamento delle informazioni deve essere effettuato dal JavaScript tramite un evento associato al pulsante di invio. Ciò implica che invece di mostrare più interfacce, dobbiamo modificare il SOLE per iniettare elementi in esso, ecco perché le applicazioni di Cromo sono pagine singole per la maggior parte del tempo.
Compilazione di stringheDovremmo evitare di compilare stringhe con funzioni come impostaTimeout o setInterval, questa restrizione ci permette di evitare attacchi da Cross Site Scripting dove il JavaScript viene iniettato nell'HTML.
L'accesso alle risorse esterne è limitato, quindi non è corretto effettuare le seguenti operazioni:

 INGRANDIRE
Come si vede si tratta di una semplice applicazione web, ma da interpretare da Cromo poiché un'applicazione ha bisogno di due file importanti, il primo è un file manifest.json che identifica l'applicazione come un'applicazione di Cromo, è un file JSON abbastanza semplice e definisce le proprietà dell'applicazione, vediamo il suo contenuto:
 {"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Calculator", "version": "1.0"}
Abbiamo già definito quale sarà il file che identifica che sarà un'applicazione di Cromo, sarebbe start.js che è ciò che consente l'esecuzione dell'applicazione attraverso gli eventi definiti nell'API di Cromo, vediamo il suo contenuto:
 chrome.app.runtime.onLaunched.addListener (function () {chrome.app.window.create ('calculator.html');});
Con quest'ultimo abbiamo già tutto il necessario per eseguire la nostra applicazione, vediamo i passaggi rimanenti.
Per prima cosa apriamo un'istanza di Cromo e andiamo alla pagina delle estensioni, lì selezioniamo il pannello del programmatore che dovrebbe assomigliare a questo:

INGRANDIRE

Fare clic sull'opzione Aggiungi un nuovo elemento, questo ci porterà ad accettare i termini dei servizi e quindi saremo nell'interfaccia per poter caricare la nostra applicazione, è importante che lo abbiamo in un file compresso per poterlo caricare:

INGRANDIRE
Dopo questo abbiamo già la nostra applicazione pronta per essere pubblicata, l'unico problema è che dobbiamo pagare una tassa in modo che questa azione possa essere completata, tuttavia possiamo salvare le informazioni della nostra applicazione e vedere un'anteprima di come appare nel mercato delle app Cromo:

INGRANDIRE
Con questo abbiamo terminato il tutorial, dove abbiamo potuto vedere di cosa abbiamo bisogno per sviluppare un'applicazione di Cromo, le restrizioni di cui dobbiamo tenere conto, le procedure che la differenziano da un'applicazione web tradizionale e sebbene non potessimo pubblicarla sul mercato, sappiamo già tutto ciò di cui abbiamo bisogno per compiere questa azione.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo