如何創建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的內容：