Как настроить плитки fiori

SAPUI5 – фреймворк от SAP

разработка SAP FIORI интерфейсов на базе JavaScript библиотеки sapui5

Как добавить плитку приложения SAPUI5 в Launchpad SAP Fiori

Установим плитку с приложением SAPUI5 в начальный экран Launchpad SAP Fiori.

Предварительные условия:

Для того чтоб у пользователя в режиме редактирования начального экрана Launchpad SAP Fiori появилась плитка с созданным приложением SAPUI5, необходимо создать роль с каталогом плиток SAP Fiori во front-end сервере.

Если ваше приложение SAPUI5 работает в связке с oData сервисом, не забудьте добавить полномочия. Процедура описана также в этой статье.

В транзакции PFCG создаем новую роль:

В меню добавляем «Каталог плиток SAP Fiori»:

Из списка доступных каталогов находим идентификатор каталога, созданный для нашего SAPUI5 приложения:

Нажимаем на Ок, получаем меню роли:

Добавляем пользователей и сохраняем роль.

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

Для этого в back-end сервере создаем роль и добавляем полномочия.
Во вкладке Меню добавляем «Предложение полномочия»:

В открывшемся окне заполняем:

• Предложение полномочия: TADIR-сервис.
• ТипОбъект: IWSV SAP Gateway Business Suite Enablement.
• В TADIR-сервис выбираем имя нашего oData сервиса.

Нажимаем Ок, затем Скопировать.

Добавим пользователей, Сгенерируем роль. Для пользователя в приложении SAPUI5 будут доступны данные из oData сервиса.

Последний шаг это добавление плитки приложения SAPUI5 в начальний экран Launchpad SAP Fiori.

Во фронт-энде запустим лаунчпад Fiori. В браузере можно открыть по пути:

где ххххх.хх – адрес вашего фронт-энд сервера.

Войдем в режим редактирования начальной страницы, нажмем на плитку добавления:

Доступен каталог для приложения Fiori на SAPUI5, для которого создавали роль. Закрепляем плитку на начальный экран:

У пользователя на начальном экране Launchpad SAP Fiori плитка приложения SAPUI5:

Удачи в изучении SAP Fiori! Если возникли вопросы, прошу в комментариях оставить сообщения.

Добавить комментарий Отменить ответ

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Подпишитесь на нашу рассылку новых статей!

Свежие записи

Свежие комментарии

• Владимир к записи Выбор среды разработки для SAPUI5
• admin к записи Выбор среды разработки для SAPUI5
• Владимир к записи Выбор среды разработки для SAPUI5
• admin к записи Внедрение / регистрация сервиса SAP Gateway oData service ( SEGW)
• Артем к записи Внедрение / регистрация сервиса SAP Gateway oData service ( SEGW)

Архивы

От Автора

Здесь Вы найдете некоторые нюансы разработки своих приложений для SAP Fiori на основе библиотеки SAPUI5 в среде разработки SAP Web IDE.
Работа с приложениями SAP становится проще благодаря возможностям SAP Fiori. Это новая философия создания интерфейсов для приложений SAP, которые одинаково хорошо будут смотреться и на десктопе, и на любом мобильном устройстве, потому что используют HTML5 и Java. То есть мы берем данные из таблиц SAP через OData и строим на их основе привлекательные web-приложения на SAPUI5 для различных групп пользователей. Новая интегрированная среда веб-разработки SAP Web IDE представляет собой инструмент для быстрого создания новых приложений SAPUI5 с нуля и расширения существующих приложений Fiori.

Источник

Русские Блоги

Навыки отладки Fiori Launchpad Tile для прыжка после нажатия

После нажатия плитки на панели запуска SAP Fiori фон вычислит перенаправленный целевой URL-адрес и вернет его на передний план.

Белые квадраты на картинке ниже становятся плитками. После нажатия на каждую плитку откроется соответствующее приложение Fiori.

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

Во-первых, мы можем напрямую щелкнуть плитку в браузере или использовать Postman, чтобы вручную запустить запрос синтаксического анализа URL-адреса этой цели перехода:

Используйте код транзакции SICF в фоновом режиме и установите точку останова в HANDLE_REQUEST класса обработчика узла icf:

Запрос запускается в Postman, точка останова запускается, и выполнение из системы переднего плана Fiori входит в выполнение фоновой системы Fiori в строке 61.

