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

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":