В контексте веб-разработки мэшап — это веб-страница или приложение, использующее контент из более чем одного источника для создания одной новой службы, отображаемой в едином интерфейсе. В данном случае речь идет об интеграции Qlik Sense с веб-технологиями. Мы можем сделать это, используя API-интерфейсы Qlik Sense.
Но прежде чем мы углубимся в это, что, черт возьми, такое API?
API – интерфейс прикладного программирования. API – это программный посредник, который позволяет двум приложениям взаимодействовать друг с другом. Думайте об этом как о наборе инструкций по программированию, которые позволяют разработчику взаимодействовать с веб-приложением.
API-интерфейсы Qlik Sense — это библиотеки, которые позволяют нам взаимодействовать с платформой Qlik Sense и создавать визуализации, виджеты, пользовательские компоненты и да, как вы уже догадались, гибридные приложения. В этой статье я собираюсь разобрать три варианта реализации мэшапа. Они не исключают друг друга, но должны помочь вашему пониманию на данном этапе.
Перейдите по ссылке ниже, чтобы ознакомиться с полным курсом по Qlik Sense Mashups. Курс содержит 8 полных проектов, включая мэшапы с использованием Capability API и Enigma JS, более 25 часов видеоконтента и поддержку инструктора.
Единый конфигуратор (API интеграции приложений и API единого конфигуратора)
Таким образом, Single Configurator — это самый простой способ создания мэшапов Qlik Sense; Вы можете вставлять листы, визуализации или объекты на веб-сайт через iFrame.
Единый конфигуратор — это инструмент Qlik Sense, который позволяет легко создавать простые мэшап-страницы без необходимости написания кода.
Вы даже можете определить предварительно выбранные значения и применить закладки во время интеграции iframe. Это удобный инструмент для быстрого и простого встраивания целых листов или объектов Qlik Sense во внешние сайты.
Инструмент работает, создавая URL-адрес, который вы можете вставить непосредственно в браузер или использовать для интеграции через iFrame. В этом URL-адресе можно настроить дополнительные параметры (или они добавляются автоматически при использовании пользовательского интерфейса Qlik), чтобы предоставить вам больший контроль над содержимым; вы можете добавить интерактивность, текущую панель выбора и даже применить выбор по умолчанию.
Это все, что вам нужно для простых вариантов использования интеграции!
API возможностей
Здесь все становится немного интереснее. Это набор из 11 API-интерфейсов Java Script, которые позволяют встраивать содержимое Qlik Sense в веб-страницы. Эти 11 API содержат App API (для взаимодействия на уровне приложения, например, получение объекта, добавление действий), Visualization API (создание визуализаций на лету), Bookmark API (для работы с закладками), Field API (для выбора значения в поле) и 7 других, все задокументированы здесь.
Как показывают эти примеры, методы, доступные в этих API, позволяют нам взаимодействовать с приложениями Qlik Sense для создания веб-мэшапов; загрузка объектов, фильтров, применение выделения и многое другое. Их можно использовать для создания полнофункциональных веб-приложений, использующих ассоциативный движок. Стоит отметить, что создание мэшапа с использованием одного из шаблонов мэшапов Qlik (через Dev Hub) по умолчанию загрузит Capability API. Это действительно полезно для быстрого начала создания mashup-приложений, но помните об используемом вами наборе API.
API-интерфейсы Capability зависят как от Angular JS (интерфейсная платформа приложений), так и от Require JS (загрузчик файлов и модулей), которые необходимо учитывать при планировании проектов гибридных приложений.
Есть и третий вариант… прямой обмен данными с Qlik Sense Engine. Подход, который вы должны использовать, во многом зависит от того, что вы планируете построить, и от технологий, которые вы планируете использовать.
Энигма JS
Библиотека Enigma JS помогает вам взаимодействовать с ассоциативным механизмом Qlik. Вы можете использовать его для создания коллажей переднего плана или в проектах на стороне сервера с использованием Node JS. Вы можете использовать API-интерфейсы Qlik Engine для достижения функциональности, обеспечиваемой API-интерфейсами Capability; Вы можете создавать визуализации, делать выборки, создавать закладки и многое другое!
На самом деле API возможностей также реализует Enigma JS внутри приложения Angular, упакованного с использованием Require JS.
Несмотря на то, что API-интерфейсы Capability будут охватывать множество вариантов использования гибридных интерфейсов; Enigma JS по-прежнему следует рассматривать как жизнеспособную альтернативу. Особенно в более продвинутых случаях использования, например, если вы планируете использовать интерфейсные фреймворки, такие как React JS или Vue JS.
Возможность избежать требования Require JS делает его идеально подходящим для использования с этими платформами. Вы можете загрузить библиотеку в свой клиентский или серверный проект, подключиться к своему экземпляру Qlik Sense (или Qlik Core), и вы готовы к работе. !
Итак, это был краткий обзор мэшапов Qlik Sense, некоторых вариантов реализации и задействованных API. Надеюсь вам понравилось👌
Учебный курс Qlik Sense Mashup даст вам все навыки, необходимые для создания сквозных мэшап-проектов. Курс начинается с основ веб-разработки и будет способствовать развитию ваших знаний и навыков до тех пор, пока вы не научитесь создавать полные гибридные проекты с использованием API-интерфейсов Qlik и популярных библиотек и сред, таких как JQuery, Bootstrap и Webpack.
