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

UI5-FIORIPAGELee.RP第4页/共58页 UI5-FIORI测试文档Bata1

目录目录1) 文档参考： 32) 组件及基本设置 31.1 组件要求 31.2 基本设置 31.3 激活 51.3.1 ActivateorDeactivateSAPGateway 51.3.2 ManageSAPSystemAliases 51.4 Gateway测试 61.4.1 T-CODE:SEGW新建测试 62 UI5开发 162.1 WebIDE 162.1.1 步骤： 163 使用WebIDE/RDE 324 Eclips+UI5测试 344.1.1 加载插件 344.2 Eclips+UI5测试 364.3 UI

development

toolkit

forHTML5 404.4 使用SAPFioriClient在手机测试应用 494.4.1 安装SAPFioriClient 494.4.2 运行SAPFioriclient，输入FioriLaunchPad的链接 504.4.3 输入用户名和密码登陆FioriLaunchPad 504.4.4 运行应用测试 51

激活SPRO激活组件ActivateorDeactivateSAPGatewayManageSAPSystemAliasesGateway测试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_data

TYPE

STANDARD

TABLE

OF

usr01.

FIELD-SYMBOLS:<gs_data>

TYPE

usr01.

FIELD-SYMBOLS:

<gs_exporting>

TYPE

ZCL_ZFIORI_MPC=>TS_USR01.

SELECT

*

INTO

CORRESPONDING

FIELDS

OF

TABLE

gt_data

FROM

usr01

up

to

10

rows.

LOOP

AT

gt_data

ASSIGNING

<gs_data>.

APPEND

INITIAL

LINE

TO

ET_ENTITYSET

ASSIGNING

<gs_exporting>.

MOVE-CORRESPONDING

<gs_data>

to

<gs_exporting>.

ENDLOOP.进入（或者/IWFND/MAINT_SERVICE）然后创建服务：保存返回调用显示：标准显示：网址改为:8000/sap/opu/odata/sap/ZFIORI_SRV/usr01Set/?$format=xml读取出10条表记录

UI5开发做UI5开发，除了SAPFioriToolkit及Eclipse，SAP目前还提供了WebIDE可以直接在线开发，虽然目前还不算稳定，至少可以使用它来创建一个开发模板，然后移植到Eclipse下继续写代码。下面就如何安装和配置WebIDE做一个简单介绍。WebIDE需要一个s用户，用于创建HANAcockpit需要SAPgatewayserver安装配置好下载需要的文件–

/#cloudSAPHANACloudConnectorSAPJVM步骤：登陆\o""创建一个subscription

记住上面的url，这个就是webide的地址，点击这个url，可以进入webide环境

安装配置HANACloudConnector

JAVA安装配置–这个步超级难搞~~~~~–解压下载的SAPJVM，存到指定的地方

–设置JAVA环境变量：JAVA_HOME指定到SAPJVM的放置路径，Path添加Javabin目录下载建议下载6-7的版本新出8版本不支持，推荐使用：sapjvm-7.1.030-windows-x64

设定用户的变量JAVA_HOMEF:\sapjvm\sapjvm_8\PathF:\sapjvm\sapjvm_8\bin

java–version

javac–version详细说明可见/help/frameset.htm?e6c7616abb5710148cfcf3e75d96d596.html

HANACloudConnector安装

解压下载的sapcc，用cmd打开该目录，运行go.bat,如果成功，可见登陆https://localhost:8443

配置connector，地址使用命令行给的地址,初始密码：Administrator：manage

添加账户，使用HANAcockpit所注册的账号，用户名就是之前申请的选择accesscontrol，添加gateway系统信息00:8000/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=500&sap-language=ZH添加resourceaccess–在gatewaySICF中，要确定这些节点已经激活/sap/bc/adt/sap/bc/ui5_ui5/sap/opu/odata点击重启服务，界面如下会显示已经连接成功的绿色标示回到HANACloudcockpit，添加destination

sss一切配置完毕，进入webide开始UI5之旅

使用WebIDE/RDE前提：OdataModel已经创建好Service已经register在gatewayserver通过浏览器能够访问odataservice使用：打开webIDE，选择file->new->ProjectfromTemplate选择Fiorimasterdetailapp,点next输入projectname：ZLRP选择gatewayserver，在列出来的service中选择要使用的odataserviceEclips+UI5测试加载插件下载时注意用32bit版本，然后加载插件，方法见下PDF/juno点击完成后会后台下载，安装完成后系统会提示重启该软件Eclips+UI5测试eclisp建立一个UI5项目： 建立发布测试程序:代码:sap.ui.jsview("zcoon_sap.sap",{ /**SpecifiestheControllerbelongingtothisView. *Inthecasethatitisnotimplemented,orthat"null"isreturned,thisViewdoesnothaveaController. *@memberOfzcoon_sap.sap */ getControllerName:function(){ return"zcoon_sap.sap"; }, /**IsinitiallycalledonceaftertheControllerhasbeeninstantiated.ItistheplacewheretheUIisconstructed. *SincetheControllerisgiventothismethod,itseventhandlerscanbeattachedrightaway. *@memberOfzcoon_sap.sap */ createContent:function(oController){ varinput=mons.Textfield(); returninput; }});发布到SAP使用SICF找到对应得开发程序UI

development

toolkit

forHTML5/

使用SAPFioriClient在手机测试应用安装SAPFioriClient如果使用的iPhone，可以直接去applestore下载安装。如果使用Andoid，到goog