在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的原創文章,請關注公衆號"汪子熙":