How to choose and deploy a fiori app - Absoft

How to Chooseand Deploy aFiori App

CHOOSE AND DEPLOY A FIORI APP IN 5 STEPS

T H E C O M P L E T E G U I D E

BUSINESS SCENARIOYou have heard of Fiori but don'tknow where to start? You have been asked to simplify theuser experience at your company tosave up on training for new andexisting employees for Field SalesReps?

ABOUT THIS GUIDEThis guide will focus on the installation of a ‘CreateSales Orders’ TransactionalFiori App in an ABAPenvironment on ERP 6.0 EHP 7running embedded Gateway.

PREREQUISITESMake sure you have installed andconfigured the gateway and all necessarySAPUI5 components.

STEP 1 F I N D A F I O R I A P P T O S I M P L I F Y S A L E S

O R D E R S C R E A T I O N

Access the SAP Fiori Apps Reference Library* and searchfor ‘Create Sales Orders’ app. The Fiori Apps library should be your main starting pointwhen implementing a Fiori app. It describes the app features,installation information, configuration as well as extensionpoints which tell you what features of the standard app can beenhanced. If you can’t find a relevant Fiori app, you mayconsider creating a custom one.

DATABASE - ANY DB‘Any DB’ means we don’tneed the HANA database. If you have ‘HANA’ next to'DATABASE' then we eitherneed SAP Business Suite onHANA or S/4HANA in orderto install and run the app.

*SAP Fiori Apps Reference Library: https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/

STEP 2 D E P L O Y T H E F R O N T - E N D C O M P O N E N T S

Download the Front-End component files From the Fiori catalogue* identify the front ends componentsto be installed (Implementation Information/Installation/Front-End Components):

**SAP Downloads: https://launchpad.support.sap.com/#/softwarecenter

DOWNLOADthe above component along with all thecorresponding supportpackages 0001-0010 from theSAP Downloads page**.

INSTALL THE FILESLog in to client 000 of your system. Run transaction SAINT.Install the downloaded UIcomponents.

STEP 2 D E P L O Y T H E F R O N T - E N D C O M P O N E N T S

Run transaction SICF and use the following path:default_host -> sap -> bc -> UI5_UI5 -> sap -> sd_so_cre

You can see that the service is grey which means inactive.Right click it and activate.

Identify name of the app from the Fiori apps library*(Implementation Information/Configuration/SAPUI5Application).

ACTIVATE THE SICF FOR APP URL

STEP 3 D E P L O Y T H E B A C K - E N D C O M P O N E N T S

the above component alongwith the support packages0001 – 0008 from the SAPDownloads page**

Log in to client 000 of your system. Run transaction SAINT. Install the downloaded Back-End components.

Download the Back-End components files From the Fiori apps catalogue identify the front endscomponents to be installed (ImplementationInformation/Installation/Back-End Components):

DOWNLOAD

INSTALL THE FILES

**SAP Downloads: https://launchpad.support.sap.com/#/softwarecenter

STEP 3 D E P L O Y T H E B A C K - E N D C O M P O N E N T S

Identify the name of the OData Service from the Fiori appscatalogue (Implementation Information/Configuration/ODataServices).

Run transaction /IWFND/MAINT_SERVICE - Click Choose the System Alias and Technical Service Name:

Select the displayed Backend Service and click on:

You will get an ‘Add Service’ pop up. Assign a package (I am usinga local object for test purposes) and press Continue:

The OData service should now be visible in the Service Catalog oftransaction /IWFND/MAINT_SERVICE

ACTIVATE THE ODATA SERVICE

*SAP Fiori Apps Reference Library: https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/

STEP 4 A U T H O R I Z A T I O N S

Create PFCG role with Launchpad Start Authorization Copy role SAP_UI2_USER_700 under the Z namespace e.g.Z_UI_USER Add IWSG authorizations for: ZINTEROP_0001 andZPAGE_BUILDER_PERS_0001

Click on he ‘Menu’ tab and add‘Authorization Default’

SAP provides you with role templates once you install therelevant app components. You can either use the existingcomponents or take a Z copy of the template. It is up to yourauthorization team and should be adapted to yourauthorization concept. Since I am using embedded Gateway the following steps maydiffer if using Gateway Central Hub Deployment where youneed to take care of authorizations both on the ECC side andthe Gateway side.


the following details and save:

‘Authorizations’ Click on ‘Change Authorization Data’:

ENTER

GO TO TAB


"Manually"

the traffic lights are green by clicking on them:

the authorization profileand save it:

CLICK

MAKE SURE

GENERATE

ASSIGN

Add the followingauthorization objects:

the authorization role to the user in the ‘User’ tab and click on ‘User Comparison’:


CREATE PFCG ROLE

GENERATE A PROFILE

for Launchpad Catalogues and Groups. Find the businessrole template in the FIORI apps library documentationfor our SD app.

Go to transaction PFCG and copy it into the Z namespacee.g. ZSAP_SD_BCR_FIELDSALESREP_X1

In our new role we can see that the following elementshave been copied:

Which give users access to the tile catalogue and tilegroup in the Fiori Launchpad.

and assign to the user like described earlier within"Create PFCG role"


CREATE

NOTE:

PFCG role to access oData services

--> Copy roles SAP_SD_SO_CRE_APP under Z namespace e.g.ZSAP_SD_SO_CRE_APP --> Add IWSG authorizations for:ZSRA017_SALESORDER_CREATE_SRV_0001 --> Go to the ‘Menu’ tab and click on add ‘Authorization Default’and enter the following details:

Save the role menu and you should see the following:

Generate the profile and assign to the user.

In backend the user must have authorization to RFC trustedconnection if you have a central hub gateway. To check for authorisation issues to the backend use transaction:IWFND/ERROR_LOG

STEP 5 T E S T T H E A P P

<Server and Port>: This is your server name & port your app will berunning on. <Component Name>: To get the name run the following link: http://<server>:<port>/sap/bc/ui5_ui5/sap/sd_so_cre/Component.js

<Shell URL>: This is the URL pointing to the app resource file locationon the server: /sap/bc/ui5_ui5/sap/sd_so_cre The full link will look as follows:

The natural environment as an entry point for Fiori apps is theFiori Launchpad which is a container for all your Fiori apps andit should be used in the production environment. After theinstallation you may want to test if the app is working correctlyand test it in the standalone mode before creating a FioriLaunchpad.

Click on he ‘Menu’ tab and add ‘Authorization Default’In order to runthe app in a standalone mode you need to use the following linkformat:

ABOUT ABSOFTAbsoft, SAP Partner and SAP Value-Added Re-Seller (VAR), has been specialising in SAP® since1991, uniquely combining business process andSAP expertise to deliver best practice solutionsin implementation, development and support ofSAP solutions.

In their words, our clients value our “flexibility, willingness to go the extramile, full transparency, being proactive in suggesting and providing theright solution, not just overhead”. Eighty percent of our business is fromrepeat customers.

NOW YOU SHOULD NOW BE ABLE TO TEST YOUR APPIN THE STANDALONE MODE!

Documents

How to choose and deploy a fiori app - Absoft