Что касается различия между интерфейсной и серверной системами Fiori, пожалуйста, обратитесь к моей статье о публичном аккаунте WeChat.Три метода развертывания приложения SAP Fiori

Логика выполнения в фоновом режиме: сначала получите метаданные

Затем возьмите реальные данные. На следующем рисунке представлен текст запроса данных:

Получите название действия:

Затем вызовите соответствующую логику обработки в соответствии с названием действия:

Первое чтение из кеша:

Итак, перейдите в базу данных, чтобы получить:

получил ответ. Результатом анализа на рисунке ниже является строка cus.crm.mycalendar за SAPUI5.Component = — приложение Fiori, которое открывается после щелчка по плитке. Значение поля URL — это место хранения приложения BSP, соответствующего приложению.

Интеллектуальная рекомендация

Хранимая процедура MySQL (вызов)

Хранимая процедура MySQL (вызов): Во-первых, объясните: Хранимая процедура MySQL — это новая функция, добавленная с MySQL 5.0. Преимуществами хранимых процедур являются корзина. Но главноеЭффективност.

№ 25 установить операцию

Вчера кратко представил коллекцию и некоторые ее основные методы, а также некоторые другие общие методы сбора. 1) методы addAll, containsAll и removeAll: 2) Итератор: Коллекция предоставляет метод для.

Связанный список со структурой данных — односвязный список слияния сортировка слияния

Идеи: 1. Найдите середину связанного списка и разделите его на 2 части. 2. Перейдите к шагу 1, разрежьте на 4 и 8 полосок. . . Пока в каждом связанном списке не будет только 1 элемент 3. Операция слия.

Foreach (упрощенное письмо для циркуляции)

Foreach (упрощенное письмо для циркуляции) Усовершенствованный для цикла является продвинутой для цикла после JDK1.5, который специально используется для траверсных массивов и коллекций. Его внутренни.

Источник

Динамическое добавление плитки на SAP Fiori Launchpad

Как динамически добавить плитку на SAP Fiori Launchpad

• 

Sergey Ignatov

Некоторое время назад я рассматривал вариант добавления плитки на SAP Fiori Launchpad

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

Что мне для этого понадобится?

Плагин для ланчпада

OData сервис, посредством которого я буду определять необходимость добавления плитки на ланчпад

Задача

Добавить для пользователя плитку на SAP Fiori Launchpad при условии, что ему присвоена определенная роль в backend системе. Новая плитка может быть добавлена на ланчпад без привязки к определенному каталогу плиток, который наличествует у пользователя.

OData сервис для получения информации о наличии роли пользователя

OData сервис, который я планирую использовать для получения информации о наличии роли у пользователя, имеет EntitySet со следующими свойствами

Заполнение требуемого EntitySet’а выполняется в *DPC_EXT классе OData-сервиса.

Наполнение плагина для SAP Fiori Launchpad

Привожу пример реализации функции onInit()

Настройка Target Mapping для добавляемой плитки

Чтобы приложение можно было запустить по клику на добавленную плитку, требуется настроить Target Mapping (Присвоение цели) в одном из каталогов, присутствующих у пользователя.

Тестирование

Спасибо за ваше время. Зима будет долгой, но все по-прежнему обойдется. Обнимаю. ignatov

Sign up for more like this.

ABAP CDS. Коротко о главном (2)

Обзор процесса создания CDS View с входным параметром и последующее его использование в ABAP программе

• 

Small SAP Talk. Поиск PFCG роли по включенному в нее каталогу плиток

Small SAP Talk. Поиск PFCG роли по включенному в нее каталогу плиток

• 

ABAP CDS. Коротко о главном

Беглый обзор ABAP CDS, как инструмента для создания моделей данных, и их последующем применении в ABAP конструкциях

Источник

Разрабатываем SAP Fiori-приложения локально при помощи VSCode и Fiori Tools

Привет, Хабр! Меня зовут Александр Карпов, я ведущий разработчик в группе разработки интерфейсов веб-приложений компании «Северсталь-инфоком». Хочу поделиться с вами опытом локальной разработки UI-приложений для SAP-систем.

В разное время для разработки приложений SAPUI5 разработчики пользовались разными инструментами. Сначала это были плагины для HANA Studio (Eclipse), потом появилась Web IDE, затем Business Application Studio (BAS). Но проблема в том, что плагины для Eclipse не развиваются с 2019 года, а два остальных инструмента привязывают разработчика к конкретной среде. Ведь Web IDE и BAS — это облачные среды, которые лишают возможности разрабатывать локально. К тому же они платные.

