So erstellen und passen Sie Lightning-Apps mit dem Lightning App Builder an

Veröffentlicht: 2024-04-03

Wer sich auf die Reise zur App-Entwicklung begibt, denkt oft an komplexe Codes, stundenlanges Programmieren und umfassende Programmierkenntnisse.

Dank des Lightning App Builder von Salesforce ist es jetzt jedoch möglich, auch ohne Vorkenntnisse schnell eine komplette App zu erstellen.

Egal, ob Sie ein Neuling sind oder tiefer in die App-Erstellung eintauchen möchten, dieser Blog-Beitrag wird Ihnen als heiliger Gral für die Erstellung benutzerdefinierter Lightning-Apps dienen.

Lassen Sie uns gemeinsam die grundlegenden Schritte zum Erstellen und Anpassen von Lightning-Apps aufdecken, um Ihr Abenteuer in der Lightning-App-Erstellung anzukurbeln.

Beginnen wir mit den Grundlagen.

Was ist Salesforce Lightning App Builder?

Salesforce Lightning ist ein komponentenbasiertes Framework, das speziell für die Entwicklung von Salesforce-Anwendungen entwickelt wurde. Das Hauptziel besteht darin, die App-Entwicklungsverfahren innerhalb von Salesforce für Geschäftsanwender zu rationalisieren und zu vereinfachen, insbesondere für diejenigen ohne Programmierkenntnisse.

Ganz gleich, ob Sie ein einfaches Tool oder ein anspruchsvolles System erstellen, der Lightning App Builder von Salesforce ermöglicht Ihnen Folgendes:

Entwickeln Sie maßgeschneiderte Apps ohne umfassende Programmierkenntnisse.

Entwerfen Sie Apps, die genau Ihren Anforderungen entsprechen, sodass Sie Ihre Salesforce-Umgebung entsprechend Ihren Anforderungen gestalten können.

Erstellen Sie nahtlos benutzerdefinierte Anwendungen.

Erstellen Sie Anwendungen, indem Sie Komponenten wie Felder, Schaltflächen, Listen und andere Elemente auf der Benutzeroberfläche zusammenstellen.

Diese Komponenten können Standard-Salesforce-Komponenten oder maßgeschneiderte Elemente sein und bieten eine breite Palette an Funktionalitäten. Das Tool sorgt außerdem für ein responsives Design, sodass sich die erstellten Anwendungen nahtlos an verschiedene Geräte anpassen können, darunter Desktops, Tablets und Mobiltelefone.

Durch die Bereitstellung einer benutzerfreundlichen und intuitiven Benutzeroberfläche ermöglicht Salesforce Lightning App Builder Salesforce-Benutzern die Schaffung einer effizienteren und personalisierteren Salesforce-Erfahrung.

Warum sollten Sie Salesforce Lightning gegenüber Classic für die App-Entwicklung wählen?

Als Salesforce-Benutzer wissen Sie wahrscheinlich, dass der Wechsel zu Salesforce Lightning mehr als nur ein kluger Schachzug ist – es ist eine strategische Entscheidung, die insbesondere für die App-Entwicklung eine Vielzahl von Vorteilen mit sich bringt.

Es gibt mehrere überzeugende Gründe, sich für Salesforce Lightning gegenüber Classic für die App-Entwicklung zu entscheiden:

Moderne und intuitive Benutzeroberfläche:

Lightning bietet eine übersichtliche und benutzerfreundliche Oberfläche, die moderner und ästhetisch ansprechender ist als das tabulatorlastige Layout von Classic. Dies kann zu einer erhöhten Benutzerakzeptanz und Produktivität führen.

Mobile-First-Design:

Lightning basiert auf einem Mobile-First-Ansatz, der sicherstellt, dass Ihre Apps auf allen Geräten, vom Desktop bis zum Smartphone, einwandfrei aussehen und funktionieren. Dies ist in der heutigen, auf Mobilgeräte ausgerichteten Welt von entscheidender Bedeutung.

Flexibilität und Anpassung:

Lightning bietet im Vergleich zu Classic mehr Flexibilität und Anpassungsmöglichkeiten. Mit Lightning Web Components, einem Framework zum Erstellen wiederverwendbarer und skalierbarer UI-Elemente, können Sie ganz einfach benutzerdefinierte Apps und Komponenten erstellen.

Verbesserte Leistung:

Aufgrund ihrer optimierten Architektur und ihres modernen Designs werden Lightning-Apps im Allgemeinen schneller geladen und bieten eine bessere Leistung als klassische Apps. Dies kann zu einer effizienteren und angenehmeren Benutzererfahrung führen.

Zukunftssicher:

Salesforce investiert aktiv in Lightning und veröffentlicht regelmäßig neue Funktionen und Updates. Wenn Sie sich für Lightning entscheiden, stellen Sie sicher, dass Ihre Apps auf einer zukunftssicheren Plattform basieren.

