如何創建HTML Mashup並插入到SAP Cloud for Customer標準頁面里
- 2020 年 3 月 18 日
- 筆記
在SAP Cloud for Customer的Cloud Application Studio里,在Mashups and Web Services的新建菜單里,創建一個HTML Mashup:

portbinding決定了創建的mashup可以被插入到哪些Cloud for Customer標準頁面去:

我的port binding選擇additional Account information,這意味著該html mashup可以插入到Account TI頁面去:

Input Parameter里,可以選擇將SAP提供的一些輸入參數,傳入到html mashup里使用:

HTML code editor里,指定HTML mashup具體的html程式碼實現:

創建一個新的embedded component,將之前創建的HTML mashup拖拽到embedded component里:


UI Designer打開Account TI的UI component:

點擊按鈕:Add view with embedded component:

選擇包含了HTML Mashup的embedded component:

點擊Apply按鈕:

使用Extensibility explorer將mashup插入到Account TI頁面上,生成一個change Transaction:

保存之後,在Account TI頁面里,看到mashupTest這個新的tab,點擊之後:

就看到了之前HTML mashup的內容:
