Руководство по разработке виджетов

Соглашение по использованию материалов

Авторские Права 2019 ООО «ИНСПАРК». Этот документ лицензирован компанией ИНСПАРК под лицензией Creative Commons Attribution-ShareAlike 3.0 Unported. Если вы распространяете материалы этого документа или его измененную версию, вы должны указать источник и предоставьте ссылку на оригинал. Если оригинальный текст документа изменен, все товарные знаки компании Инспарк должны быть удалены.

1. Общие сведения

Этот документ описывает технологию и способы разработки виджетов для платформы INSPARK. В документе описаны базовые программные элементы для создания виджетов, приведены примеры кода виджетов.

2. Для кого предназначен документ

Материалы документа предназначены для программистов front-end приложений. Для комфортной разработки виджетов программист должен обладать навыками в программировани на Angular, иметь представление о CSS3.

3. Требования к среде разработки

Для использования приведенных материалов и разработки виджетов необходимо выполнение следующих условий:

  • скачать проект для разработки с github;
  • использовать IDE с поддержкой JavaScript языка и Angular проектов;
  • иметь доступ к магазину виджетов;
  • иметь права устанавливать виджеты из магазина;
  • иметь права настройки виджетов в дашбордах.

4. Основные шаги по разработке виджета

В разделе приводятся общие сведения о том, как скачать проект для разработки, соглашения по локализации, порядок сборки и публикации виджета.

5. Описание интерфейса среды разработки

Для разработки, тестирования и сборки виджета используется специальная среда разработки. Актуальная версия среды разработки, а также примеров виджетов находится по адресу https://github.com/inspark/web-widget-container. В разделе описаны основные сведения интерфейса среды разработки виджета.

6. Классы и структуры

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

7. Примеры кода виджета

В проекте среды разработки, содержаться примеры создания виджета (см. /src/app/widget). В данном разделе приводится подробное описание по созданию различных вариантов виджета.