如何建立HTML Mashup并插入到SAP Cloud for Customer标準頁面裡

在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的内容：

本文來自雲栖社群合作夥伴“汪子熙”，了解相關資訊可以關注微信公衆号"汪子熙"。