Einführung 

Willkommen zu unserem Tutorial für das SAP Fiori Launchpad auf der SAP Cloud Plattform. 

In diesem Video werden wir Ihnen zeigen wie Sie ein SAP Fiori Launchpad auf der SAP Cloud Plattform erzeugen, und wie Sie Apps auf dem Fiori Launchpad hinzufügen: 

  1. externe Ressourcen hinzufügen, die über eine URL verfügbar sind, wie z. B. BO Reports oder Links zu externen Systemen wie Sharepoint und Jira 
  2. eigenentwickelte Apps auf dem Fiori Launchpad deployen 

Voraussetzungen 

Als erstes benötigen Sie eine SAP Cloud Plattform Subscription. Für dieses Tutorial reicht eine Trial Subscription völlig aus. 

Als nächstes sollten Sie sicherstellen, dass die nötigen Services aktiviert sind. Wir benötigen für dieses Tutorial den Portal Service und die SAP Web IDE Full-Stack. Den Status der Services können Sie unter dem Menü Punkt “Services” in der SAP Cloud Plattform Cockpit überprüfen: 

SAP Cloud Platform Subscription

SAP Cloud Platform Subscription Service

Sollten diese Services nicht aktiviert sein, dann aktivieren Sie sie bitte.

Bzgl. der Web IDE, werden wir SAP Web IDE Full-Stack verwenden. Dies ist die neue und von der SAP zurzeit empfohlene Version.

Launchpad anlegen

1. Navigieren Sie zu dem Portal Service:

Service Navigation in SAP Cloud Platform

Service Portal in SAP Cloud Platform

2. Sie werden nun zu dem Portal Service weitergeleitet. In dem Portal können Sie unter Site Directory die bereits angelegten Sites in Ihrem Portal sehen, und weiter anlegen. Legen Sie bitte eine neue Site an. Geben Sie als Name z. B. „Fiori Demo“ an, und stellen Sie bitte sicher, dass Sie das Launchpad Template auswählen:

Site Directory in SAP Cloud Platform

Create Site in SAP Cloud Platform3. Das Launchpad wird jetzt angelegt und Sie werden zu der Verwaltung des Fiori Launchpads weitergeleitet. Wichtig in dieser Ansicht sind die folgenden Elemente:

  • Die Sektionen zur Verwaltung der Apps, Kataloge und Gruppen
  • Die Schaltflächen in der Toolbar zur Vorschau und zum Publizieren der Änderungen

Verwaltung von Apps, Kataloge und Gruppen in SAP Cloud PlatformExterne Ressourcen auf dem Launchpad verlinken

1. Legen Sie als nächstes einen Katalog an, z. B. mit dem Namen Fiori Demo Katalog. Stellen Sie bitte auch sicher, dass Sie die Benutzerrolle Everyone zu dem Katalog hinzufügen. Diese Benutzerrolle sollte bereits standardmäßig verfügbar sein. Damit sollten alle eingeloggten Benutzer auf dem Katalog Zugriff haben:

Kataloge in SAP Cloud Platform anlegen

Neuer Katalog in SAP Cloud Platform anlegen

Katalog anlegen

2. Legen Sie als nächstes eine Gruppe an, z. B. mit dem Namen Fiori Demo Gruppe. Stellen Sie bitte auch sicher, dass Sie die Benutzerrolle Everyone zu der Gruppe hinzufügen. Diese Benutzerrolle sollte bereits standardmäßig verfügbar sein. Damit sollten alle eingeloggten Benutzer auf diese Gruppe Zugriff haben:

Gruppe in SAP Cloud Platform anstellen

Gruppe anlegen SAP Cloud Platform

Gruppen in SAP Cloud anlegen

3. Als nächstes werden wir eine App anlegen. Wir werden mit einer App für externe Ressourcen anfangen (ein externer Link auf dem Launchpad). Stellen Sie bitte auch sicher, dass Sie die App zum Fiori Demo Katalog hinzufügen:

App in SAP Cloud Platform erstellen

App zum Fiori Demo Katalog hinzufügen

App in Fiori Demo Katalog anlegen

4. Publizieren Sie die Änderungen, und testen Sie das Launchpad.

Test Fiori Launchpad

