Obsah
Google Od svého proslulého e -mailového manažera se již nějakou dobu stala jednou z nejinovativnějších a technologicky nejsilnějších společností Gmail, k tisícům aplikací, které musí uživateli výrazně usnadnit život.Kde ale uživateli výrazně usnadnili život, je otázka procházení webu, jejich prohlížeče Google Chrome, je rychlý, výkonný, lehký a je automaticky propojen s naším účtem Google, což nám dává přístup ke všem aplikacím, které nám společnost nabízí, ale pokud jsme vývojáři, možná jsme přemýšleli, jak vyvíjet aplikace pro slavný prohlížeč, realita je taková, že je to docela jednoduchý proces, ale existují věci, které bychom měli vědět dříve.
PožadavekJediný požadavek, aby bylo možné vyvíjet aplikace pro Google Chrome Vědět, jak vytvořit webovou aplikaci, ano, je to tak jednoduché. Měli bychom vědět HTML Y JavaScript, a pokud možno nějaké CSS Mohli bychom to použít, ale tyto znalosti by měly být povinné, ostatní kroky budou vysvětleny v tomto tutoriálu.
Jak jsme zmínili, požadavek je vědět HTML Y JavaScriptExistuje však řada omezení nebo pravidel zabezpečení, která musíme v našem HTML dodržovat, aby naše aplikace fungovala, jak má, uvidíme.
Neměl by existovat žádný kód JavaScript v rámci našeho HTML v žádné z jeho forem, ani vložené prostřednictvím značek nebo jako atribut pro volání události, jako je:
Přejděte do nabídkySprávný způsob, jak to udělat, je zahrnout náš kód JavaScript do příslušných souborů a poté je zahrnout do našich HTML jak následuje:
Konečně v našem souboru js musíme to spojit pouze prostřednictvím posluchači a tím vyřešíme náš bezpečnostní problém.
V našem by neměla být žádná navigace HTML v žádném případě nemůžeme mít následující odkazy:
Nová stránkaNemůžeme mít ani formuláře spojené s žádnou akcí:
To neznamená, že nemůžeme používat formuláře, ale zpracování informací musí být provedeno z JavaScript prostřednictvím události spojené s tlačítkem Odeslat. To znamená, že místo zobrazení více rozhraní musíme upravit SLUNCE vkládat do něj prvky, proto aplikace Chrome většinou jsou jednostránkové.
Kompilace řetězcůMěli bychom se vyhnout kompilaci řetězců s funkcemi jako setTimeout nebo setInterval, toto omezení nám umožňuje vyhnout se útokům od Skriptování mezi weby kde je JavaScript vložen do HTML.
Přístup k externím zdrojům je omezen, a proto není správné provádět následující:
ZVĚTŠIT
Jak vidíme, je to jednoduchá webová aplikace, kterou však musí interpretovat Chrome protože aplikace potřebuje dva důležité soubory, první je soubor manifest.json který identifikuje aplikaci jako aplikaci Chrome, je soubor JSON celkem jednoduché a definuje vlastnosti aplikace, podívejme se na její obsah:
{"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Calculator", "version": "1.0"}Již jsme definovali, co bude souborem, který identifikuje, že se bude jednat o aplikaci Chrome, to by start.js což umožňuje spuštění aplikace prostřednictvím událostí definovaných v rozhraní API Chrome, podívejme se na jeho obsah:chrome.app.runtime.onLaunched.addListener (function () {chrome.app.window.create ('calculator.html');});S tím druhým už máme vše, co potřebujeme ke spuštění naší aplikace, podívejme se na zbývající kroky.
Nejprve otevřeme instanci Chrome a přejdeme na stránku rozšíření, kde vybereme panel programátora, který by měl vypadat takto:
Klikněte na možnost Přidat novou položku, to nás dovede k přijetí podmínek služeb a poté budeme v rozhraní, abychom mohli nahrát naši aplikaci, je důležité, abychom ji měli v komprimovaném souboru, abychom ji mohli nahrát:
ZVĚTŠIT
Poté již máme naši aplikaci připravenou k publikování, jediným problémem je, že musíme zaplatit poplatek, aby mohla být tato akce dokončena, ale můžeme uložit informace o naší aplikaci a zobrazit náhled toho, jak to vypadá v trh aplikací Chrome:
ZVĚTŠIT
Tímto jsme dokončili tutoriál, kde jsme viděli, co potřebujeme k vývoji aplikace Chrome„omezení, která musíme vzít v úvahu, postupy, které ji odlišují od tradiční webové aplikace, a přestože jsme ji nemohli publikovat na trhu, již víme vše, co potřebujeme ke splnění této akce.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
ZVĚTŠIT
