API管理
HCP中,啟用API管理服務,通過訪問API門戶的鏈接,進入API管理界面
在Webshop應用中,我們請求產品列表的URL如下
點擊Quick Action中的API,可以打開創建API頁面,URL為https://espmc5228335trial.hanatrial.ondemand.com/espm-cloud-web/espm.svc/,API Base Path我們可以填/v1/os/espm/ (注意在本應用中,最后以'/'標記結尾)
我們得到創建的URL https://c5228335trial-trial.apim1.hanatrial.ondemand.com:443/c5228335trial/v1/os/espm/
訪問該url可以得到產品的信息
點擊Policies,點擊Edit,選擇PreFlow,增加Verify API Key,下面代碼中改成
<APIKey ref='request.header.APIKey'/>
,更新并保存再訪問API URL,會得到錯誤信息
Failed to resolve API Key variable request.header.APIKey
。在API Portal頁面通過Quick Action的Product鏈接創建Product,并選擇前面創建的API
點擊HCP API管理中的訪問開發人員門戶,可以看到前面創建的Product,首次登陸需點擊Regist注冊為開發人員
進入后,點擊Subscribe->New Application,創建ESPM-UI
在Consume下,可以得到Application Key與Application Secret
點擊Test,添加Hearder參數,再訪問即可訪問到Product的信息。
更新APP為API Management Branch,點擊設置按鈕修改為API Management Call
此時會有
Origin 'https://espmc5228335trial.hanatrial.ondemand.com' is therefore not allowed access.
的錯誤修改API的Rote Rules如下:
在PostFlow中,添加Assign Message
代碼如下
<AssignMessage async="false" continueOnError="false" enabled="true" xmlns='http://www.sap.com/apimgmt'>
<Add>
<Headers>
<Header name="Access-Control-Allow-Origin">*</Header>
<Header name="Access-Control-Allow-Headers">set-cookie, origin, accept, maxdataserviceversion, x-csrf-token, apikey, dataserviceversion, accept-language, x-http-method,content-type,XRequested-Wit</Header>
<Header name="Access-Control-Max-Age">3628800</Header>
<Header name="Access-Control-Allow-Methods">GET, PUT, POST, DELETE</Header>
<Header name="Access-Control-Expose-Headers">set-cookie, xcsrf-token, x-http-method</Header>
</Headers>
</Add>
<IgnoreUnresolvedVariables>false</IgnoreUnresolvedVariables>
<AssignTo createNew="false" type="response">response</AssignTo>
</AssignMessage>
在PreFlow中,CheckAPI添加Condition String:request.verb != "OPTIONS"
刷新后,可以訪問
Translation HUB
啟用HCP的SAP Translation HUB服務
添加File Upload項目
上傳i18n.properties文件,上傳成功后,在Translation標簽下可以自動翻譯,修改翻譯的內容
修改后,點擊下載翻譯文件,粘貼到i18n文件夾下,更新APP,即可通過url加后綴sap-language=de等內容查看相應語言下的頁面。
Mobile Scenario
GitHub上下載HTML5-Retailer和HTML5-Workshop Branch
image.png
在HCP的連接中,導入兩個項目的Destination,更新其中的url
打開WEB-IDE,File->git->clone repository,clone github上的url
創建Local Branch,點擊加號,選擇Html5-workshop
同樣的方法創建Html5-retailer Local Branch。
HCP中啟用Portal服務,創建新的站點,模板選擇SAP Fiori Launchpad。
在站點目錄中,將其發布并設為默認。
在WEB-IDE中,將項目Deploy到SAP HANA Cloud Platform,Application Name為workshop,并將其注冊到Fiori Launchpad
Application Name為com.sap.espm.webshop,站點選擇前面新建的ESPM,Retailer同樣的步驟
部署完成后,可以查看
在HCP中新建webshop與retailer的租用
啟用HCP的Mobile Fiori服務