5. Sie sollten nun zu Ihrem Launchpad weitergeleitet werden. Das Launchpad ist leer, allerdings sollte Sie über dem Navigationsmenü Ihren Katalog und die Suchmaschinen-App sehen können. Wenn Sie auf die App klicken, dann werden Sie zu Google weitergeleitet:

Launchpad der Fiori App

6. Heften Sie die Applikation auf dem Launchpad an:

Fiori App auf dem Launchpad heften

Fiori App

7. Sie können die App vom Launchpad wieder löschen:

App-vom-Launchpad-wieder-öschen

App Launchpad8. Fügen Sie sie Applikation aus dem Launchpad Manager in der Fiori Demo Gruppe hinzu. Publizieren Sie Ihre Änderungen. Die Applikation wird nun standardmäßig auf dem Launchpad in der Fiori Demo Gruppe angezeigt:

Applikation-aus-dem Launchpad Manager in der Fiori Demo Gruppe hinzufügen

Applikation in der Fiori Demo Gruppe hinzufügen

App in der Fiori Demo Gruppe hinzufügen

9. Nachdem sie die Änderungen publizieren, wird die Suchmaschinen App standardmäßig auf dem Launchpad in der Fiori Demo Gruppe angezeigt:
Suchmaschine App Fiori Demo Gruppe

Anzeige Suchmaschinen App Fiori Demo Gruppe

10. Genau wie im Beispiel der Suchmaschine können Sie nun eine App erzeugen, mit einem Link z.B. zu einem BO Report. In diesem Fall, werden zu dem BO Report weitergeleitet sobald Sie auf diese App klicken.
In einem folgenden Video werden wir Ihnen auch erklären wie Sie den Log-in auf dem BO Server überspringen können mit Hilfe von SSO (Single Sign On).

Bemerkung: im Fall von BO stellen Sie bitte sicher, dass sie einen validen Dokumentenlink zu dem Report haben. Dieser sollte diese Form haben.

Fiori App auf dem Launchpad deployen

  1. Aus dem Cockpit der SAP Cloud Plattform greifen Sie auf den Web IDE Service zu:

Cockpit SAP Cloud Plattform

2. Legen Sie in der Web IDE ein neues Projekt an. Wählen Sie in der Menüleiste File -> New->Project from Template

Anlegen in Web IDE eines neuen Projektes

3. Wählen Sie SAPUI5 Application als Template aus:

SAP UI5 App

4. Geben Sie Projektname und Namespace an:

SAP UI5 App Name

5. Erzeugen Sie das Projekt, indem Sie auf Finish drücken:

Projekt erzeugen

6. Ein minimales Projektbeispiel wurde generiert. Ändern Sie z.B. die Ansicht der Applikation, indem Sie einen statischen Text eingeben:

Projektbeispiel

7. Testen Sie die Applikation. Drücken Sie bitte auf dem Run Button:App testen

8. Die Applikation sollte in einem neuen Fenster aufgehen:

8. Die Applikation sollte in einem neuen Fenster aufgehen

9. Deployen Sie die Applikation in der SAP Cloud Plattform:

App-SAP Cloud Plattform Deployment

10. Das Deployment kann einige Sekunden dauern. Am Ende sollten Sie eine Bestätigung bekommen, dass alles funktioniert hat:

App Deployment

11. Als nächstes werden wir die Applikation auf dem Launchpad registrieren. Wechseln Sie bitte zurück zum Portal, und öffnen Sie das Launchpad zum Editieren:

die Applikation auf dem Launchpad registrieren

12. Erzeugen Sie eine neue App für das Launchpad. In der Sektion General, browsen Sie nach der Fiori App die Sie deployed haben. Fügen Sie die Applikation dem Fiori Demo Katalog und der Fiori Demo Group hinzu:

Neue App für das Launchpad erzeugen

Fügen Sie die Applikation dem Fiori Demo Katalog und der Fiori Demo Group hinzu

19. Publizieren Sie die Änderungen und öffnen Sie das Launchpad:

13. Publizieren Sie die Änderungen und öffnen Sie das Launchpad

Wellcome to Fiori DemoFazit

Glückwunsch! Sie haben Ihre ersten 2 Apps auf einem Fiori Launchpad deployed, dass Sie auch selber erzeugt haben!

Dieser Video ist der erste Teil einer Videoserie, welche folgende Anleitungen beinhaltet: