SAP云服务平台干货攻略 | HTML5应用需要用到什么IDE提高开发效率?

简介: http://mp.weixin.qq.com/s?__biz=MjM5OTI2MjgyMA==&mid=2651785507&idx=1&sn=e0f7e414097b22b2d4acb6bc3e9fa87e&chksm=bcc58...


http://mp.weixin.qq.com/s?__biz=MjM5OTI2MjgyMA==&mid=2651785507&idx=1&sn=e0f7e414097b22b2d4acb6bc3e9fa87e&chksm=bcc586288bb20f3ebaa0fb0d70dcb1fb803b92caff0e1c4dcc85aaf6e4545df645cd84887fbf&mpshare=1&scene=5&srcid=1114DbdSsJejliYkYMmFMbLq#rd

 

SAP天天事

之前在介绍HCP的文章(SAP HANA Cloud Platform账号获取、应用生成……干货攻略)里已经提到HCP是运行HTML5以及J2EE应用的内存云计算平台。J2EE应用可以用Eclipse去开发,那么HTML5应用需要用到什么IDE(集成开发环境)去提高我们的开发效率呢?

 

在此我们请上这次的主人公:Web IDE

 

De.ion: http://mmbiz.qpic.cn/mmbiz_png/MyOJCrxcqF0CaflH2pKVuGHbqajmsQXU4LN0yaSKh6AwzeARpo61DRySFNxia3qtX9ibicicnsdm2dFoPm0RibfvuSg/640?wx_fmt=png&wxfrom=5&wx_lazy=1

 

 

如何得到Web IDE

 

Web IDE作为HCP上的一个服务,可以从服务控制台激活:

首先登陆到HCP控制台→Services→选择SAP Web IDEEnable

 

成功激活之后可以看到以下画面:

De.ion: http://mmbiz.qpic.cn/mmbiz_png/MyOJCrxcqF0CaflH2pKVuGHbqajmsQXUPZNlowibXNFmbbr5J4lGFZ3pAVPiblkK0042cmPkZ1noACrEm0Jw6abA/640?wx_fmt=png&wxfrom=5&wx_lazy=1

 

  • 通过点击Document连接,可以连接到Web IDE的帮助文档。
  • 通过点击Open SAP Web IDE连接,可以打开Web IDE
  • 通过点击SAP Web IDE configuration连接,可以把您带到Web IDE的配置界面

 

 

如何运用Web IDEHTML5应用的快速开发?


那接下来我们一起开发一个Master-Detail类型的HTML5的应用。

 

登陆到Web IDE之后选择FileNewProject from Template→选择SAP Fiori Master-Detail Application模板→Next→为项目起一下名字→Next→选择Service URL→选择northwind,然后输入/V3/Northwind/Northwind.svc

 

De.ion: http://mmbiz.qpic.cn/mmbiz_png/MyOJCrxcqF0CaflH2pKVuGHbqajmsQXUu2rMIsoUMqThDLD98pgtNmw8sGL601ekPYQibRJ7Y8SokDA5xawQRzQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1

 

您首先需要按照以下的设置,在HCP控制台→Destinations配置northwindDestination

 

De.ion: http://mmbiz.qpic.cn/mmbiz_png/MyOJCrxcqF0CaflH2pKVuGHbqajmsQXUPc2Soje3Qp6YC5QFicKiaJnia0YUlSJxn8PsuMhTDvlKXeZwSF3fToicRw/640?wx_fmt=png&wxfrom=5&wx_lazy=1

 

关于在例子里用到的oDatametadata信息可以从以下链接获取:

http://services.odata.org/V3/Northwind/Northwind.svc/$metadata

 

Next →参照以下设置配置oData数据绑定→Finish

 

De.ion: http://mmbiz.qpic.cn/mmbiz_png/MyOJCrxcqF0CaflH2pKVuGHbqajmsQXUiaVVcjnlf10l60YLRiacQuMvh8hWQCKqXrthkr4ThZYdiaBWQL368ez8Q/640?wx_fmt=png&wxfrom=5&wx_lazy=1

 

右击生成的项目选择RunApp in FLP Sandbox可以看到您做出来的应用的效果。

 