Компания SAP пошла на встречу разработчикам и в последнее время начала разрабатывать инструменты для локальной разработки: UI5 Tooling и Fiori Tools, а также плагины для VSCode. Это позволяет разработчикам работать эффективнее, а также не зависеть от облачных сред разработки.

В этой статье мы будем использовать редактор VSCode, установим на него плагины, создадим приложение и запустим его локально.

Устанавливаем расширения SAP Fiori Tools

Перед началом работы установите Node.js. Мы не будем использовать его напрямую, но он необходим для работы инструментов.

Затем в VSCode необходимо установить расширения. Для этого зайдите на панель Extensions (Ctrl+Shift+X), введите в поиске: «SAP Fiori tools — Extension Pack» и установите его. Это не одно расширение, а целый пакет. Поэтому после установки у вас также появится шесть других расширений:

Application Wizard. Помогает создавать приложения на основе готовых шаблонов. По сути это просто графический интерфейс над утилитой Yeoman.

XML Toolkit. Поддержка XML: подсветка синтаксиса, проверка и так далее.

Создаем приложение

Сначала создадим папку для проекта (у меня она называется OVP) и откроем ее с помощью VSCode. Далее в редакторе нажимаем Ctrl+Shift+P, в окне поиска пишем «generator» и выбираем «Fiori: Open Application Generator».

Откроется мастер, который помогает создавать приложения. На выбор есть два типа приложений: «SAP Fiori Elements» для Fiori-приложений и «SAPUI5 freestyle» для самостоятельных приложений UI5. Для нашей разработки мы выберем «SAP Fiori elements» и шаблон «Overview Page».

На следующем шаге необходимо выбрать источник данных. К чему можно подключиться:

к существующей SAP-системе

к сервису OData

к SAP API Business Hub

или просто загрузить файл метаданных.

Мы выберем первый вариант и подключимся к нашей локальной SAP-системе. Также можно подключиться к облачной платформе SAP Business Technology Platform.

После успешной авторизации появятся два дополнительных поля: «System name» и «Service». В первое поле можно ввести удобное имя системы, и оно сохранится в VSCode для дальнейшего использования. Во втором нужно выбрать сервис OData, из которого мы будем забирать данные.

На третьем шаге выбираем сущность, по которой будет строиться глобальная панель фильтрации приложения (smartFilterBar).

На следующем шаге заполним атрибуты проекта: имя модуля проекта, описание и подробное описание, папка для генерации файлов проекта. Для удобства тестирования можно выбрать опцию «Add FLP configuration».

На последнем шаге заполним данные конфигурации Fiori Launchpad: семантический объект, действие (action), заголовок и подзаголовок. Эта конфигурация не попадет в настройки ланчпада реальной системы, а будет использоваться только для локальной разработки.

В результате у нас сформируется проект следующей структуры. В папке zoverview находится основная структура проекта, а в папке .vscode — файл с конфигурациями запуска.

Запускаем приложение локально

Мастер автоматически создает пять конфигураций запуска:

Start . Запуск с настройками ui5.yaml.

Start with UI5 Version. Запуск с настройками ui5.yaml и возможностью выбора версии библиотек.

Start Mock. Запуск с настройками ui5.yaml и тестовыми данными.

Start Mock with UI5 Version. Запуск с настройками ui5.yaml, тестовыми данными и возможностью выбора версии библиотек.

Start Local. Запуск с настройками ui5-local.yaml. При этом будет использоваться локальная версия библиотеки SAPUI5.

Запускать приложения можно через панель Run and Debug (Ctrl+Shift+D). Для этого выберите нужный вариант и нажмите на иконку запуска.

Мы запустим наше приложение в конфигурации «Start zoverview». По умолчанию оно запустится на порту 8080 и автоматически откроется в дефолтном браузере. Мы увидим приложение с заголовком и Smart Filter Bar’ом.

Итак, при помощи редактора VSCode и инструментов Fiori Tools мы создали приложение Fiori Elements и запустили его локально. Как видите, процесс создания приложения достаточно быстрый и удобный, благодаря простому интерфейсу и широкому набору настроек. Задавайте вопросы, пишите комментарии, постараюсь ответить.

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

Источник