UI5-FIORI-安裝配置開(kāi)發(fā)環(huán)境搭建及測(cè)試程序案例

UI5-FIORIPAGELee.RP第4頁(yè)/共58頁(yè) UI5-FIORI測(cè)試文檔Bata1

目錄目錄1) 文檔參考： 32) 組件及基本設(shè)置 31.1 組件要求 31.2 基本設(shè)置 31.3 激活 51.3.1 ActivateorDeactivateSAPGateway 51.3.2 ManageSAPSystemAliases 51.4 Gateway測(cè)試 61.4.1 T-CODE:SEGW新建測(cè)試 62 UI5開(kāi)發(fā) 162.1 WebIDE 162.1.1 步驟： 163 使用WebIDE/RDE 324 Eclips+UI5測(cè)試 344.1.1 加載插件 344.2 Eclips+UI5測(cè)試 364.3 UI

development

toolkit

forHTML5 404.4 使用SAPFioriClient在手機(jī)測(cè)試應(yīng)用 494.4.1 安裝SAPFioriClient 494.4.2 運(yùn)行SAPFioriclient，輸入FioriLaunchPad的鏈接 504.4.3 輸入用戶名和密碼登陸FioriLaunchPad 504.4.4 運(yùn)行應(yīng)用測(cè)試 51

激活SPRO激活組件ActivateorDeactivateSAPGatewayManageSAPSystemAliasesGateway測(cè)試T-CODE:SEGW新建測(cè)試參見(jiàn)/ui5%E7%BC%96%E7%A8%8B-%E6%B3%A8%E5%86%8Cservice%E5%88%B0sap-gateway-server/#more-1190測(cè)試方法加入結(jié)構(gòu)，參照USR01結(jié)構(gòu)創(chuàng)建：生成加入返回代碼：

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.進(jìn)入（或者/IWFND/MAINT_SERVICE）然后創(chuàng)建服務(wù)：保存返回調(diào)用顯示：標(biāo)準(zhǔn)顯示：網(wǎng)址改為:8000/sap/opu/odata/sap/ZFIORI_SRV/usr01Set/?$format=xml讀取出10條表記錄

UI5開(kāi)發(fā)做UI5開(kāi)發(fā)，除了SAPFioriToolkit及Eclipse，SAP目前還提供了WebIDE可以直接在線開(kāi)發(fā)，雖然目前還不算穩(wěn)定，至少可以使用它來(lái)創(chuàng)建一個(gè)開(kāi)發(fā)模板，然后移植到Eclipse下繼續(xù)寫(xiě)代碼。下面就如何安裝和配置WebIDE做一個(gè)簡(jiǎn)單介紹。WebIDE需要一個(gè)s用戶，用于創(chuàng)建HANAcockpit需要SAPgatewayserver安裝配置好下載需要的文件–

/#cloudSAPHANACloudConnectorSAPJVM步驟：登陸\o""創(chuàng)建一個(gè)subscription

記住上面的url，這個(gè)就是webide的地址，點(diǎn)擊這個(gè)url，可以進(jìn)入webide環(huán)境

安裝配置HANACloudConnector

JAVA安裝配置–這個(gè)步超級(jí)難搞~~~~~–解壓下載的SAPJVM，存到指定的地方

–設(shè)置JAVA環(huán)境變量：JAVA_HOME指定到SAPJVM的放置路徑，Path添加Javabin目錄下載建議下載6-7的版本新出8版本不支持，推薦使用：sapjvm-7.1.030-windows-x64

設(shè)定用戶的變量JAVA_HOMEF:\sapjvm\sapjvm_8\PathF:\sapjvm\sapjvm_8\bin

java–version

javac–version詳細(xì)說(shuō)明可見(jiàn)/help/frameset.htm?e6c7616abb5710148cfcf3e75d96d596.html

HANACloudConnector安裝

解壓下載的sapcc，用cmd打開(kāi)該目錄，運(yùn)行g(shù)o.bat,如果成功，可見(jiàn)登陸https://localhost:8443

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

添加賬戶，使用HANAcockpit所注冊(cè)的賬號(hào)，用戶名就是之前申請(qǐng)的選擇accesscontrol，添加gateway系統(tǒng)信息00:8000/sap/bc/ui5_ui5/ui2/ushell/shells/abap/FioriLaunchpad.html?sap-client=500&sap-language=ZH添加resourceaccess–在gatewaySICF中，要確定這些節(jié)點(diǎn)已經(jīng)激活/sap/bc/adt/sap/bc/ui5_ui5/sap/opu/odata點(diǎn)擊重啟服務(wù)，界面如下會(huì)顯示已經(jīng)連接成功的綠色標(biāo)示回到HANACloudcockpit，添加destination

sss一切配置完畢，進(jìn)入webide開(kāi)始UI5之旅

使用WebIDE/RDE前提：OdataModel已經(jīng)創(chuàng)建好Service已經(jīng)register在gatewayserver通過(guò)瀏覽器能夠訪問(wèn)odataservice使用：打開(kāi)webIDE，選擇file->new->ProjectfromTemplate選擇Fiorimasterdetailapp,點(diǎn)next輸入projectname：ZLRP選擇gatewayserver，在列出來(lái)的service中選擇要使用的odataserviceEclips+UI5測(cè)試加載插件下載時(shí)注意用32bit版本，然后加載插件，方法見(jiàn)下PDF/juno點(diǎn)擊完成后會(huì)后臺(tái)下載，安裝完成后系統(tǒng)會(huì)提示重啟該軟件Eclips+UI5測(cè)試eclisp建立一個(gè)UI5項(xiàng)目： 建立發(fā)布測(cè)試程序:代碼: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; }});發(fā)布到SAP使用SICF找到對(duì)應(yīng)得開(kāi)發(fā)程序UI

development

toolkit

forHTML5/

使用SAPFioriClient在手機(jī)測(cè)試應(yīng)用安裝SAPFioriClient如果使用的iPhone，可以直接去applestore下載安裝。如果使用Andoid，到goog