在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的原创文章，请关注公众号"汪子熙":