首页 > SAP > FIORI > 搭建TOMCAT服务器用于sapUI5
2019
09-03

搭建TOMCAT服务器用于sapUI5

为了方便演示SAPUI5开发功能,所以使用TOMCAT搭建了一下服务器,然后安装JAVA JDK ,及SAPUI5 的JDK,来完成服务器搭建,以下是边测试边做的,也不知这样做是不是可行,我使用的的是CentOS7服务器。

可以直接看在结果演示。

测试APP

我的UI5主页

1.一、安装JAVA JDK.

1.1.1.1.下载JDK

下载合适的JDK版本,我下载的,jdk-8u221-linux-x64.tar。

1.1.2.2、上传JDK文件到Linux服务器

1.1.3.3、解压缩

tar -zxvf jdk-8u221-linux-x64.tar

1.1.4.4、配置JDK环境变量

vim  /etc/profile

在文件最后添加以下配置:

2.5、执行:source /etc/profile 配置生效

2.1.1.6、验证是否生效:java -version,

搭建TOMCAT服务器用于sapUI5 - 第1张  | 优通SAP

3.二、 Tomcat安装及配置

3.1.1.1.找到TOMCAT下载地址

打开地址: https://tomcat.apache.org/download-70.cgi ,找到要下载的TOMCAT文件地址。我找到的是:http://mirrors.tuna.tsinghua.edu.cn/apache/tomcat/tomcat-7/v7.0.96/bin/apache-tomcat-7.0.96.tar.gz

3.1.2.2.直接在服务器上下载TOMCAT:

3.1.3.3.解压缩

tar -zxvf apache-tomcat-7.0.96.tar.gz

3.1.4.4、启动Tomcat

进入Tomcat安装目录:/root/apache-tomcat-7.0.96/bin

./startup.sh

3.1.5.5、关闭Tomcat

./shutdown.sh

最后,当tomcat启动状态下时,在浏览器中:http://www.ut163.com:8080,出现如图,表示安装成功。

搭建TOMCAT服务器用于sapUI5 - 第2张  | 优通SAP

4.三、安装SAPUI5的SDK.

4.1.1.1.下载SAPUI5的sdk

从地址: https://tools.hana.ondemand.com/#sapui5 上下载SAPUI5的支持库,我下载的是 Runtime (不是SDK,建议直接使用SDK应该更全一些),我下载的版本是 1.69.0 .sapui5-rt-1.69.0,本想在LINUX上直接用wget下载的,但总是出错,所以我下载到本地然后上传到服务器上的,应该也可以直接在LINUX上下载

4.1.2.2.上传到服务器;

在TOMCAT目录下的webapps下建立目录test,并把 sapui5-rt-1.69.0 内的文件银解压到TOMCAT的根目录的sapui5_runtime中,

搭建TOMCAT服务器用于sapUI5 - 第3张  | 优通SAP

4.1.3.3.增加UI5测试文件

在test目录中增加文件index.html.,参看: https://www.cnblogs.com/qianmarv/p/4671394.html

4.打开测试

打开地址 http://www.ut163.com:8080/test/ ,刚开始时,由于代码中使用的是sap.ui.commons库,一直报错如下图,内容并没有出现想像中的 Hello World

搭建TOMCAT服务器用于sapUI5 - 第4张  | 优通SAP

这看来是Var myButton = new sap.ui.commons.Button(“btn”);这句出错,应该是没有 sap.ui.commons.Button 这个对像,猜想我使用的是SAPUI5的库,这个不是开源是,是不是应该要使用OPENUI5的库呢,所以下一步,测试使用 OPENUI5 的SDK,便结果也是报同样的错,但从 http://www.ut163.com:8080/openui5_sdk/ 中我看到的一个更简单的例子,所以所前面的代码找成了,如下:

4.1.4. 4.总结

最后,现显示正常了。 如图,到此安装成功,经测试发现使用OPENUI5,及SAPUI5的SDK,Runtime都能正常打开,细节差异,后面再看。

搭建TOMCAT服务器用于sapUI5 - 第5张  | 优通SAP

5.四、部署一个正式APP

5.1.1.1.安装UI5的SDK

为了晚完成测试,我重新安装了SDK(不是Runtime),方法可以参看上一步

5.1.2.2.导出APP的例子文件

导出一个WEB IDE上的自动生成的例子APP,nw.epm.refapps.ext.po.apv,

5.1.3.3. 修改APP中使用的SDK地址

由于要测试是的此APP中webapp/test/flpSandboxMockServer.html的效果,所以修改此文件的sap-ui-core.js文件引用地址,以上文件为修改后的。修改后如图,其它没有修改

搭建TOMCAT服务器用于sapUI5 - 第6张  | 优通SAP

由于现没有可用的ODATA,由于我使用是SAPUI5-SDK,并把SDK解压到TOMCAT目录的webapps/sapui5_sdk/,下同时也没想到ODATA在自己TOMCAT上跨域名问题如何解决,所以先只测试本地的mockdata数据源.

5.1.4.4.上传到服务器

把上面的例子APP,解压到webapps/mytest下,当前目录结构如图。

搭建TOMCAT服务器用于sapUI5 - 第7张  | 优通SAP
搭建TOMCAT服务器用于sapUI5 - 第8张  | 优通SAP

搭建TOMCAT服务器用于sapUI5 - 第9张  | 优通SAP

5.1.5.5.打开测试

http://www.ut163.com:8080/mytest/webapp/test.html ,点击 test/flpSandboxMockServer.html 

搭建TOMCAT服务器用于sapUI5 - 第10张  | 优通SAP

5.1.6.6. 测试结果

结果如图:

搭建TOMCAT服务器用于sapUI5 - 第11张  | 优通SAP

6.五、总结

从这可看出,结果显示正常,操作正常,这应该算是成功了吧, 可以直接打开http://www.ut163.com:8080/mytest/webapp/test/flpSandboxMockServer.html#EPMPurchaseOrder-approve进行测试,

最后,我打开的的SAPUI5的主页,显示,看着还可以,但操作上还是有些问题,猜想可能是与我放置SDK的位置有关,可能需要其它的些配置,后面在加入。

搭建TOMCAT服务器用于sapUI5 - 第12张  | 优通SAP

这个TOMCAT,不一定都启动,如要需要放置你的UI5例子,或者需要查看演示时,可以在此给我留言,或者QQ:415402519给我。

另外,打开SDK的主页中,也有很多可用于测试的APP, http://ut163.com:8080/sapui5_sdk/#/demoapps

最后编辑:
作者:yangsen
有需要可在文章留言或者邮件yan252@163.com给我。

留下一个回复

你的email不会被公开。

3 × 1 =