Direct navigation in CRM WebUI
Use this url for example: https://:44354/sap(bD1lbiZjPTAwMSZkPW1pbg==)/bc/bsp/sap/crm_ui_start/default.htm?crm-object-type=BPFS&crm-object-action=B&crm-object-value=120&crm-object-keyname=PARTNER the overview page of business partner with id 120 in current application server could directly be opened:
How does CRM WebUI framework know which target UI view should be used for rendering? In the url the CRM object type BPFS and action B ( display ) is specified, both of which are used for target UI view resolvation.
In my example, the determined target ID is TBPFSOV.
This mapping is configured in customizing below:
This target ID will further be used to determine the target WebClient UI component view.
The mapping between a target ID and corresponding UI component is maintained in customizing below:
Direct navigation in CRM Fiori
Sample url: http://:50033/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=001&sap-language=EN#Lead-manageLead&/detail1/Leads(guid’40F2E963-AFAA-1EE5-88AD-D6FD7FB9D1CE’)
Semantic object Lead and action “manageLead” are specified in the url. How Fiori knows which UI5 view is used as target UI for rendering? Open the Catalog page in Fiori catalog designer:
The combination of semantic object plus action used in my example leads to the target Fiori application with alias “MyLeads” in LPD_CUST.
Open transaction code LPD_CUST, locate the UI5 application by application alias “MyLeads”.
Open the Component.js of this application and the target view, S3, is configured for route pattern “detail1/{contextPath}”.
This explains why S3.view.xml and S3.controller.js are loaded in the runtime when the direct url is accessed.
Direct navigation in C4C
Example: https://.http://c4c.saphybriscloud.cn/sap/public/byd/runtime?bo=COD_OPPORTUNITY_THINGTYPE&nav_mode=TI¶m. Key=00163E217B181EE6AFB52FAEC14878E2 And the TI page of given opportunity is displayed.
The supported type for corresponding TI page are listed in SAP help.
If you monitor network request in Chrome development tool, it is easy to find out that the navigation target, Opportunity TI page, is resolved by a ABAP backend function module OBERON_OBN_TARGET_RESOLVE, which is not visible to C4C customer & partner.
Further reading
Jerry’s blogs regarding the comparison how CRM and Cloud for Customer implement a given feature using different approaches:
- OData Service backend implementation in C4C, CRM and S4 HANA
- Excel export in CRM and C4C
- Saved query in C4C, CRM and S/4 HANA
- Direct navigation in CRM WebUI, CRM Fiori and C4C
- Formatted Text Edit in CRM and Cloud for Customer
- How Table column resize works in CRM and Cloud for Customer
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
相关推荐
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。 Jerry 也是从 SAP UI5 菜鸟一路走过来...
SAP S/4 UI5 FIORI开发
什么是SAP Fiori SAP UX策略 SAP Fiori设计指南(Design Guideline) SAP Fiori运行环境 SAPUI5与OpenUI5 OpenUI演示
SAP S4HANA frontend fiori详细配置文档,以及简单权限配置
SAPUI5, SAP Fiori开发工具介绍文档, 更多:http://edu.csdn.net/course/detail/5046
UI5-FIORI-安装配置开发环境搭建及测试程序案例.pdf
Session 1: Introduction to SAPUI5 / FIORI (40 mins) ▫ Basic MVC concept: Model, View, Controller ▫ UI5 Control libraries • Session 2: Introduction to SAP Web IDE (20 mins) • Hands on 1: Build your...
SAPUI5, SAPFiori简介,更多信息:http://edu.csdn.net/course/detail/5046
SAP Fiori SAP Fiori SAP Fiori Architecture Architecture Overview to Deep Overview to Deep Dive -with with focus on S/4 HANA focus on S/4 HANA
SAPUI5常用部署的环境介绍,更多请参阅:http://edu.csdn.net/course/detail/5046
SAP fiori的简易开发过程指南,从开发者角度出发,分后面ODATA开发环境和前端SAP UI5环境搭建,以及发布进行了讲解
SAPUI5教程,开发必备知识点,更多:http://edu.csdn.net/course/detail/5046
SAP Fiori Launchpad是移动或桌面设备上Fiori应用程序的入口,...本配置指南提供了设置SAP Fiori Launchpad和Launchpad Designer所需的信息。 此外,它还提供了将所有类型的SAP Fiori应用程序添加到Launchpad中的步骤。
SAP Web IDE设置指南,开发SAP UI5/Fiori必备
SAP UI5项目实践,SAPUI5是SAP推出的一个前端框架,对移动设备友好
SAP FIORI OVERVIEW FIORI概览
以下是SAP Fiori的三种方案:交易应用程序(Transactional apps),分析应用程序(Analytical apps)和实况报告报表(Fact sheets)。每个方案都有其特定的系统或软件要安装。通过阅读本文档,它可以根据所需的系统...
SAP Fiori OData Services. OData is used to define best practices that are required to build and consume RESTful APIs. It helps you to find out changes, defining functions for reusable procedures and ...
SAP Fiori 官方最新培训中使用的现金流案例。与你分享。
ui5-fiori:教育SAP UI5,Fiori