De.ion: http://mmbiz.qpic.cn/mmbiz_png/MyOJCrxcqF0CaflH2pKVuGHbqajmsQXU7PyVt8QEpz9d5aPCqVFwSW4UA4MVtS0tIQbGibqUszHTqkOzDbMAG9g/640?wx_fmt=png&wxfrom=5&wx_lazy=1

 

 

Web IDE还有哪些特性?

 

  • HCP以及ABAP系统的紧密集成:可以直接从HCP或者ABAP系统导入HTML5的项目,也可以把项目直接部署到HCP或者ABAP系统。
  • 提供测试用的运行环境:可以用Run功能,模拟运行在FLP,以及HTML5的运行环境中。
  • 高效的编辑器:开发XML类型的View的时候可以用Layout Editor用拖拽的形式快速开发。

 

 

 

 

目录
相关文章
|
8月前
|
网络协议 IDE 网络安全
GoLand远程开发IDE:使用SSH远程连接服务器进行云端编程
GoLand远程开发IDE:使用SSH远程连接服务器进行云端编程
844 0
|
IDE Go 开发工具
Go开发IDE全览:GoLand vs VSCode全面解析
Go开发IDE全览:GoLand vs VSCode全面解析
545 0
|
9天前
|
IDE 开发工具
【开发IDE升级】如何对IDEA版本进行升级
本文介绍了如何将 IntelliJ IDEA Ultimate 从 2020.2.2 版本升级到 2022.3.2 版本。主要内容包括准备工作、卸载旧版本和安装新版本的步骤。首先,从官网下载所需版本并备份旧版配置;接着,通过 Uninstall.exe 卸载旧版,保留配置和插件;最后,安装新版并完成激活。详细的操作步骤和截图帮助用户顺利完成升级过程。
【开发IDE升级】如何对IDEA版本进行升级
|
3月前
|
IDE 开发工具 C++
AvaloniaUI项目离线开发全攻略:IDE安装、模板应用与NuGet私有化部署一站式解决
本文详细介绍了在离线环境中开发Avalonia UI项目的完整解决方案,包括Visual Studio 2022和JetBrains Rider的离线安装、Avalonia UI模板的配置、私有NuGet服务的部署与使用,以及NuGet包的制作和上传。通过这些步骤,您可以在网络受限或完全离线的环境中顺利进行Avalonia UI项目的开发。
AvaloniaUI项目离线开发全攻略:IDE安装、模板应用与NuGet私有化部署一站式解决
|
8月前
|
IDE 测试技术 项目管理
集成开发环境(IDE)的使用:提升Visual Basic开发效率的工具和技巧
【4月更文挑战第27天】本文探讨了如何使用Visual Basic IDE提升开发效率,包括理解IDE组件、利用代码编辑器的智能功能、通过界面设计器设计GUI、使用调试和测试工具、有效管理项目与版本控制、掌握快捷键和宏、定制IDE以及利用学习资源。通过充分利用这些工具和技巧,开发者能更快地编写高质量代码,高效管理项目,从而提升整体开发效率。随着IDE的持续发展,开发者应不断学习新特性以适应进步。
178 1
|
3月前
|
机器学习/深度学习 存储 监控
AllData数据中台核心菜单五:实时开发IDE
杭州奥零数据科技有限公司成立于2023年,专注于数据中台业务,维护开源项目AllData并提供商业版解决方案。AllData提供数据集成、存储、开发、治理及BI展示等一站式服务,支持AI大模型应用,助力企业高效利用数据价值。
|
6月前
|
监控 IDE Java
函数计算产品使用问题之如何不使用FC的IDE进行开发,并将开发好的应用部署到FC上
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
IDE Linux 开发工具
GoLand IDE 2023 快捷键大全:提高开发效率的必备操作
GoLand IDE 2023 快捷键大全:提高开发效率的必备操作
262 0
|
8月前
|
IDE 开发工具
微信IDE开发过程,提示上传云函数 lbs_server 失败
微信IDE开发过程,提示上传云函数 lbs_server 失败
微信IDE开发过程,提示上传云函数 lbs_server 失败