Создание Chrome расширений и приложений

chrome-ext-apps

В этом материале мы немного поговорим о том как создавать приложения и расширения для браузеров на движке Chrome, а также разберём связанные с этой темой несколько важных нюансов.

В интернете полно информации по этой теме, но здесь мы обсудим некоторые вопросы, которых нет в русскоязычном интернете ну и просто важные отправные точки создания web-приложения или расширения.

 

На чём делать?

В первую очередь, планируя создать приложение или расширение вы должны учитывать что создавать их нужно на HTML+JS+CSS+Chrome.API. Последнее необязательно, но как дополни тельный функционал его можно использовать. Помимо обычного HTML, можно теоретически использовать и Flash-технологии. Они официально также разрешены.

 

Что это такое?

Что представляет собой расширение или приложение на Chrome? Если вы читали предыдущий абзац, то в принципе вопроса такого не должно было возникнуть. И расширения и приложения - это обычные HTML файлы, которые можно легко запустить в браузере как сайт (Если только там не используется chrome.api).

 

Как и где публиковать?

С публикацией есть несколько тонкостей. Ваше приложение вы можете распространять на своём сайте или в свободном виде в интернете. Для этого вам его просто нужно запаковать в crx файл, используя для этого браузер Chrome и режим разработчика. В этом случае пользователям нужно будет также сначала включить режим разработчика, а уже потом Chrome разрешит добавить ваше приложение или расширение.

Второй путь это опубликовать ваше приложение в Chrome Web Store. Для этого нужно будет используя Google Wallet заплатить 5$, тем самым подтвердив намерения разработчика. После оплаты вы сможете загрузить 20 приложений/расширений в магазин.

Мало того что магазин благодаря внутреннему поиску даст вашему проекту посетителей, так вы ещё сможете легко вести статистику, делать приложение платным и самое главное пользователям не нужно будет включать режим разработчика для установки приложения или расширения.

 

Как обновлять приложение/расширение?

С обновлением приложения или расширения есть один нюанс. Если вы планируете загрузить его в Chrome Web Store от самих Google вам не нужно указывать в файле manifest.json параметр update_url. Либо он должен у вас содержать такой адрес:

http://clients2.google.com/service/update2/crx

В противном случае можно получить от магазина такую ошибку:

Произошла ошибка: Не удалось обработать продукт.

Манифест не должен содержать поле update_url.

По логике для обновления вам просто нужно будет открыть в панели разработчика ваше приложение и выбрать опцию Загрузить обновленный пакет. После этого вы должны будете загрузить обновленную версию приложения. О том как правильно загружать приложение читайте ниже.

Если вы не планируете его загружать в магазин приложений, тогда вам нужно будет указать в манифесте приложения параметр update_url, который будет содержать полный путь то файла xml в интернете, который будет показывать состояние версии приложения. Например:

"update_url": "http://domain.ru/chrome/app.xml",

А вот пример содержания файла app.xml:

<?xml version='1.0' encoding='UTF-8'?>
<gupdate xmlns='http://www.google.com/update2/response'; protocol='2.0'>
<app appid='ofimbdmhbiepciinopocdpfggihfcgkh'>
<updatecheck codebase='http://domain.ru/chrome/app.crx'; version='1.2' />
</app>
</gupdate>

В appid должен содержаться уникальный ID вашего приложения/расширения, в codebase абсолютный путь к crx-файлу последней версии проекта, которую вы пишите в version атрибуте.

Будьте внимательны!!! Для того чтобы не создавалось у пользователей несколько копий вашего приложения, а была только одна, вы должны правильно пользоваться вашим ключом pem. Если вы загружаете приложение в Chrome Web Store, тогда в папку с приложением вы должны класть ключ приложения переименовав его в key.pem.

Если вы распространяете ваше приложение в свободном доступе по интернету, тогда вы должны каждый раз при запаковке его в crx-файл использовать полученный при первой запаковке ключ.

 

Как тестировать приложение/расширение?

Тестирование выполняется довольно просто. В Списке расширений вашего Chrome-браузера включите режим разработчика, а затем просто перетяните мышкой папку с содержимым приложений (манифест+приложение/расширение) в вкладку с расширениями вашего браузера и оно автоматически будет установлено.

 

Как собственно сделать приложение или расширение?

Для начала вам нужно ознакомится с манифест-файлом приложения или расширения. И например посмотреть пример приложения и расширения. Этого будет достаточно чтобы что-то создать. В остальном вам нужно будет гуглить материал или искать гайды в интернете.

Ну и напоследок, многих интересует можно ли использовать Adsense?

В Chrome-приложении можно использовать Adsense код, потому что это фактически обычный web application.

Если у вас есть проблемы в разработке или появились вопросы касательно этой темы - пишите в комментариях.


You have no rights to post comments

Карта сайта