Hier ist eine Tabelle, die die wichtigsten Unterschiede zwischen Lightning und Classic für die App-Entwicklung zusammenfasst:

Insgesamt ist Salesforce Lightning aufgrund seines modernen Designs, seiner erweiterten Funktionen, seiner Flexibilität und seiner Zukunftssicherheit der klare Gewinner für die App-Entwicklung.

Während es für Entwickler, die an Classic gewöhnt sind, möglicherweise eine Lernkurve gibt, überwiegen die Vorteile von Lightning die Anfangsinvestition bei weitem.

Wie erstelle ich Apps in Salesforce Lightning?

Lightning Experience von Salesforce besteht aus zwei Hauptteilen: Lightning-Seiten und Lightning-Komponenten.

Um eine neue App zu erstellen, klicken Sie oben rechts auf das Zahnradsymbol.

Wenn Sie sich bereits auf einer Lightning-Seite befinden, die Sie anpassen möchten, wählen Sie im Zahnradmenü die Option „Seite bearbeiten“.

Wenn nicht, gehen Sie zum Menü „Setup“ und suchen Sie nach „Lightning App Builder“, um auf das Tool zuzugreifen.

Wie man auf Lightening basierende Apps erstellt und anpasst

Sobald Sie sich im Lightning App Builder befinden, wird eine Seite geöffnet.

Ihre Seiten werden geöffnet, sobald Sie sie bearbeiten möchten, indem Sie auf die Schaltfläche „Bearbeiten“ klicken. Dadurch wird diese Seite in der Lightning App Builder-Ansicht geöffnet. Die Symbolleiste verfügt über allgemeine Optionen wie Speichern, Rückgängig machen, Ausschneiden, Kopieren und Einfügen. Darüber hinaus können Sie zwischen Desktop- und Mobilansichten wechseln.

Im Eigenschaftenbereich werden Details zu der Seite oder Komponente, an der Sie gerade arbeiten, angezeigt und an Ihre Arbeit angepasst.

Verschiedene Arten von Seiten:

1. Startseite: Bietet Benutzern einen Überblick über Informationen wie Diagramme/Dashboards, Zusammenfassungen oder Aufgabenlisten.

2. App-Seite: Ähnlich einer Homepage, wird für Einzelseiten- oder Drittanbieter-Apps verwendet.

3. Datensatzseite: Bietet Zugriff auf Datensätze in Salesforce.

Mit Lightning App Builder können Sie Seiten mithilfe von Seitenvorlagen sowohl für Desktops als auch für Mobilgeräte optimieren. Sie können Komponenten per Drag-and-Drop in diese Bereiche ziehen.

Es handelt sich größtenteils um ein No-Code-Tool, ermöglicht jedoch einige einfache Codierungen. Für erweiterte Funktionen oder benutzerdefinierte Vorlagen können Sie die Aura-Komponente/Lightning-Webkomponente verwenden.

Komponenten hinzufügen:

Lightning-Seiten ordnen Objekte an, während Lightning-Komponenten selbst Objekte sind.

Sie können drei Arten von Komponenten hinzufügen: Standard, benutzerdefiniert und Drittanbieter. Standardkomponenten decken verschiedene Anforderungen direkt von Salesforce ab.

Kundenspezifische Komponenten und Komponenten von Drittanbietern erfordern mehr Fachwissen und sind auf bestimmte Verwendungszwecke zugeschnitten.
6. Klicken Sie auf „Speichern“.

Ordnen Sie die Komponenten nach dem Hinzufügen nach Bedarf an und denken Sie daran, Ihre App manuell zu speichern und zu aktivieren.

Zum Abschluss wählen Sie zum Aktivieren die Schaltfläche „Aktivierung“ oben rechts aus.

Wie kann ich Lightning-Apps anpassen?

Nachdem Sie Ihre App nun erfolgreich erstellt haben, ist der Drang, sie anzupassen, nur natürlich, nicht wahr? Schließlich ist die Anpassung der Schlüssel zur Unterscheidung Ihrer App von der Vielzahl, die auf der Lightning App-Plattform basiert.

Sie fragen sich, wie Sie mit dem Lightning App Builder erstellte Apps anpassen können? Seien Sie versichert, wir sind hier für Sie da!

Schritte zum Erstellen einer benutzerdefinierten Homepage:

1. Gehen Sie zu „Setup“, suchen Sie im Feld „Schnellsuche“ nach „App Builder“ und klicken Sie dann auf „Lightning App Builder“.

2. Klicken Sie auf „Neu“, wählen Sie „Startseite“ und klicken Sie dann auf „Weiter“. Wir können „Startseite, Datensatzseite, App-Seite“ haben, aber da wir uns auf die Startseite konzentrieren, wählen wir nur „Startseite“ aus.

3. Befolgen Sie die Schritte im Assistenten:
– Benennen Sie die Seite (z. B. „Neue Homepage“).
– Wählen Sie die Vorlage „Standard-Startseite“.
– Klicken Sie auf „Fertig“.

4. Sie sehen eine leere Startseite, auf der Sie mit der Erstellung beginnen können. Der Komponentenbereich enthält Standardkomponenten für eine Startseite und alle in Ihrer Organisation installierten benutzerdefinierten Komponenten.

5. Ziehen Sie die Komponenten in verschiedene Regionen:
– Platzieren Sie die Assistentenkomponente oben rechts.
– Platzieren Sie „Leistung“ oben links.
– Fügen Sie die heutigen Ereignisse unten links und die wichtigsten Angebote unten rechts hinzu.
– Platzieren Sie die heutigen Aufgaben über dem Assistenten .
– Platzieren Sie die Dinge entsprechend Ihren Geschäftsanforderungen.

6. Klicken Sie auf „Speichern“.

Das bloße Speichern der Seite reicht jedoch nicht aus, damit Ihre Benutzer sie sehen können. Sie müssen die Lightning-Seite aktivieren. Wenn Sie bereit sind, es mit Ihren Benutzern zu teilen:

– Klicken Sie auf „Aktivieren“, um es für Ihre Benutzer sichtbar zu machen.

– Wenn Sie zuvor gespeichert, aber nicht aktiviert haben, suchen Sie in der Symbolleiste nach der Schaltfläche „Aktivierung“.

Das ist es! Sie haben Ihre benutzerdefinierte Startseite erstellt und aktiviert, damit Benutzer in Lightning Experience darauf zugreifen können.

Schritte zum Erstellen einer benutzerdefinierten Datensatzseite für Lightning Experience und Salesforce Mobile App

1. Gehen Sie zu „Setup“, suchen Sie im Feld „Schnellsuche“ nach „App Builder“ und wählen Sie dann „Lightning App Builder“ aus.

2. Klicken Sie auf „Neu“.

3. Wählen Sie „Seite aufzeichnen“ und folgen Sie dem Assistenten:

Beschriften Sie Ihre Seite (z. B. „Neue Opportunity-Seite“).

Wählen Sie als Objekt „Opportunity“ aus.

Wählen Sie die Vorlage „Kopfzeile, Unterüberschrift, rechte Seitenleiste“ und klicken Sie auf „Fertig“.

4. Im Komponentenbereich finden Sie eine Sammlung von Standard- und benutzerdefinierten Komponenten, die für Opportunity-Datensatzseiten entwickelt wurden.

5. Wählen Sie im Einstellungsmenü „Symbole immer anzeigen“, um sicherzustellen, dass die Sichtbarkeit der Komponenten auf verschiedenen Geräten konsistent bleibt.

6. Ziehen Sie Komponenten auf die Seite:

Platzieren Sie das Highlights- Panel im oberen Bereich, um wichtige Informationen anzuzeigen.

Fügen Sie die Pfadkomponente unterhalb des Hervorhebungsfensters hinzu.

Fügen Sie im unteren rechten Bereich eine Chatter- Komponente ein.

Fügen Sie im unteren linken Bereich eine Tabs- Komponente ein und fügen Sie Tabs hinzu.

Registerkarten anpassen:

Fügen Sie eine neue Registerkarte hinzu und beschriften Sie sie (z. B. „Letzte Elemente“).

Erstellen Sie zusätzliche Registerkarten wie „Aktivität“ und „Verwandt“, indem Sie entsprechende Komponenten hinzufügen.

Ordnen Sie die Reihenfolge der Registerkarten im Eigenschaftenbereich an: Details, Aktivität, Zuletzt verwendete Elemente und Verwandte .

Klicken Sie auf „Speichern“ und dann auf „Aktivieren“, um die benutzerdefinierte Seite für Benutzer sichtbar zu machen.

7. Aktivierungsoptionen für die Opportunity-Datensatzseite:

Org-Standard: Legen Sie die Seite als Standard für alle Benutzer in der Organisation fest.

App-Standard: Legen Sie die Seite als Standard für bestimmte Lightning-Apps fest.

App, Datensatz, Typ und Profil: Weisen Sie die Seite ausgewählten Lightning-Apps, Datensatztypen und Profilen zu.

Formfaktorzuweisung: Weisen Sie die Seite einem bestimmten Gerätetyp wie Desktop oder Telefon zu.

Das Fazit

Salesforce Lightning bietet einen weitreichenden Horizont für die App-Erstellung und -Anpassung und bietet Benutzern eine intuitive und dynamische Plattform. Bei richtiger Umsetzung öffnet die große Auswahl an Anpassungsoptionen in Salesforce Lightning Türen für Innovationen und maßgeschneiderte Lösungen.

Sind Sie bereit, die Leistungsfähigkeit von Salesforce Lightning zu nutzen und Ihre einzigartigen, leistungsstarken Anwendungen zu erstellen? Schreiben Sie uns an [email protected] und wir kümmern uns von dort aus.