概要

SAP Gateway Demo SystemのODataサービスを使って、SAPUI5のアプリを作ってみたいと思います。今回は、準備編としてSAP Gateway Demo Systemへの接続設定をおこないます。

※OData関連の投稿一覧は以下の記事をご参照ください。
【SAPUI5】OData(1) ODataとは

今回やること

SAP Gateway Demo Systemにユーザ登録する
サービスのmetadataを確認する
SAP Cloud Platform Cockpitで宛先を設定する
WebIDEから接続を確認する

1. SAP Gateway Demo Systemにログインする

以下のページを参考に、SAP Gateway Demo Systemにユーザ登録します。
https://developers.sap.com/tutorials/gateway-demo-signup.html

前提として、SAP Cloud Platform Cockpitのアカウントが必要です。アカウントの作成方法については以下を参考にしてください。
【SAPUI5】Hello World

ログインすると、以下のようにwebguiの画面が立ち上がります。
ここから開発等はできないようです。ユーザ登録するのは、SAP Gateway Demo Systemのサービスを使用できるようにするためです。

2. サービスのmetadataを確認する

SAP Gateway Demo SystemがどのようなODataサービスを提供しているのか見てみましょう。
ブラウザに以下のように入力してください。ログインを求められたら、ステップ1で設定したユーザID、パスワードを入力してください。
https://sapes5.sapdevcenter.com/sap/opu/odata/IWBEP/GWSAMPLE_BASIC/$metadata
meatadataが表示されます。

以下のEntity Set, Navigation Propertyが用意されていることがわかりました。

Entity Set	Navigation Property
BusinessPartnerSet	ToSalesOrders, ToContacts, ToProducts
ProductSet	ToSalesOrderLineItems, ToSupplier
SalesOrderSet	ToBusinessPartner, ToLineItems
SalesOrderLineItemSet	ToHeader, ToProduct
ContactSet	ToBusinessPartner

図で表すと、こんな感じです。

3. SAP Cloud Platform Cockpitで宛先を設定する

1.で登録したSAP Gateway Demo Systemを、SAP Cloud Platform Cockpitに登録します。これにより、Web IDEでアプリを作る際にODataサービスを選択できるようになります。
参考：https://developers.sap.com/tutorials/gateway-demo-signup.html

下記URLからSAP Cloud Platform Cockpitにログインします。
https://account.hanatrial.ondemand.com/cockpit

"Neo Trial"を選択します。

"Connectivity"のメニューを開いて"Destinations"を選択します。

"New Destination"をクリックします。

以下の内容を入力します。
URL：https://sapes5.sapdevcenter.com

"New Property"ボタンを押して、追加で以下の内容を入力します。
WebIDEでこの宛先を使えるようにするための設定です。
WebIDEUsage: odata_gen, odata_abap, bsp_execute_abap

入力し終わったら"SAVE"ボタンを押します。

4. WebIDEから接続を確認する

最後に、WebIDEから接続がうまくいっているか確認してみます。
WebIDEにログインして、"New Project from Template"を選択します。

"SAP Fiori Master-Detail Application"を選択して、"Next"を押します。

Project Name, Titleを入力します。（接続確認が目的なので、名前は適当です）

接続先の設定で、"Service URL"を選択し、プルダウンから"ES5"を選択します。

サービスURLに、以下を入力します。
sap/opu/odata/IWBEP/GWSAMPLE_BASIC

"Test"ボタンを押して、Entity Setが表示されれば成功です。

関連記事

OData(6) SAPでのODataサービスの作り方開発編-2
OData(8) ODataを使ったSAPUI5アプリケーションの作り方開発編-1