Пример текста

Данный раздел содержит описание примера реализации элемента управления HyperComments.

Платформа HyperComments перестала поддерживать бесплатный тариф. Необходимо приобретение лицензии.

Пример требует подключенного расширения программы Конструктор Web-разметок UrlProprtyDesignerExtension.

Пример рассчитан на версию Web-клиента 6.1 или выше.

Перечень необходимых инструментов:

Проект "HyperCommentsWebExtension"

Проект-расширение клиентской части Web-клиента. Содержит пример одного из способов интеграции со сторонними веб-приложениями.

Проект "HyperCommentsDesignerExtension"

Проект-расширение для конструктора разметок. Содержит описание элемента управления HyperComments для программы Конструктор Web-разметок. Демонстрирует описание и подключение нового ЭУ, используя класс ControlTypeDescription, задание ему стандартных свойств, реализованных в программе Конструктор Web-разметок[1] и добавление собственного свойства, используя PropretyDescription, класс[2].

Сборка и установка

  1. Откройте /Samples.sln.

  2. Соберите проект Controls > HyperComments > HyperCommentsDesignerExtension.

  3. Откройте консоль в папке Controls > HyperComments > ExchangeRatesWebExtension и выполните команду npm install и npm run build:prod.

  4. Скопируйте каталог SamplesOutput\Plugins\HyperCommentsDesignerExtension в каталог Путь к директории с исполняемым файлом конструктора Web-разметок\Plugins.

  5. Скопируйте каталог SamplesOutput\Content\Modules\HyperCommentsWebExtension в каталог Путь к сайту Web-клиента\Content\Modules.

  6. Перезапустите dvwebclient.

Регистрация виджета "HyperComments"

  1. Перейдите на сайт https://www.hypercomments.com.

  2. Нажмите на кнопку Войти.

  3. Авторизоваться под аккаунтом Google.

  4. Выбрать лицензию и следовать инструкциям.

  5. Нажмите на кнопку Установить.

  6. Ввести адрес сайта (Допустимо имя сайта в локальной сети).

  7. Выбрать тип виджета - HTML Custom code.

  8. Нажмите Далее.

  9. Нажмите Готово.

  10. Перейдите на страницу Виджет — Общее.

  11. Под заголовком указан идентификатор виджета ID: ######, его следует запомнить, он потребуется далее.

  12. Установите флаг напротив настройки Get-параметры. Учитывайте GET параметры и сгенерируйте новый виджет комментирования для отдельной страницы.

  13. Нажмите на кнопку Сохранить.

Проверка примера

  1. Запустите конструктор разметок.

  2. Скопируйте любую разметку для карточки вида Служебная записка.

  3. Выберите условия использования этой разметки.

  4. Откройте разметку и добавить в нее новый элемент управления Hyper comments.

  5. Укажите в свойстве Widget id идентификатор из пункта выше.

  6. Сохраните разметку.

  7. Перезапустите dvwebclient.

  8. Откройте карточку с этой разметкой.

  9. Убедитесь, что появился новый элемент управления.

1. См. PropertyFactory.GetNameProperty()
2. См. свойство WidgetId