之前在介绍HCP的文章(“云”筹帷幄 – SAP 内存云计算平台)里已经提到HCP是运行HTML5以及J2EE应用的内存云计算平台。J2EE应用可以用Eclipse去开发,那么HTML5应用需要用到什么IDE(集成开发环境)去提高我们的开发效率呢?在此我们请上这次的主人公:Web IDE

webIDE1.jpg


如何得到Web IDE?

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

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

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

  • 通过点击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

webIDE3.jpg

/**
您首先需要按照以下的设置,在HCP控制台 Destinations配置northwindDestination
/wp-content/uploads/2016/08/destination_1023704.jpg
关于在例子里用到的oDatametadata信息可以从以下链接获取:
http://services.odata.org/V3/Northwind/Northwind.svc/$metadata

*/

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

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

Web IDE还有哪些特性?

  • HCP以及ABAP系统的紧密集成:可以直接从HCP或者ABAP系统导入HTML5的项目,也可以把项目直接部署到HCP或者ABAP系统。
  • 提供测试用的运行环境:可以用Run功能,模拟运行在FLP,以及HTML5的运行环境中。
  • 高效的编辑器:开发XML类型的View的时候可以用Layout Editor用拖拽的形式快速开发。
  • 更多新奇的特性持续开发中,敬请期待!
To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply