为了方便演示SAPUI5开发功能，所以使用TOMCAT搭建了一下服务器，然后安装JAVA JDK ,及SAPUI5 的JDK,来完成服务器搭建，以下是边测试边做的，也不知这样做是不是可行，我使用的的是CentOS7服务器。
可以直接看在结果演示。
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
在文件最后添加以下配置：
|
1 2 3 4 5 |
JAVA_HOME=/root/jdk1.8.0_221 JRE_HOME=/root/jdk1.8.0_221/jre CLASS_PATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin export JAVA_HOME JRE_HOME CLASS_PATH PATH |
2.5、执行：source /etc/profile 配置生效
2.1.1.6、验证是否生效：java -version，
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：
|
1 |
wget http://mirrors.tuna.tsinghua.edu.cn/apache/tomcat/tomcat-7/v7.0.96/bin/apache-tomcat-7.0.96.tar.gz |
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,出现如图，表示安装成功。
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中，
4.1.3.3.增加UI5测试文件
在test目录中增加文件index.html.,参看： https://www.cnblogs.com/qianmarv/p/4671394.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <title>SAPUI5 in 20 Seconds</title> <!-- 1.) Load SAPUI5 (from a remote server), select theme and control library --> <script id="sap-ui-bootstrap" src="../sapui5_runtime/resources/sap-ui-core.js" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"></script> <!-- 2.) Create a UI5 button and place it onto the page --> <script> var btn = new sap.m.Button({ text:'Hello World', press:function(){alert('Hello!');} }); btn.placeAt('uiArea'); </script> </head> <body class="sapUiBody"> <!-- This is where you place the UI5 button --> <div id="uiArea"></div> </body> </html> |
4.打开测试
打开地址 http://www.ut163.com:8080/test/ ,刚开始时，由于代码中使用的是sap.ui.commons库，一直报错如下图，内容并没有出现想像中的 Hello World ，
这看来是Var myButton = new sap.ui.commons.Button(“btn”);这句出错，应该是没有 sap.ui.commons.Button 这个对像，猜想我使用的是SAPUI5的库，这个不是开源是，是不是应该要使用OPENUI5的库呢，所以下一步，测试使用 OPENUI5 的SDK，便结果也是报同样的错，但从 http://www.ut163.com:8080/openui5_sdk/ 中我看到的一个更简单的例子，所以所前面的代码找成了，如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <title>SAPUI5 in 20 Seconds</title> <!-- 1.) Load SAPUI5 (from a remote server), select theme and control library --> <script id="sap-ui-bootstrap" src="../sapui5_runtime/resources/sap-ui-core.js" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m"></script> <!-- 2.) Create a UI5 button and place it onto the page --> <script> var btn = new sap.m.Button({ text:'Hello World', press:function(){alert('Hello!');} }); btn.placeAt('uiArea'); </script> </head> <body class="sapUiBody"> <!-- This is where you place the UI5 button --> <div id="uiArea"></div> </body> </html> |
4.1.4. 4.总结
最后，现显示正常了。 如图,到此安装成功，经测试发现使用OPENUI5,及SAPUI5的SDK,Runtime都能正常打开，细节差异，后面再看。
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文件引用地址，以上文件为修改后的。修改后如图，其它没有修改
由于现没有可用的ODATA，由于我使用是SAPUI5-SDK,并把SDK解压到TOMCAT目录的webapps/sapui5_sdk/，下同时也没想到ODATA在自己TOMCAT上跨域名问题如何解决，所以先只测试本地的mockdata数据源.
5.1.4.4.上传到服务器
把上面的例子APP，解压到webapps/mytest下，当前目录结构如图。
5.1.5.5.打开测试
， http://www.ut163.com:8080/mytest/webapp/test.html ,点击 test/flpSandboxMockServer.html
5.1.6.6. 测试结果
结果如图：
6.五、总结
从这可看出，结果显示正常，操作正常，这应该算是成功了吧, 可以直接打开http://www.ut163.com:8080/mytest/webapp/test/flpSandboxMockServer.html#EPMPurchaseOrder-approve进行测试，
最后，我打开的的SAPUI5的主页，显示，看着还可以，但操作上还是有些问题，猜想可能是与我放置SDK的位置有关，可能需要其它的些配置，后面在加入。
这个TOMCAT,不一定都启动，如要需要放置你的UI5例子，或者需要查看演示时，可以在此给我留言，或者QQ：415402519给我。
另外，打开SDK的主页中，也有很多可用于测试的APP， http://ut163.com:8080/sapui5_sdk/#/demoapps
