之前在介绍HCP的文章(“云”筹帷幄 – SAP 内存云计算平台)里已经提到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用拖拽的形式快速开发。
- 更多新奇的特性持续开发中,敬请期待!