Система SAP позволяет создавать приложения для мобильных терминалов, так называемые ITS. Разработка приложения складывается из двух частей:
1.Разработка классического приложения
2.Создание Интернет сервиса. Генерация и адаптация HTML экранов для мобильных устройств.
1. Создание интернет сервиса
Зайдем в транзакцию SE80
Выберем «Интеренет-сервис».
Водим имя и нажимаем создать.
В появившемся окне, вводим код транзакции нашей программы
2. Транзакция se80
Правой кнопкой на нашем экране Другие функции->Создать HTML-шаблоны
Выбираем наш интернет сервис
Тема 99
Стиль генерации Mobile Devices (No HTML Tables)
Жмем «Сохранить»
В правой части экрана откроется HTML шаблон, который мы можем редактировать также как и обычную страницу (надо обратить внимание, что при перегенерации все наши изменения сотрутся). Надо обратить внимание, что страница ссылается на CSS и прочие ресурсы, по умолчанию все они хранятся в Интернет-сервисе ITSMOBILE.
Но мы можем копировать себе в сервис. Копирование напоминает копирование PF-статуса (указываем наш сервис и номер темы).
После этого, в настройках нашего сервиса или напрямую в коде страницы нужно сослаться на нашу CSS.
Логика выбора CSS на странице
1 2 3 4 5 6 7 |
if ( ~itsmobileCssInclude != "" ) <!-- customer include from gui settings -->` <link rel="stylesheet" href="`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name="styles/all/" & ~itsmobileCssInclude & ".css")`" type="text/css" `sh()`> ` else <!-- default include from itsmobile --> ` <link rel="stylesheet" href="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="styles/all/mobile.css")`" type="text/css" `sh()`> ` end; |
В параметрах сервиса можно указать различные настройки.
Полный список параметров можно прочитать по ссылке
После настройки\изменения сервиса или отдельного объекта его необходимо опубликовать
Далее необходимо перейти в транзакцию SICF и настроить сервис
На первом экране транзакции жмем «Далее»
В открывшемся меню выбираем default_host->sap->bc->gui->sap->its
Правой кнопкой -> «новый субэлемент»
Жмем «Дальше»
Вводим имя сервиса и жмем дальше
Вводим описание
GUI соединение – ДА
Жмем Конфигурация GUI - опционально заполняем конфигурацию
Настроек много, если какие нужны, смотреть в гугле))
Настраиваем Конфигурацию как на скриншоте
Особое внимание надо обратить на класс CL_MOBILE_SYSTEM_LOGIN . Он генерирует окно логина в систему, возникает проблема с адаптацией этого экрана. Для Исправления ситуации Создаем Z класс, родителем которого является CL_MOBILE_SYSTEM_LOGIN. В моем случае Z класс называется ZMM_ CL_MOBILE_SYSTEM_LOGIN. И в новом классе переопределяем метод, который формирует css ( WRITE_CSS_STYLE ), или какой либо другой, при необходимости.
Сохраняем изменения, активируем сервис и тестируем его.
Более подробную информацию можно получить по ссылкам:
https://wiki.scn.sap.com/wiki/display/HOME/ITSmobile+Visual+Editor
https://blogs.sap.com/2012/10/17/rf-menu-configuration-with-its-mobile/
https://blogs.sap.com/2012/04/04/creation-of-custom-mobile-application-with-its-mobile-using-abap/
https://blogs.sap.com/2015/02/09/sample-its-mobile-application/
http://www.sap-abap.ru/sozdanie-ekranov-dlya-mobilnyh-terminalov/
https://blogs.sap.com/2014/10/25/its-templates-styles-themes-and-legibility-mime-repository/