前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >我是如何在Fiori上添加UI应用的

我是如何在Fiori上添加UI应用的

原创
作者头像
matinal
修改2019-09-10 17:01:19
1.8K0
修改2019-09-10 17:01:19
举报
文章被收录于专栏:SAP TechnicalSAP Technical

正文前序

我在之前的文章推送里写了不少关于SAP Fiori的文章,有关于技术的也有浅谈理论发展的文章,有兴趣的朋友可以阅读一下。

SAP Fiori launchpad是一个托管SAP Fiori应用程序的shell,作为应用的入口,为应用程序提供导航,个性化,嵌入式支持和应用程序配置等服务。

所以,为了让用户登录并进入Fiori应用,我们需要配置SAP Fiori launchpad(关注公众号:SAP Technical获取更多SAP Fiori的文章)。

SAP Fiori launchpad是移动或桌面设备上Fiori应用的切入点。Lunchpad会显示各种功能性的磁贴。每个磁贴表示用户可以启动的业务应用程序。启动板是基于角色的,根据用户的角色显示切片。

今天聊一下,如何使自定义UI在SAP Fiori启动板中显示为应用程序磁贴,使用自定义UI应用程序扩展业务目录。

公众号:SAP Technical
公众号:SAP Technical

自定义目录

首先,我们在SAP Fiori launchpad里找到自定义目录扩展应用程序,这个是SAP系统提供的,以方便使用或者实施者方便进行应用扩展。如下图所示:

公众号:SAP Technical
公众号:SAP Technical

有了这个扩展应用程序后,就方便了我们后面的步骤中使用。

查找应用程序

所以,我们知道自定义应用的ID,应用程序的ID是我们从SAP Cloud Platform部署到S/4 HANA Cloud时所提供的名称的组合,包括前缀YY1_加后缀_UI5R。它是类型Custom UI App。如下图所示:

公众号:SAP Technical
公众号:SAP Technical

这个步骤的前提也是在已有的UI应用上,找到这个应用而已。

扩展业务目录

我们点击下图中的Add按钮,开始扩展新应用程序,扩展到需要添加的业务目录里。如下图所示:

公众号:SAP Technical
公众号:SAP Technical

添加的时候,系统就有选项提供,需要我们完善。

这时会打开一个弹出窗口以供选择,这里有一点需要注意,我们使用的用户应该能够使用该应用程序,而且必须具有分配了相同目录的角色。

我们这里使用的是SAP_CORE_BC_EXT,选择之后,点击OK即可完成。

公众号:SAP Technical
公众号:SAP Technical

点击OK之后,刚刚的弹出框就会自动关闭,目录扩展在其已使用目录列表中有一个条目,我们选择该条目,然后点Publish。

公众号:SAP Technical
公众号:SAP Technical

点击Publish后,你会看到应用的状态是已发布的状态,如下图所示:

公众号:SAP Technical
公众号:SAP Technical

打开UI应用

此时,我们点击Home,然后转到Fiori Launchpad,随后,点击刷新或者F5刷新页面,这时,我们会看到一个新的磁贴,我们点击这个磁贴,打开自定义的UI应用。

公众号:SAP Technical
公众号:SAP Technical

打开这个应用后,默认情况下,是不会显示现有列表条目数的,必须要在点击一下Go按钮,才能看到具体的列表条目。

公众号:SAP Technical
公众号:SAP Technical

点击按钮之后,会进入到应用的相信信息屏幕里,如下图所示:

公众号:SAP Technical
公众号:SAP Technical

以上就是一个完整的添加过程,因为有些内容我们需要添加到首页,方便使用。

SAP Fiori 采用现代化的用户体验设计理念,能在所有业务线、任务和设备中提供基于角色的消费者级用户体验。

SAP Fiori概念和设计原则是SAP设计主导的开发流程中的关键组件,可确保通过所有SAP产品交付到SAP Fiori的创新应用。

今天的技术篇就聊到这,如果读者朋友们有什么好的想法可以留言,这里是关于技术又不止技术的地方,这里有很多技术未来发展趋势的探讨和职场内容。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档