Разработка на приложения за Google Chrome

Google От известно време тя се превърна в една от най -иновативните и технологично солидни компании, откакто е известен имейл мениджърът Gmail, на хилядите приложения, които трябва да направят живота на потребителя много по -лесен.
Но там, където са направили живота на потребителя много по -лесно, е въпросът с сърфирането в мрежата, техният браузър Google Chrome, той е бърз, мощен, лек и автоматично се свързва с нашия акаунт на Google, давайки ни достъп до всички приложения, които компанията ни предлага, но ако сме разработчици, може би сме се чудили как да разработим приложения за известния браузър, реалността е, че това е доста прост процес, но има някои неща, които трябва знам преди.
ИзискванеЕдинственото изискване да можете да разработвате приложения за Google Chrome Да знаеш как да направиш уеб приложение, да, толкова е просто. Трябва да знаем HTML Y JavaScript, и ако е възможно някои CSS Бихме могли да го използваме, но това знание трябва да бъде задължително, останалите стъпки ще бъдат обяснени в този урок.
Както споменахме, изискването е да знаете HTML Y JavaScriptИма обаче редица ограничения или правила за сигурност, които трябва да спазваме в нашия HTML, така че нашето приложение да работи както трябва, нека да видим.
Не трябва да има код JavaScript в рамките на нашите HTML под каквато и да е форма, нито вграден чрез маркерите или като атрибут за извикването на събитие, като например:

 Отидете на Меню

Правилният начин да го направите е като включите нашия код JavaScript в съответните им файлове и след това ги включете в нашите HTML както следва:

Накрая в нашия файл js трябва само да го свържем слушатели и с това решаваме проблема си със сигурността.
Не трябва да има навигация в нашата HTML в никакъв случай не можем да имаме връзки, както следва:

 Нова страница

Не можем дори да имаме форми, свързани с каквото и да е действие:

Това не означава, че не можем да използваме формуляри, но обработката на информацията трябва да се извършва от JavaScript чрез събитие, свързано с бутона за изпращане. Това означава, че вместо да показваме множество интерфейси, трябва да променим СЛЪНЦЕ да се инжектират елементи в него, затова приложенията на Chrome те са на една страница през повечето време.
Компилация на низТрябва да избягваме компилирането на низове с функции като setTimeout или setInterval, това ограничение ни позволява да избягваме атаки от Скриптове между сайтове където JavaScript се инжектира в HTML.
Достъпът до външни ресурси е ограничен, така че не е правилно да се прави следното:

 Увеличете
Както виждаме, това е просто уеб приложение, но за тълкуване от Chrome тъй като приложението се нуждае от два важни файла, първият е файл manifest.json който идентифицира приложението като приложение на Chrome, е файл JSON доста просто и определя свойствата на приложението, нека видим съдържанието му:
 {"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Калкулатор", "version": "1.0"}
Вече определихме какъв ще бъде файлът, който идентифицира, че ще бъде приложение Chrome, Би било start.js което позволява изпълнението на приложението чрез събитията, дефинирани в API на Chrome, нека видим съдържанието му:
 chrome.app.runtime.onLaunched.addListener (function () {chrome.app.window.create ('calculator.html');});
С последното вече имаме всичко необходимо за стартиране на нашето приложение, нека видим останалите стъпки.
Първо отваряме екземпляр на Chrome и отиваме на страницата с разширения, там избираме панела на програмиста, който трябва да изглежда така:

Увеличете

Кликнете върху опцията Добавяне на нов елемент, това ще ни накара да приемем условията за услуги и след това ще бъдем в интерфейса, за да можем да качим нашето приложение, важно е да го имаме в компресиран файл, за да можем да го качим:

Увеличете
След това вече имаме готово за публикуване приложение, единственият проблем е, че трябва да платим такса, за да може това действие да бъде завършено, но можем да запазим информацията за нашето приложение и да видим визуализация на това как изглежда в пазара на приложения Chrome:

Увеличете
С това завършихме урока, където можехме да видим от какво се нуждаем, за да разработим приложение Chrome, ограниченията, които трябва да вземем предвид, процедурите, които го отличават от традиционното уеб приложение и въпреки че не можахме да го публикуваме на пазара, ние вече знаем всичко необходимо за изпълнението на това действие.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка