So erstellen Sie Ihre eigene App-Vorlage

Written by Andreas Dallner
Juli 24, 2024

Jeder nutzt AppWizards, aber Anwendungen sehen immer noch anders aus und verhalten sich auch anders, was das allgemeine Layout und die Authentifizierung angeht?
Dann denken Sie daran, eine Vorlage zu erstellen, die jeder als Grundlage verwenden kann.

Das Erstellen einer Anwendungsvorlage mit allen erforderlichen grundlegenden Themen wie Authentifizierung oder allgemeinem Layout vereinfacht es Ihnen, ein gemeinsames Erscheinungsbild zu haben, und beschleunigt die Anwendungsentwicklung für Ihre (Bürger-)Entwickler.

In diesem Knowledge Base-Artikel wird gezeigt, wie Sie eine eigene Anwendungsvorlage erstellen, die kopiert und direkt verwendet werden kann.

Um Ihnen dabei zu helfen, stellen wir Ihnen eine eigene Anwendungsvorlage zur Verfügung, die eine Grundlage für die Erstellung Ihrer eigenen Vorlage bildet.

SCHRITT 1: Importieren Sie die generische App-Vorlage von Simplifier

Laden Sie unsere generische App-Vorlage aus dem Marketplace herunter und importieren Sie sie im Überschreibungsmodus in Ihre Instanz.

Die folgenden Schritte sind nicht erforderlich, wenn der Endpunkt “Standard” eine aktive Instanz ist.
Nichtsdestotrotz empfehlen wir, eine eigene Kopie zu erstellen, um eine eigene Vorlage zu erstellen, wie in Schritt 2 ff. beschrieben.

Auf diese Weise werden Ihre Endpunkte und Verbesserungen im Falle eines erneuten Imports der Vorlage nicht überschrieben.

SCHRITT 2: Kopieren Sie den Konnektor ‘SF_Login’

Kopieren Sie den Connector SF_Login.
Legen Sie einen Namen fest, der Ihren Benennungsrichtlinien entspricht (z. B. Internal_Login)

Legen Sie die erforderlichen Endpunkte für Ihre Landschaft fest.
Beim Erstellen des Endpunkts können Sie die Einstellungen von ‘Default’-Endpoint kopieren.
Es sind keine weiteren Änderungen erforderlich.

SCHRITT 3: Kopieren des serverseitigen Business Objekts ‘SF_Login’

Kopieren Sie das serverseitige Business Objekt ‘SF_Login’.
Legen Sie einen Namen fest, der Ihren Benennungsrichtlinien entspricht (z. B. Internal_Login)

Bearbeiten von Abhängigkeiten im erstellten Business Objekt:

  • Stecker ‘SF_Login’ entfernen
  • Fügen Sie den in Schritt 2 erstellten Connector hinzu
  • Speichern der Änderungen

Änderung des verwendeten Konnektors in der Funktion ‘getAuthServices’:

  • Open-Funktion im Editiermodus
  • Suche (Strg + F) nach SF_Login
  • Ersetzen Sie ihn durch den Namen des in Schritt 2 erstellten Connectors
  • Retten

SCHRITT 4: Erstellen Sie neue Rollen für App und Benutzer

Erstellen Sie eine Rolle für die Anwendung:

  • Benennen Sie es entsprechend Ihren Benennungsrichtlinien (z. B. ‘AppIntern_Template’)
  • Legen Sie die gleichen Berechtigungen wie in der Rolle ‘AppSF_TemplateApp’ fest
  • Entfernen von Berechtigungen für Connector und serverseitiges Business Objekt ‘SF_Login’
  • Hinzufügen von Ausführungsberechtigungen für den erstellten Konnektor und serverseitige Business Objekte in Schritt 2 und 3
  • Fügen Sie Ausführungsberechtigungen nur für weitere Assets hinzu, die vor der Anmeldung erforderlich sind

Erstellen Sie eine Rolle für die Kennwortzurücksetzung (nur wenn Sie die Kennwortzurücksetzung für lokale Simplifier-Benutzer (nicht für IDP-Benutzer) benötigen und wenn Sie den Namen der Rolle ändern möchten):

  • Benennen Sie es entsprechend Ihren Benennungsrichtlinien (z. B. AppIntern_Template_ResetPassword)
  • Legen Sie die gleichen Berechtigungen wie in der Rolle ‘AppSF_TemplateApp_ResetPassword’ fest

SCHRITT 5: Kopieren Sie die App-Vorlage “SF_TemplateApp”

Ändern Sie die Datenquelle des Widgets ‘AuthServices_Button’:

  • ‘AuthServices_Button’ in der UI-Struktur suchen
  • Ändern der Datenquelle in die getAuthServices-Funktion des serverseitigen Business Objekts, das in Schritt 3 erstellt wurde

Änderung des verwendeten serverseitigen Business Objekts zum Abrufen von Authentifizierungsdiensten in der Story “11 Load auth services”:

  • Suche nach SF_Login
  • Ersetzen Sie das Geschäftsobjekt durch das in Schritt 3 erstellte Objekt
  • Festlegen derselben Eingabe- und Ausgabezuordnungen
  • Retten

Anwendungsrolle ändern:

  • Entfernen von Standardrollen
  • Hinzufügen der in Schritt 4 erstellten App-Rolle

Entfernen Sie Erweiterungen, wenn sie nicht benötigt werden:

  • SimplifierLetterbox zum Deaktivieren von Letterboxing
  • SimplifierExtension zum Entfernen von Nunito als Schriftart

Legen Sie Ihre Authentifizierungsdienste fest, wenn nicht alle angezeigt werden sollen:

  • Wert der globalen Variablen ‘authServices’ setzen
  • Fügen Sie einen Eintrag für jeden erforderlichen Authentifizierungsdienst hinzu.
    Denken Sie daran, die Namen für Authentifizierungsdienste auf qa- und prod-Instanzen gut hinzuzufügen, wenn ihre Namen unterschiedlich sind

Aktivieren Sie bei Bedarf die Funktion “Passwort vergessen”

  • Setzen Sie die globale Variable ‘useForgotPassword’ auf true

Aktivieren Sie die lokale Anmeldung mit Zugangsdaten

  • Setzen Sie die globale Variable ‘alwaysShowLocalLogin’ auf true, wenn immer ein lokaler Login mit Zugangsdaten angezeigt werden soll.
    Dadurch wird die automatische Anmeldung deaktiviert.

SCHRITT 6: Vorlage verbessern

Ergänzen Sie Ihr neues Template um weitere Anforderungen!

Schlussfolgerung

Das Erstellen einer eigenen App-Vorlage nimmt nur wenig Zeit in Anspruch, beschleunigt aber die Anwendungsentwicklung von Anwendungen mit demselben Erscheinungsbild.
Probieren Sie es aus!

Holen Sie sich unsere Simplifier-App-Vorlage
Tags:

Was this article helpful?

 
Related Articles