最简单的sap云平台开发教程-如何开发ui5应用并运行在sap云平台上

JerryWangSAP JerryWangSAP     2022-11-07     192

关键词:

选择Services Catalog,根据关键字搜索到WebIDE服务,点击超链接打开WebIDE:

技术分享图片

进入workspace,选择Git->Clone Repository:

技术分享图片

从我的github clone:https://github.com/i042416/jerrylist

技术分享图片

clone完毕之后选择Run->Run index.html, 检查clone是否成功。

技术分享图片

正常情况下应该看到这个UI5应用:

技术分享图片

将该应用从git的workspace部署到SAP cloud platform上:

技术分享图片

Application Name可以随便起,我用的jerrylistfordemo。

技术分享图片

成功部署后,在HTML5 Application能看到刚刚部署成功的应用jerrylistfordemo:

技术分享图片

点击该应用的超链接能看到访问这个应用的url:

技术分享图片

这样既可访问部署在SAP云平台上的应用。

技术分享图片

同样的url也能在手机上访问:

技术分享图片

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:

技术分享图片

技术分享图片

如何把sapui5应用部署到sap云平台的fiorilaunchpad里去

...明细:成功部署后,点击RegistertoSAPFioriLaunchpad:(2)在SAP云平台控制台里,点击Services菜单页面,启用PortalService:点击enable按钮启用这项服务:(3)Portal服务启用后,点击链接“GotoService”,打开云平台上的portal.点击CreateNewSite按钮:S... 查看详情

如何提高阿里云上应用的可用性

...基础的计算资源如服务器网络、数据库服务、中间件PaaS平台到各种应用支撑的云管理服务,同时开源社区的迅猛发展也提供了从数据库、缓存到应用全生命流程中各种必须的组件,所以越来越多的应用开发者可以把精力放在业... 查看详情

ui5sourcecodemap机制的细节介绍(代码片段)

...习JavaScriptsourcecodemap的更多细节。在这篇文章里我用一个简单的UI5应用来研究该机制。这个应用的UI仅仅包含一个Button,点击之后弹出一个MessageToast。下面是我XMLview和Controller的实现。打开Chrome开发者工具里的sourcecodemap开关:然... 查看详情

html5开发移动web应用——sapui5篇

本次对之前学习的SAPUI5框架知识进行简单小结,以及重点部分知识的梳理。1、在UI5使用过程中,命名空间的概念很重要。2、一般的sap组件引用格式如下:sap.ui.define(["sap/ui/core/UIComponent","sap/ui/model/json/JSONModel",&... 查看详情

html5开发移动web应用——sapui5篇

本次对之前学习的SAPUI5框架知识进行简单小结。以及重点部分知识的梳理。1、在UI5使用过程中,命名空间的概念非常重要。2、一般的sap组件引用格式例如以下:sap.ui.define(["sap/ui/core/UIComponent","sap/ui/model/json/JSONMode... 查看详情

如何将sapmultitarget应用部署到sap云平台的cloudfoundry环境去

SHINA是SAPHANAInteractiveEducation的缩写,是一个demo应用,用于演示如何开发SAPHANA原生应用。这个应用包含了sample数据以及HANA数据库表,view,OData服务和UI,符合SAPHANAExtendedServiceAdvancedProgrammingModel,由如下几个包组成:core-db:核心数... 查看详情

如何将sapmultitarget应用部署到sap云平台的cloudfoundry环境去

SHINA是SAPHANAInteractiveEducation的缩写,是一个demo应用,用于演示如何开发SAPHANA原生应用。这个应用包含了sample数据以及HANA数据库表,view,OData服务和UI,符合SAPHANAExtendedServiceAdvancedProgrammingModel,由如下几个包组成:core-db:核心数... 查看详情

我的物联网成长记3如何开发物联网应用?华为云技术分享

...障监测、数据分析的重要工具。本文介绍如何基于物联网平台开发应用,包括API、SDK和图形化开发三种方式。-------------------整体方案-------------------物联网应用是企业和开发者进行设备管理、告警&故障监测、业务监控、数据... 查看详情

open(sap)ui5学习入门系列之一:扫盲与热身(下)

...消失掉(Fadeout)。那我们这次就来看一看为了实现这么一个简单的功能,OpenUI5框架至少需要提供哪些内容,或者说我们通过这么一个简单的应用来看一下一个最简单的UI5的应用程序的结构。HTML部分应该不用多说, 查看详情

在kyma云原生平台上开发并部署node.js应用

从Kyma​​官网​​得知,Kyma是一个云原生应用程序运行环境,它将Kubernetes提供的强大容器编排功能与若干世界级的开源组件和工具相结合,使开发人员能够开发、运行和操作安全且可扩展的云原生应用程序。Kubernetes提供了一... 查看详情

转载jquery插件开发教程一

...都有各自的平台及生态圈。学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择。本教程可能不是最精品的,但... 查看详情

云开发太简单了吧!「72变的云开发」有奖征文领三重好礼!

简介:想让你的应用成为几万个开发者的开发模版吗?云开发平台向腾云驾雾的程序员征集Serverless云开发的最佳实践,优秀的应用案例将成为云开发平台实验室的模版供大家体验,一键部署成为TA的应用。同时云... 查看详情

如何基于restfulabapprogramming模型开发并部署一个支持增删改查的fiori应用

...了Fiori应用的界面,可是这个Fiori应用的源代码我在SAP云平台上什么地方能看到呢?这个Fiori应用部署之后的状态,我在哪里能够查看呢?”这位朋友的发问非常有力,实际上,Jerry前一篇文章,离Fiori应用的开发和部署这个目标 查看详情

华为云技术分享云图说|华为hilens:端云协同多模态ai开发应用平台

...云协同多模态AI开发应用平台——华为HiLens,提供简单易用的开发框架,、开箱即用的开发环境、丰富的AI技能市场和云上管理平台,对接多种端侧计算设备,支持视觉及听觉AI应用开发、AI应用在线部署、海量设备管理等... 查看详情

新鲜出炉的阿里云开发平台初步测评(代码片段)

一、介绍阿里云云开发平台是面向开发者打造的一站式、全云端的开发平台,打开浏览器就可以开发、调试、上线,所测即所得,并结合无服务器的模式重新定义云原生时代的研发工作方法论。该平台现持续增加新的应用开发环... 查看详情

devopsisharddevsecopsisevenharder

...的环境测试所有测试结束后,发布到生产环境这个模式很简单,但是也很高效,但是为了实现这个流程做了非常多的事,我们开发了 查看详情

jerry的ui5框架代码自学教程

...至少对于我个人而言是这样。对于已经有jQuery经验的前端开发人员来说很容易上手。使用UI5开发SAPUI应用,在开发过程中往往会遇到各种各样的问题,比如最后出来的UI效果和你预料的不一样,或者console里面显示一些奇奇怪怪的e... 查看详情

微信小程序云开发入门到发布上线(代码片段)

...人群【建议快速看文档,对着写一遍】看过官方文档,并简单的写过起步教程云开发文档熟悉vue/es6小程序注册【微信公众平台】获取appid【微信公众平台-开发-开发设置】新建小程序云开发项目新建项目选择一个空目录,填入AppI... 查看详情