如何在 SAP WebIDE 里 运用 SAP CRM Fiori 应用

简介: 如何在 SAP WebIDE 里 运用 SAP CRM Fiori 应用

SAP UI5

1217 篇文章25 订阅

订阅专栏

I ran into some problem running the CRM My Opportunities application in WebIDE earlier, my understanding is that this application was built in the pre-WebIDE days, a bit of tinkering is needed. I was able to get it to work in the end, and I’d like to share my personal findings with the community in case others may have the same need.


What you’ll need:

Access to WebIDE

Access to CRM My Opportunities code repository

Access to gateway system


Step 1. Launch WebIDE.

Step 2. Go to menu File -> Git -> Clone Repository.


image.pngStep 3. Enter the project repo information.

image.pngimage.pngStep 5. Choose noShellIndex.html as the default entry path then click OK. (a run configuration will be created automatically)image.pngThe app won’t start, if you take a look at the Chrome developer tool console, there’s a jQuery is not defined error which prevents app from launching.

Step 6. Add the neo-app.json file to the root directory of the project. (see the final version of the neo-app.json content at the bottom of this post)


image.pngimage.pngNext, we’ll create a extension project out the My Opportunities app we cloned in our WebIDE workspace, what’s the advantage over create the extension project out of a remote resource? Well, you’ll have both the standard application and the extension application in the same workspace, and also, you can play around with the standard application, change a thing or two for experiment, and your extended app will pick up the changes made in the standard application right away, sounds good? Alright, let’s continue.

Step 8. There’s actually a neo-app.json existed already when we first cloned the app, but it does not really works, that’s why we created our own. In order to create a extension project out it, we can’t have two neo-app.json file, that’s why in this step, what we will need to do is to rename this file to something the system won’t be able to recognize.


image.pngStep 9. Now, go to menu File -> New -> Extension Project.

image.pngimage.pngStep 11. Again, we’ll need to update the neo-app.json file of the extended app, so that you can connect it to your gateway system, and also, to eliminate the library.js not found error you may encounter.


image.pngOnce that’s done, you’re good to go, happy coding

{  
  "routes": [  
    {  
      "path": "/sap/opu/odata",  
      "wattUsage": "odata_abap",  
      "target": {  
        "type": "destination",  
        "name": "your_gateway_name",  
        "entryPath": "/sap/opu/odata"  
      },  
      "description": "your_gateway_description"  
    },  
    {  
      "path": "/src/main/webapp/resources/",  
      "target": {  
        "type": "service",  
        "name": "sapui5",  
        "entryPath": "/resources"  
      },  
      "description": "SAPUI5 Resources"  
    },  
    {  
      "path": "/src/main/webapp/resources",  
      "target": {  
        "type": "application",  
        "name": "cuscrmlibreuse",  
        "preferLocal": true  
      },  
      "description": "Reuse Library"  
    }  
  ]  
}  


相关文章
|
2月前
|
Linux C++ Windows
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
|
5天前
|
监控 搜索推荐 数据挖掘
国产CRM系统在互联网行业中的应用与推荐
在数字化转型的大潮中,客户关系管理变得至关重要。本文精选了六款针对互联网行业的国产CRM系统,包括销售易、红圈CRM、纷享销客、神州云动CloudCC、简道云及悟空CRM,分别介绍了它们的核心优势与适用场景。无论企业是希望提升销售效率、实现移动办公还是追求高度定制化,都能从中找到合适的解决方案。在选择CRM系统时,还需综合考量其扩展性、集成能力和售后服务等方面。
|
19天前
|
数据挖掘 BI UED
移动CRM应用排名
在快速变化的商业环境中,移动CRM应用成为企业管理客户关系的关键工具。本文将深入探讨并排名市场上的优秀移动CRM应用,包括销售易Mobile、Salesforce Mobile、纷享销客、Zoho CRM Mobile、HubSpot Mobile、金蝶云·星辰移动端及用友U8+移动端,分析各自的优势和适用场景,帮助企业找到最适合自身需求的移动CRM解决方案,从而提高销售效率和管理水平。
|
2月前
|
数据安全/隐私保护 C# UED
利用 Xamarin 开展企业级移动应用开发:从用户登录到客户管理,全面演示C#与Xamarin.Forms构建跨平台CRM应用的实战技巧与代码示例
【8月更文挑战第31天】利用 Xamarin 进行企业级移动应用开发能显著提升效率并确保高质量和高性能。Xamarin 的跨平台特性使得开发者可以通过单一的 C# 代码库构建 iOS、Android 和 Windows 应用,帮助企业快速推出产品并保持一致的用户体验。本文通过一个简单的 CRM 示例应用演示 Xamarin 的使用方法,并提供了具体的代码示例。该应用包括用户登录、客户列表显示和添加新客户等功能。此外,还介绍了如何增强应用的安全性、数据持久化、性能优化及可扩展性,从而构建出功能全面且体验良好的移动应用。
38 0
|
5月前
|
存储
使用 ABAP 代码打印出 SAP CRM 系统里所有维护了 Sales Area 的 business partner id
使用 ABAP 代码打印出 SAP CRM 系统里所有维护了 Sales Area 的 business partner id
|
2月前
数字化核心构建问题之SAP为应用软件扎根客户打基础如何解决
数字化核心构建问题之SAP为应用软件扎根客户打基础如何解决
18 0
|
4月前
|
数据采集 监控 搜索推荐
CRM报表在企业中的应用:分析工具与报告自动化
Zoho CRM报表汇总客户数据,以图表形式展示客户活动、销售、市场趋势,支持定制。报表功能包括数据分析、业绩评估、预测规划和监控调整。关键在于数据质量、报表定制、员工培训及持续优化。CRM报表帮助企业做决策,提升竞争力,是数字化转型的重要工具。
55 4
|
5月前
|
监控 搜索推荐 数据可视化
CRM软件功能大揭秘:商业利器的多面功效与应用
CRM软件是用于企业管理和优化与客户在销售、营销及服务互动的工具,旨在吸引新客户、保留旧客户并提高市场。它包括客户管理、销售管理、售后管理和数据分析功能,帮助企业理解客户需求,提升销售效率,提供个性化服务,增强客户满意度和企业竞争力。CRM软件通过自动化和数据分析简化工作流程,支持精准营销,提供业绩提升和决策支持。例如,Zoho CRM是一款全面的系统,可助企业有效管理客户关系和制定营销策略。
59 1
|
5月前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