`
JerryWang_SAP
  • 浏览: 1025484 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署

阅读更多

登录SAP云平台,在Services面板里找到SAP WebIDE Full-stack服务:

从availability里发现WebIDE full-stack目前只有Neo能用,CloudFoundry暂时不可用:

点击Go to Service打开WebIDE:

打开WebIDE后,新建一个项目,environment选成CloudFoundry:

 

从模板里创建一个UI5应用,模板选择成SAP UI5 Application:

A new MTA project called mta_FioriDemo containing the FioriDemo HTML5 module now appears in your SAP Web IDE workspace. When developing apps in the Cloud Foundry environment, you create a Multi-Target Application (MTA) file in SAP Web IDE. Each SAP Fiori app is developed as an SAPUI5 module of the MTA.

选中生成的XML视图,右键菜单,用layout editor打开,编辑这个视图:

从控件库里找到Text控件,将其拖拽到视图区域:

 

在项目的workspace preferences里,指定该应用部署到的目标CloudFoundry环境明细:

本地测试可以用Run Configuration菜单实现:

选择Run as Web Application:

运行的文件,就选择index.html:

 

如果要部署到CloudFoundry,先对这个项目进行build,得到.mtar文件:

 

 

然后使用右键菜单部署即可。

 

0
1
分享到:
评论

相关推荐

    SAP HANA Cloud Platform

    SAP HANA Cloud Platform提供了相关指南,帮助开发者理解如何使用SAPUI5创建移动应用程序。 10. 应用程序最佳实践(Application Best Practices): 为了帮助开发者构建最佳的应用程序,SAP HANA Cloud Platform...

    SAP-Web-IDE-Solution-Overview

    SAP Web IDE 是一款由 SAP 提供的强大开发工具,旨在帮助开发者快速构建、部署和管理应用程序。本版本为 SAP Web IDE 1.12,结合了 Hybrid Application Toolkit 1.5,提供了更全面的功能和改进。这份文档详细介绍了 ...

    SAPUI5(SAP Fiori)开发工具介绍

    上述介绍涵盖了SAPUI5和SAP Fiori开发工具的基础知识,详细介绍了SAPUI5的开发环境以及如何开始使用SAP Web IDE和Eclipse Web IDE进行SAPUI5应用的开发。通过这些工具,开发者可以更加高效地进行SAP Fiori应用的开发...

    SAPUI5(SAP Fiori)运行环境介绍

    SAP Web IDE是SAP提供的集成开发环境,用于创建、开发和部署SAPUI5应用。它提供代码编辑器、库管理、应用生命周期管理和部署功能等,方便开发者在云端直接进行开发工作,并且可以与HAT(SAP混合应用工具)结合,编写...

    SAPUI5(SAP Fiori)开发技术要求

    SAPUI5的开发不仅仅局限于编写代码,它还涉及到理解SAP生态系统的许多方面,包括前后端服务的交互、不同平台的应用部署和用户体验设计。因此,SAPUI5开发者需要不断学习和掌握相关的知识和技能,以便能够创建出高...

    SAP Fiori(SAPUI5)简介

    总结来说,SAP Fiori结合SAPUI5框架为用户提供了全新的体验,采用现代的Web技术标准,将SAP应用的用户界面推向了新的高度。它不仅提供了丰富的交互组件和响应式设计,还能够与后端服务进行有效的整合,支持跨平台、...

    SAP S4 HANA On-Premise和S4 HANA Cloud

    9. 开发方式:On-Premise使用ABAP在GUI客户端开发,Cloud在SAP Cloud Platform上开发,支持UI5等现代技术。 10. 系统架构:On-Premise有多层环境,如开发、测试和生产环境,Cloud则简化为测试和生产系统。 对于期望...

    cloud-platform-gamification-demo-app:此代码示例包括一个名为“ HelpDesk”的示例应用程序,以演示如何使用SAP Cloud Platform Gamification Service的API。

    此代码示例包括一个名为“ HelpDesk”的示例应用程序,以演示如何使用SAP Cloud Platform Gamification Service的API。 该应用程序包括如何将事件发送到服务以及如何使用成就的示例。 此外,示例包括基于SAP UI5的...

    cloud-sfsf-concur-ext-sample:在SAP Cloud Platform上构建招聘和差旅费用管理仪表板,以扩展业务线SaaS解决方案

    数据被合并在一起以提供易于使用的摘要,该摘要在服务中创建并显示在SAPUI5 Analytic Page仪表板中。 该应用程序本身由两个项目组成。 第一个项目是API服务,该服务通过SAP API Business Hub为调用者提供可消耗API...

    SAP PO/PI教程 Process Orchestration The Comprehensive Guide

    12.2.1 SAPUI5 Technology Platform 12.2.2 Model-View-Controller Concept 12.2.3 SAPUI5 Components 12.2.4 Other SAPUI5 Concepts 12.2.5 Integration Steps 12.3 Other User Interface Technologies ...

    提高开发SAPFiori应用程序的工作效率.zip

    通过使用SAP Web IDE,你可以快速创建、测试和部署Fiori应用。 2. **SAP UI5**:SAP Fiori的基础是SAP UI5,一个开源的JavaScript库,用于构建响应式和交互式的Web应用。掌握UI5的核心概念,如控制器、模型、视图和...

    sap_openui5_practice_projects-master.zip

    SAPUI5应用程序可以部署在SAP NetWeaver或SAP Cloud Platform上。 3. **模型-视图-控制器(MVC)架构**:OpenUI5和SAPUI5采用MVC模式,将应用程序分为三个主要部分:模型(Model)处理数据,视图(View)负责显示,...

    teched2020-DEV161:DEV161-在SAP Cloud Platform上使用自定义UI扩展SAP S4HANA

    该存储库包含SAP TechEd 2020会议的资料,称为DEV161-使用SAP Business Technology Platform上的自定义UI扩展SAP S / 4HANA 。 概述 本次会议向与会者介绍了SAP Fiori自由式应用程序的端到端开发流程。 在公司的IT...

    SAP开发者指导(PDF)

    学习如何使用Cloud SDK,以及如何与SAP Cloud Platform Integration和SAP Cloud Platform Extension Factory等服务交互,对于开发云原生应用至关重要。 7. **SAP Fiori Launchpad**:这是Fiori应用的入口点,开发者...

    ui5-deployer:ui5部署者

    欢迎PR =)部署到您应该能够部署到: SAP Netweaver:ABAP服务器SAP Cloud Platform:NEO环境SAP Cloud Platform:Cloud Foundry环境项目配置通常位于每个项目的ui5.yaml文件中。 您有3个用于远程系统的选项。 它们...

    nwabap-ui5uploader:此模块允许开发人员将SAPUI5OpenUI5源上载到SAP NetWeaver ABAP系统中

    该行为与(或应该是)与SAP Web IDE应用程序部署选项“部署到SAPUI5 ABAP存储库”或Eclipse通过“ UI开发工具包HTML5”可从“ SAPUI5 ABAP存储库团队提供程序”获得的行为相同。 ”。 开发此模块的主要原因是将部署...

    SAP开发者常用教程

    学习如何使用Cloud SDK和SCP(SAP Cloud Platform)服务,能让你的解决方案更加灵活和可扩展。 7. **SAP UI5**:UI5是SAP用于构建Web应用程序的前端框架,基于HTML5和JavaScript。掌握UI5,你可以创建交互性强、...

    SAP-odata文档

    5. **SAP Fiori和SAPUI5**:这两个技术是如何提供现代化用户体验的,包括Fiori设计原则、UI组件、应用程序开发流程和工具,以及SAPUI5的框架结构和编程模型。 6. **移动应用开发**:如何利用SAP Gateway和OData创建...

    Agenda-Virtual-SAPUI5:使用SAPUI5技术开发议程

    【标题】"Agenda-Virtual-SAPUI5:使用SAPUI5技术开发议程" 涉及到的核心主题是使用SAPUI5框架来构建一个虚拟议程应用。SAPUI5是SAP公司推出的一个开源的前端开发框架,主要用于构建企业级的Web应用程序。它基于HTML5...

Global site tag (gtag.js) - Google Analytics