Floe Designer HUB/Cloud Deployment

The Floe Designer Fiori App comes deployed with the Floe Add-On and can be downloaded and deployed to a Fiori Hub system or to the SAP Cloud.

For full details on Fiori App deployment options and gateway configuration please reference the following SAP documentation.

SAP Gateway Setup

The following steps must be performed on your gateway hub system:

Create RFC Destination

  • If one does not exist create a SM59 destination which points from the gateway hub to the system where Floe is installed. It is recommended that a destination with the same name is created in all systems of the landscape (pointing to the relevant system each time) so that only 1 configuration entry covering all systems is created during the following steps.

 

Maintain SAP Gateway Settings

  • In NW 7.0-731 go the IMG in transaction SPRO, and open SAP NetWeaver->Gateway Service Enablement->Backend OData Channel->Connection Settings to SAP Gateway->SAP Gateway Settings
  • In NW 740+ go to the IMG in transaction SPRO and open SAP NetWeaver->SAP Gateway Service Enablement->Backend OData Channel->Connection Settings to SAP Gateway->SAP Gateway Settings
  • Alternatively, you could also directly edit table /IWBEP/C_SYSTEM in SM30.

 

Create SAP System Alias

  • In NW 7.0-731 go the IMG in transaction SPRO, and open SAP NetWeaver->Gateway->OData Channel->Configuration->Connection Settings->SAP Gateway to SAP System->Manage SAP System Aliases
  • In NW 740+ go to the IMG in transaction SPRO and open SAP Netweaver->SAP Gateway->OData Channel->Configuration->Connection Settings->SAP Gateway to SAP System->Manage SAP System Aliases

 

Setup Floe Designer Service

Create package ZFLOE_EBUILDER in transaction SE21

Create a Z package to add the Floe objects to.

  1. Transaction SE21.
  2. Package will be ZFLOE_EBUILDER and select Create.
  3. Short Description: FLOE: Designer App
  4. Application Component: CA
  5. Software Component: HOME
  6. Transport Layer: Customer Specific, Default SAP.
  7. Save

 

Add ZFLOE Service

  • In transaction /N/IWFND/MAINT_SERVICE click on “Add service”. Then insert your alias and click on the “Get Services” button.  Select service /FLOE/APP_SERVER_SRV from the list and click on “Add Selected Services”:

Here you may change the technical names for service and model (you may give them the ZFLOE prefix for example to differentiate from /STELO/APP_SERVER_SRV if you are also a Stelo user). Remember to also add the newly created package:

 

Optional: Test new service created above.

 

Deploy Floe Designer

Check UI5 Runtime Version

  • Use the following URL to check the UI5 runtime version your system is running:

http://[host]:[port]/sap/public/bc/ui5_ui5/

  • To use the Floe Designer Fiori App using local UI libraries runtime 1.60+ is required. A separate app which uses the cloud UI libraries has also been provided if your ui5 runtime version is lower.
    • For version 1.60+ use: /FLOE/EBUILDER
    • For older versions use: /FLOE/EBUILDERCLOUD

 

Download Floe Designer

  • In the Floe system, run report /UI5/UI5_REPOSITORY_LOAD in transaction SE38 to download the app package. Download app /FLOE/EBUILDER to use the local UI libraries or /FLOE/EBUILDERCLOUD for the SAP Cloud UI libraries:
    • Note: Make sure the “Adjust Line Endings on Upload” checkbox is not selected.

 

Upload and Deploy Floe Designer

  • Import the downloaded app into your gateway hub system using the same report (the app name should be in the Z-namespace this time around as the /FLOE/ namespace will not have been installed in the Hub system).

  • Click Execute
  • Browse to the folder where you’ve saved the app in step 8
  • Scroll down and click on the “Click here to upload” button.

  • Select package ZFLOE_EBUILDER and a transport request

 

Activate SICF Nodes

  • Once the app has been imported it should now show up as an active node in transaction SICF. Right click on nodes and Activate if the nodes are not active.

 

Test the Designer App

  • You can test it by right-clicking and selecting “Test” or by using the following url in your browser:

https://<host>:<port>/sap/bc/ui5_ui5/sap/floe_ebuilder/index.htm   
https://<host>:<port>/sap/bc/ui5_ui5/sap/floe_ebuildercloud/index.htm

  • If you are running the zfloe_ebuilder app and get the following errors in your console, this means that the local UI5 runtime is bellow the required version (1.60)