SAPUI5 모바일 패키지 개요
SAPUI5는 sapui5-mobile-opt-static.zip과 sapui5-mobile-static.zip 등 다양한 정적(static) 모바일 패키지를 제공합니다. SAPUI5는 모바일 앱을 구축하는 두 가지 방식을 지원합니다.
- 웹 애플리케이션 방식: URL에서 직접 로드하여 사용
- 하이브리드 앱 방식: 네이티브 앱 래퍼(wrapper)로 감싸서 배포
하이브리드 방식의 대표적인 예가 바로 PhoneGap(현 Apache Cordova)과 HTML 뷰어를 조합하여 사용자 인터페이스(UI)에 SAPUI5 콘텐츠를 표시하는 구조입니다.
패키지 설치 시 주의사항
sapui5-mobile-opt-static.zip 또는 sapui5-mobile-static.zip 패키지는 SAPUI5 런타임 배포판에는 포함되어 있지 않습니다. 해당 패키지는 SCN 다운로드 버전의 SAPUI5와 오픈소스 버전인 OpenUI5에서 제공되므로, 반드시 올바른 배포 경로에서 내려받아야 합니다.
SAP은 이러한 패키지에 대한 상세 공식 문서를 제공하고 있습니다.
https://help.sap.com/saphelp_nw74/helpdata/en/29/3eb945f0e945aaa776812481b4c533/frameset.htm
PhoneGap(Cordova) 빌드 계정 및 요금제
아래 링크에서는 앱 패키징을 위한 PhoneGap 빌드 과정을 확인할 수 있습니다. 다만 무료 계정은 계정당 하나의 앱만 패키징할 수 있다는 제한이 있습니다.
두 개 이상의 앱을 패키징하려면 유료 플랜에 가입해야 합니다. PhoneGap 공식 사이트에서 간단히 결제할 수 있으며, https://phonegap.com/start에서 자신의 모바일 플랫폼(Android, iOS 등)에 맞는 PhoneGap 프로젝트를 손쉽게 설정할 수 있습니다.
SAPUI5 프로젝트 구조 설정
위 화면은 SAPUI5 베타 버전과 sapui5-static.zip 파일의 압축을 해제했을 때 나타나는 샘플 프로젝트 구조입니다. 이후 resources 폴더를 \project\assets\www\sapui5\ 경로로 복사하면 됩니다.
또한 다음과 같은 폴더 구조도 함께 확인할 수 있습니다.
- \project\assets\www\phonegap: PhoneGap JavaScript API가 위치하는 폴더
- \project\assets\www\app_resources: 앱 고유의 웹 리소스를 담는 폴더
참고 자료
SAPUI5와 PhoneGap을 활용해 SAP와 모바일 기술을 결합하는 방법을 다룬 공식 블로그 문서입니다.
- SAP and Mobile Powers Combined Through SAPUI5 and PhoneGap
- SAPUI5: Building Mobile Apps Together with PhoneGap
