Tworzenie aplikacji dla Google Chrome

Google Od pewnego czasu stała się jedną z najbardziej innowacyjnych i solidnych technologicznie firm, od czasu swojego słynnego menedżera poczty e-mail Gmail, do tysięcy aplikacji, które ma znacznie ułatwić życie użytkownikowi.
Ale tym, co znacznie ułatwiły życie użytkownikowi, jest przeglądanie stron internetowych, ich przeglądarka Google Chrome, jest szybki, wydajny, lekki i jest automatycznie łączony z naszym kontem Google, co daje nam dostęp do wszystkich aplikacji, które oferuje nam firma, ale jeśli jesteśmy programistami, być może zastanawialiśmy się, jak tworzyć aplikacje dla słynnej przeglądarki, w rzeczywistości jest to dość prosty proces, ale jest kilka rzeczy, które powinniśmy wiedzieć wcześniej.
WymógJedyny wymóg, aby móc tworzyć aplikacje dla Google Chrome To wiedza, jak zrobić aplikację internetową, tak, to takie proste. Powinniśmy wiedzieć HTML Tak JavaScript, a jeśli to możliwe, trochę CSS Moglibyśmy z niego skorzystać, ale ta wiedza powinna być obowiązkowa, pozostałe kroki zostaną wyjaśnione w tym samouczku.
Jak wspomnieliśmy, wymogiem jest wiedzieć HTML Tak JavaScriptIstnieje jednak szereg ograniczeń lub reguł bezpieczeństwa, które musimy przestrzegać w naszym HTML, aby nasza aplikacja działała tak, jak powinna, zobaczmy.
Nie powinno być żadnego kodu JavaScript w naszym HTML w żadnej ze swoich form ani osadzonych za pomocą tagów lub jako atrybutu wywołania zdarzenia, takiego jak:

 Przejdź do menu

Prawidłowym sposobem na to jest dołączenie naszego kodu JavaScript w odpowiednich plikach, a następnie dołącz je do naszego HTML następująco:

Wreszcie w naszym pliku js musimy to tylko skojarzyć słuchacze i dzięki temu rozwiązujemy nasz problem z bezpieczeństwem.
Nie powinno być nawigacji w naszym HTML w żadnym wypadku nie możemy mieć następujących linków:

 Nowa strona

Nie możemy nawet mieć formularzy związanych z jakimkolwiek działaniem:

Nie oznacza to, że nie możemy korzystać z formularzy, jednak przetwarzanie informacji musi odbywać się od JavaScript poprzez zdarzenie powiązane z przyciskiem przesyłania. Oznacza to, że zamiast pokazywać wiele interfejsów, musimy zmodyfikować SŁOŃCE wstrzykiwać do niego elementy, dlatego aplikacje Chrom przez większość czasu są to pojedyncze strony.
Kompilacja ciągówPowinniśmy unikać kompilowania łańcuchów z funkcjami takimi jak setTimeout lub ustaw interwał, ograniczenie to pozwala nam uniknąć ataków ze strony Skrypty między witrynami gdzie JavaScript jest wstrzykiwany do kodu HTML.
Dostęp do zasobów zewnętrznych jest ograniczony, dlatego niewłaściwe jest wykonywanie następujących czynności:

 POWIĘKSZAĆ
Jak widać, jest to prosta aplikacja internetowa, ale do interpretacji przez Chrom ponieważ aplikacja potrzebuje dwóch ważnych plików, pierwszy to plik manifest.json który identyfikuje aplikację jako aplikację Chrom, jest plikiem JSON dość prosty i definiuje właściwości aplikacji, zobaczmy jej zawartość:
 {"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Kalkulator", "version": "1.0"}
Określiliśmy już, jaki będzie plik identyfikujący, że będzie to aplikacja Chrom, byłoby start.js co pozwala na wykonanie aplikacji poprzez zdarzenia zdefiniowane w API Chrom, zobaczmy jego zawartość:
 chrome.app.runtime.onLaunched.addListener (funkcja () {chrome.app.window.create ('calculator.html');});
Z tym ostatnim mamy już wszystko, czego potrzebujemy do uruchomienia naszej aplikacji, zobaczmy pozostałe kroki.
Najpierw otwieramy instancję Chrom i przechodzimy na stronę rozszerzeń, tam wybieramy panel programisty, który powinien wyglądać tak:

POWIĘKSZAĆ

Kliknij opcję Dodaj nową pozycję, doprowadzi nas to do zaakceptowania warunków świadczenia usług i wtedy znajdziemy się w interfejsie, aby móc wgrać naszą aplikację, ważne jest, abyśmy mieli ją w skompresowanym pliku, aby móc ją wgrać:

POWIĘKSZAĆ
Po tym mamy już naszą aplikację gotową do publikacji, jedynym problemem jest to, że musimy uiścić opłatę, aby ta akcja mogła zostać zakończona, jednak możemy zapisać informacje o naszej aplikacji i zobaczyć podgląd jak wygląda w rynek aplikacji Chrom:

POWIĘKSZAĆ
Na tym zakończyliśmy samouczek, w którym mogliśmy zobaczyć, czego potrzebujemy do opracowania aplikacji Chrom, ograniczenia, z którymi musimy się liczyć, procedury, które odróżniają ją od tradycyjnej aplikacji webowej i choć nie mogliśmy jej opublikować na rynku, to już wiemy wszystko, co jest nam potrzebne do wykonania tego działania.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt