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！

如何得到Web IDE？

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

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

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

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

如何运用Web IDE做HTML5应用的快速开发？

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

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

您首先需要按照以下的设置，在HCP控制台→Destinations配置northwind的Destination。

关于在例子里用到的oData的metadata信息可以从以下链接获取：

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

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

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

Web IDE还有哪些特性？

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