UI5-FIORI---安装配置开发环境搭建及测试程序案例

UI5-FIORIUI5-FIORI测试文档Bata1目 录 目录1)文档参考：32)组件及基本设置31.1组件要求31.2基本设置31.3激活51.3.1Activate or Deactivate SAP Gateway51.3.2Manage SAP System Aliases51.4Gateway测试61.4.1T-CODE: SEGW 新建测试62UI5开发162.1Web IDE162.1.1步骤：163使用WebIDE/RDE324Eclips + UI5测试344.1.1加载插件344.2Eclips + UI5测试364.3UIdevelopmenttoolkitfor HTML5374.4使用SAP Fiori Client在手机测试应用384.4.1安装SAP Fiori Client384.4.2运行SAP Fiori client，输入Fiori LaunchPad的链接394.4.3输入用户名和密码登陆Fiori LaunchPad394.4.4运行应用测试401) 文档参考：l 汉得SAPUI5 服务器环境安装l SAP官方SAPUI5_Eclipse_Setupl /# 开发工具网站 （所有用到的工具均可在该网站下载）l / 翱翔云天 博客 （开发测试主要参照该博客）l /downloads/ Eclipse 下载l2) 组件及基本设置1.1 组件要求SAP Gateway 2.0 安装下列组件并升级至最新 GW_CORE 200 及其support package; IW_BEP 200及其support package; IW_FND 250及其support package,IW_FND 250安装需要WEBCUIF 701,如果是Netweaver可能没安装好这个组建,对于安装好就是 BASIS 731的系统，只能安装 WEBCUIF 731，需要查看NOTE 1569624。SoftwareVersionSAP HANASAP HANA 1.0 SPS08 Revision 81SAP HANA Live for SAP Business Suite Support Package Stack 04SAP NetWeaverBack-end server:SAP NetWeaver 7.40 SPS07Front-end server:SAP NetWeaver 7.40 SPS07Business Suite productEHP7 FOR SAP ERP 6.0 SP041.2 基本设置RZ10设置参数： l login/accept_sso2_ticket 1 l login/create_sso2_ticket 2。 SICF激活： l /sap/public/opu l /sap/public/opu/resources l /sap/opu/odata和它的子节点 l /sap/opu/sdata和子节点 l /sap/bc/srt/xip/sap l /sap/bc/webdynpro/sap/saml2 l /sap/public/bc l /sap/public/bc/ur l /sap/public/mysssocnt l /sap/opu/utils及其子节点 l 安装下列组件 1.3 激活SPRO激活组件1.3.1 Activate or Deactivate SAP Gateway1.3.2 Manage SAP System Aliases1.4 Gateway测试1.4.1 T-CODE: SEGW 新建测试参见/ui5%E7%BC%96%E7%A8%8B-%E6%B3%A8%E5%86%8Cservice%E5%88%B0sap-gateway-server/#more-1190 测试方法加入结构，参照USR01结构创建：生成加入返回代码：DATA:gt_dataTYPESTANDARDTABLEOFusr01.FIELD-SYMBOLS:TYPEusr01.FIELD-SYMBOLS:TYPEZCL_ZFIORI_MPC=TS_USR01.SELECT*INTOCORRESPONDINGFIELDSOFTABLEgt_dataFROMusr01upto10rows.LOOPATgt_dataASSIGNING.APPENDINITIALLINETOET_ENTITYSETASSIGNING.MOVE-CORRESPONDINGto.ENDLOOP.进入（或者/IWFND/MAINT_SERVICE）然后创建服务：保存返回调用显示：标准显示：网址改为:8000/sap/opu/odata/sap/ZFIORI_SRV/usr01Set/?$format=xml读取出10条表记录2 UI5开发做UI5开发，除了SAP Fiori Toolkit及Eclipse，SAP目前还提供了WebIDE可以直接在线开发，虽然目前还不算稳定，至少可以使用它来创建一个开发模板，然后移植到Eclipse下继续写代码。下面就如何安装和配置WebIDE做一个简单介绍。 2.1 Web IDEl 需要一个s用户，用于创建HANA cockpitl 需要SAP gateway server安装配置好l 下载需要的文件 /#cloudl SAP HANA Cloud Connectorl SAP JVM2.1.1 步骤：登陆 创建一个subscription记住上面的url，这个就是webide的地址，点击这个url，可以进入webide环境l 安装配置HANA Cloud Connector JAVA安装配置 这个步超级难搞 解压下载的SAP JVM，存到指定的地方 设置JAVA环境变量： JAVA_HOME指定到SAP JVM的放置路径，Path添加Java bin目录 下载建议下载6-7的版本新出8版本不支持，推荐使用：sapjvm-7.1.030-windows-x64设定用户的变量JAVA_HOME F:sapjvmsapjvm_8Path F:sapjvmsapjvm_8binjava versionjavac version详细说明可见/help/frameset.htm?e6c7616abb5710148cfcf3e75d96d596.htmlHANA Cloud Connector安装解压下载的sapcc，用cmd打开该目录，运行go.bat,如果成功，可见登陆 https:/localhost:8443 配置connector，地址使用命令行给的地址,初始密码：Administrator：manage 添加账户，使用HANA cockpit所注册的账号，用户名就是之前申请的选择access control，添加gateway系统信息00:8000/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=500&sap-language=ZH添加resource access 在gateway SICF中，要确定这些节点已经激活/sap/bc/adt/sap/bc/ui5_ui5/sap/opu/odata点击重启服务，界面如下会显示已经连接成功的绿色标示回到HANA Cloud cockpit，添加destination sss一切配置完毕，进入webide开始UI5之旅3 使用WebIDE/RDE前提：n Odata Model已经创建好n Service已经register在gateway servern 通过浏览器能够访问odata service使用：打开webIDE，选择file-new-Project from Template选择Fiori master detail app, 点next输入project name：ZLRP选择gateway server，在列出来的service中选择要使用的odata service4 Eclips + UI5测试4.1.1 加载插件下载时注意用32bit版本，然后加载插件，方法见下PDF/juno点击完成后会后台下载，安装完成后系统会提示重启该软件4.2 Eclips + UI5测试eclisp建立一个UI5 项目： 4.3 建立发布测试程序:代码:sap.ui.jsview(zcoon_sap.sap, /* Specifies the Controller belonging to this View. * In the case that it is not implemented, or that null is returned, this View does not have a Controller.* memberOf zcoon_sap.sap*/ getControllerName : function() return zcoon_sap.sap;,/* Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed. * Since the Controller is given to this method, its event handlers can be attached right away. * memberOf zcoon_sap.sap*/ createContent : function(oController) var input = mons.Textfield();return input;);发布到SAP使用SICF找到对应得开发程序4.4 UIdevelopmenttoolkitfor HTML5/4.5 使用SAP Fiori Client在手机测试应用4.5.1 安装SAP Fiori Client如果使用的iPhone，可以直接去apple store下载安装。如果使用Andoid，到google store下载安装。4.5.2 运行SAP Fiori client，输入Fiori LaunchPad的链