Cordova(PhoneGap)でSAPUI5モバイルアプリをAndroid向けにパッケージ化する手順

SAPUI5モバイルアプリのパッケージ化とは

SAPUI5には、モバイルアプリ開発向けに2種類の静的パッケージが用意されています。「sapui5-mobile-opt-static.zip」と「sapui5-mobile-static.zip」です。これらを利用することで、SAPUI5アプリをAndroidなどのモバイル環境向けに効率よく配布できます。

SAPUI5は、モバイルアプリの構築方法として以下の2つの選択肢をサポートしています。

• Webアプリケーションとして利用: URLから直接読み込む形式で、ネイティブアプリのラッパーは不要です。
• ハイブリッドアプリとして利用: ネイティブアプリのラッパー(Cordova/PhoneGapなど)とHTMLビューアを組み合わせ、ユーザーインターフェース上にSAPUI5コンテンツを表示します。

パッケージ入手時の注意点

「sapui5-mobile-opt-static.zip」および「sapui5-mobile-static.zip」は、SAPUI5ランタイムの標準デプロイメントには含まれていません。これらのパッケージを利用するには、SCN(SAP Community)からダウンロードできるSAPUI5、またはオープンソース版のOpenUI5を入手する必要があります。

これらのパッケージに関する詳細なドキュメントがSAPから提供されていますので、導入前に必ず確認することをおすすめします。

SAP公式ドキュメント(SAPUI5モバイルパッケージ)

PhoneGap Buildを利用したパッケージング

PhoneGap Buildを使えば、クラウド上で手軽にアプリをパッケージ化できます。ただし、無料アカウントでは1アカウントにつき1アプリのみという制限があります。複数のアプリをパッケージ化したい場合は、PhoneGapの公式サイトから有料プランへアップグレードしてください。

お使いのモバイルプラットフォームに合わせたPhoneGapプロジェクトの作成は、次のスタートガイドから始められます。
https://phonegap.com/start

プロジェクト構成

SAPUI5ベータ版と「sapui5-static.zip」を解凍すると、下記のようなサンプルプロジェクト構成が確認できます。

まず、SAPUI5の「resources」フォルダを、プロジェクト内の「\project\assets\www\sapui5\」ディレクトリへコピーしてください。

さらに、プロジェクトには以下のフォルダが含まれます。

• \project\assets\www\phonegap — PhoneGapのJavaScript API格納用フォルダ
• \project\assets\www\app_resources — アプリ固有のWebリソース格納用フォルダ

関連情報

SAPとモバイルの連携を、SAPUI5とPhoneGapを通じて実現する方法については、以下のブログ記事も参考になります。

• SAP and Mobile Powers Combined Through SAPUI5 and PhoneGap
• SAPUI5 – Building Mobile Apps Together With PhoneGap

なお補足として、PhoneGapはAdobeによる提供が終了しており、現在はそのオープンソース版であるApache Cordovaが後継ツールとして広く利用されています。新規プロジェクトではCordovaの採用を検討するとよいでしょう。