App-Entwicklung für Google Chrome

Google Es hat sich seit einiger Zeit zu einem der innovativsten und technologisch solidesten Unternehmen entwickelt, seit seinem berühmten E-Mail-Manager Google Mail, bis hin zu den Tausenden von Anwendungen, die es dem Benutzer viel einfacher machen muss.
Aber wo sie das Leben des Benutzers viel einfacher gemacht haben, ist das Surfen im Internet, ihr Browser Google Chrome, es ist schnell, leistungsstark, leicht und wird automatisch mit unserem Konto verknüpft Google, wodurch wir Zugriff auf alle Anwendungen haben, die das Unternehmen uns anbietet, aber wenn wir Entwickler sind, haben wir uns vielleicht gefragt, wie man Anwendungen für den berühmten Browser entwickelt. In Wirklichkeit ist dies ein ziemlich einfacher Prozess, aber es gibt einige Dinge, die wir sollten vorher wissen.
ErfordernisDie einzige Voraussetzung, um Anwendungen entwickeln zu können für Google Chrome Es ist zu wissen, wie man eine Webanwendung erstellt, ja, so einfach ist es. Wir sollten es wissen HTML Ja JavaScript, und wenn möglich einige CSS Wir könnten es gebrauchen, aber dieses Wissen sollte obligatorisch sein, die restlichen Schritte werden in diesem Tutorial erklärt.
Wie bereits erwähnt, ist die Voraussetzung zu wissen HTML Ja JavaScriptEs gibt jedoch eine Reihe von Einschränkungen oder Sicherheitsregeln, die wir in unserem HTML-Code einhalten müssen, damit unsere Anwendung so funktioniert, wie sie sollte.
Es sollte kein Code sein JavaScript innerhalb unserer HTML in irgendeiner seiner Formen, noch eingebettet durch die Tags oder als Attribut für den Aufruf eines Ereignisses wie:

 Gehe zum Menü

Der richtige Weg, dies zu tun, ist, unseren Code einzufügen JavaScript in ihre jeweiligen Dateien und fügen sie dann in unsere HTML wie folgt:

Endlich in unserer Datei js wir müssen es nur durch assoziieren Zuhörer und damit lösen wir unser Sicherheitsproblem.
Es sollte keine Navigation in unserem geben HTML auf keinen Fall können wir folgende Links nicht haben:

 Neue Seite

Wir können nicht einmal Formulare haben, die mit einer Aktion verknüpft sind:

Dies bedeutet nicht, dass wir keine Formulare verwenden können, jedoch muss die Informationsverarbeitung von der JavaScript durch ein Ereignis, das mit der Senden-Schaltfläche verbunden ist. Dies impliziert, dass wir, anstatt mehrere Schnittstellen anzuzeigen, die SONNE Elemente hineinzuspritzen, deshalb sind die Anwendungen von Chrom sie sind die meiste Zeit einseitig.
String-ZusammenstellungWir sollten es vermeiden, Strings mit Funktionen wie . zu kompilieren setTimeout oder setInterval, diese Einschränkung ermöglicht es uns, Angriffe von Cross-Site-Scripting wo das JavaScript in den HTML-Code eingefügt wird.
Der Zugriff auf externe Ressourcen ist eingeschränkt, daher ist Folgendes nicht korrekt:

 VERGRÖSSERN
Wie wir sehen, handelt es sich um eine einfache Webanwendung, die jedoch interpretiert werden muss Chrom da eine Anwendung zwei wichtige Dateien benötigt, ist die erste eine Datei manifest.json die den Antrag als einen Antrag von . identifiziert Chrom, ist eine Datei JSON ganz einfach und definiert die Eigenschaften der Anwendung, sehen wir uns ihren Inhalt an:
 {"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Calculator", "version": "1.0"}
Wir haben bereits definiert, was die Datei sein wird, die identifiziert, dass es sich um eine Anwendung von . handelt Chrom, es würde start.js Dies ermöglicht die Ausführung der Anwendung über die Ereignisse, die in der API von . definiert sind Chrom, sehen wir uns den Inhalt an:
 chrome.app.runtime.onLaunched.addListener (function () {chrome.app.window.create ('calculator.html');});
Mit letzterem haben wir bereits alles, was wir zum Ausführen unserer Anwendung benötigen, sehen wir uns die verbleibenden Schritte an.
Zuerst öffnen wir eine Instanz von Chrom und wir gehen zur Erweiterungsseite, dort wählen wir das Programmierpanel aus, das so aussehen sollte:

VERGRÖSSERN

Klicken Sie auf die Option Neues Element hinzufügen, dies führt dazu, dass wir die Nutzungsbedingungen akzeptieren und dann werden wir in der Schnittstelle sein, um unsere Bewerbung hochladen zu können. Es ist wichtig, dass wir sie in einer komprimierten Datei haben, um sie hochladen zu können:

VERGRÖSSERN
Danach haben wir unsere Bewerbung bereits zur Veröffentlichung bereit, das einzige Problem ist, dass wir eine Gebühr zahlen müssen, damit diese Aktion abgeschlossen werden kann, wir können jedoch die Informationen unserer Bewerbung speichern und eine Vorschau sehen, wie sie in der Markt der Apps Chrom:

VERGRÖSSERN
Damit haben wir das Tutorial abgeschlossen, in dem wir sehen konnten, was wir brauchen, um eine Anwendung zu entwickeln Chrom, die Einschränkungen, die wir berücksichtigen müssen, die Verfahren, die sie von einer herkömmlichen Webanwendung unterscheiden, und obwohl wir sie nicht auf dem Markt veröffentlichen konnten, wissen wir bereits alles, was wir brauchen, um diese Maßnahme zu erfüllen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben