API管理
HCP中卷哩，啟用API管理服務(wù)昂灵，通過訪問API門戶的鏈接色鸳，進(jìn)入API管理界面
在Webshop應(yīng)用中琉历，我們請(qǐng)求產(chǎn)品列表的URL如下
點(diǎn)擊Quick Action中的API，可以打開創(chuàng)建API頁面水醋，URL為https://espmc5228335trial.hanatrial.ondemand.com/espm-cloud-web/espm.svc/旗笔，API Base Path我們可以填/v1/os/espm/ （注意在本應(yīng)用中，最后以'/'標(biāo)記結(jié)尾）
我們得到創(chuàng)建的URL https://c5228335trial-trial.apim1.hanatrial.ondemand.com:443/c5228335trial/v1/os/espm/
訪問該url可以得到產(chǎn)品的信息
點(diǎn)擊Policies拄踪，點(diǎn)擊Edit蝇恶，選擇PreFlow，增加Verify API Key惶桐，下面代碼中改成
<APIKey ref='request.header.APIKey'/>撮弧，更新并保存
再訪問API URL，會(huì)得到錯(cuò)誤信息
Failed to resolve API Key variable request.header.APIKey姚糊。在API Portal頁面通過Quick Action的Product鏈接創(chuàng)建Product贿衍，并選擇前面創(chuàng)建的API
點(diǎn)擊HCP API管理中的訪問開發(fā)人員門戶，可以看到前面創(chuàng)建的Product救恨，首次登陸需點(diǎn)擊Regist注冊(cè)為開發(fā)人員
進(jìn)入后贸辈，點(diǎn)擊Subscribe->New Application，創(chuàng)建ESPM-UI
在Consume下肠槽，可以得到Application Key與Application Secret
點(diǎn)擊Test擎淤，添加Hearder參數(shù)，再訪問即可訪問到Product的信息秸仙。
更新APP為API Management Branch嘴拢，點(diǎn)擊設(shè)置按鈕修改為API Management Call
此時(shí)會(huì)有
Origin 'https://espmc5228335trial.hanatrial.ondemand.com' is therefore not allowed access.的錯(cuò)誤修改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服務(wù)
添加File Upload項(xiàng)目
上傳i18n.properties文件，上傳成功后弊攘，在Translation標(biāo)簽下可以自動(dòng)翻譯抢腐，修改翻譯的內(nèi)容
修改后，點(diǎn)擊下載翻譯文件襟交，粘貼到i18n文件夾下迈倍，更新APP，即可通過url加后綴sap-language=de等內(nèi)容查看相應(yīng)語言下的頁面捣域。
Mobile Scenario
GitHub上下載HTML5-Retailer和HTML5-Workshop Branch
image.png
在HCP的連接中啼染，導(dǎo)入兩個(gè)項(xiàng)目的Destination宴合，更新其中的url
打開WEB-IDE，F(xiàn)ile->git->clone repository迹鹅，clone github上的url
創(chuàng)建Local Branch卦洽，點(diǎn)擊加號(hào)，選擇Html5-workshop
同樣的方法創(chuàng)建Html5-retailer Local Branch斜棚。
HCP中啟用Portal服務(wù)阀蒂，創(chuàng)建新的站點(diǎn)，模板選擇SAP Fiori Launchpad弟蚀。
在站點(diǎn)目錄中蚤霞，將其發(fā)布并設(shè)為默認(rèn)。
在WEB-IDE中义钉，將項(xiàng)目Deploy到SAP HANA Cloud Platform昧绣，Application Name為workshop，并將其注冊(cè)到Fiori Launchpad
Application Name為com.sap.espm.webshop捶闸，站點(diǎn)選擇前面新建的ESPM夜畴，Retailer同樣的步驟
部署完成后，可以查看
在HCP中新建webshop與retailer的租用
啟用HCP的Mobile Fiori服務(wù)
