Arbeiten mit benutzerdefinierten Lightning-Komponenten

Lernziele

Nachdem Sie diese Lektion abgeschlossen haben, sind Sie in der Lage, die folgenden Aufgaben auszuführen:

• Installieren einer benutzerdefinierten Lightning-Komponente
  
• Verwenden Ihres Mobilgeräts, um Ihre Anwendung in der Salesforce-Anwendung anzuzeigen
  

Hinweis

Lernen Sie auf Deutsch? Beginnen Sie die Aufgabe in einem Trailhead Playground in der Sprache Deutsch und verwenden Sie für die Navigation die in Klammern angegebenen Übersetzungen. Kopieren und fügen Sie nur die Angaben in Englisch ein, da zur Überprüfung der Aufgabe Daten in Englisch benötigt werden. Wenn Sie die Aufgabe in Ihrer deutschen Organisation nicht bestehen, empfehlen wir Ihnen folgende Vorgehensweise: (1) Stellen Sie das Gebietsschema auf USA um, (2) legen Sie Englisch als Sprache fest (Anweisungen dazu finden Sie hier) und (3) klicken Sie erneut auf die Schaltfläche "Check Challenge" (Aufgabe überprüfen).

Weitere Details dazu, wie Sie die übersetzte Trailhead-Umgebung optimal nutzen können, finden Sie unter dem Badge "Trailhead in Ihrer Sprache".

Barrierefreiheit

Für diese Einheit sind einige zusätzliche Anweisungen für Benutzer von Bildschirmlesegeräten erforderlich. Klicken Sie auf den nachstehenden Link, um eine ausführliche Version dieser Einheit für Bildschirmlesegeräte aufzurufen:

Trailhead-Anweisungen für Bildschirmlesegeräte öffnen.

Benutzerdefinierte Lightning-Komponenten im Lightning-Anwendungsgenerator

Das Erstellen einer benutzerdefinierten Lightning-Komponente erfordert Programmierfähigkeiten. Sie können auch eine vorhandene Lightning-Komponente von AppExchange installieren.

Alle Zeigen-und-Klicken-Administratoren herhören – diese Einheit ist für Sie! Wir bieten Ihnen eine benutzerdefinierte Komponente, die bereits konfiguriert ist. Alles ist ganz einfach. Sie benötigen für diesen Badge keine Programmierfähigkeiten.

Mit Lightning-Webkomponenten können Sie eine benutzerdefinierte Lightning-Komponente erstellen. Mehr dazu finden Sie im Modul Lightning-Webkomponenten – Grundlagen.

Benutzerdefinierte Komponenten in Ihrer Organisation, die für die Verwendung im Lightning-Anwendungsgenerator konfiguriert wurden, werden im Bereich "Lightning-Komponenten" angezeigt.

Ihre benutzerdefinierten Lightning-Komponenten funktionieren nicht automatisch auf Lightning-Seiten oder im Lightning-Anwendungsgenerator. Damit eine benutzerdefinierte Komponente in beiden genutzt werden kann, müssen Sie die Komponente und ihr Komponentenpaket so konfigurieren, dass sie mit dem Lightning-Anwendungsgenerator und den Lightning-Seiten kompatibel sind. Weitere Details finden Sie im Entwicklerhandbuch zu Lightning-Webkomponenten.

Die benutzerdefinierte Komponente, die wir für dieses Modul anbieten, wurde bereits für den Lightning-Anwendungsgenerator konfiguriert.

Installieren einer benutzerdefinierten Lightning-Komponente

Sie haben eine benutzerdefinierte Lightning-Komponente unter der Bezeichnung "Opportunity-Hinweis" erstellt, die Sie Ihrer Lightning-Seite hinzufügen können. Installieren Sie sie nun in Ihrer Organisation.

Starten Sie Ihren Trailhead Playground, indem Sie zu einer beliebigen Einheit mit praktischer Aufgabe navigieren, zum Ende der Seite blättern und auf Starten klicken. Wenn Sie in Ihrer Organisation eine Registerkarte mit der Bezeichnung "Paket installieren" sehen, großartig! Führen Sie die folgenden Schritte aus.

Falls nicht, klicken Sie auf das App Launcher-Symbol, um den App Launcher zu starten, dann auf Playground Starter und folgen Sie den Schritten. Wenn Sie die Anwendung Playground Starter nicht sehen, kopieren Sie diesen Link zur Paketinstallation und lesen Sie in der Salesforce-Hilfe den Artikel zum Installieren eines Pakets oder einer Anwendung zum Bewältigen einer Trailhead-Aufgabenstellung.

1. Klicken Sie auf die Registerkarte Paket installieren.
   
2. Fügen Sie 04t2E00000161fSQAQ in das Feld ein.
   
3. Klicken Sie auf Installieren.
   
4. Wählen Sie Nur für Administratoren installieren aus und klicken Sie dann auf Installieren.
   

Nach dem Abschluss der Installation müssen Sie die Komponente Ihrer Seite hinzufügen.

Hinzufügen der benutzerdefinierten Lightning-Komponente zu Ihrer Anwendungsseite

1. Geben Sie unter "Setup" im Feld "Schnellsuche" den Text Anwendungsgenerator ein und klicken Sie dann auf Lightning-Anwendungsgenerator.
   
2. Klicken Sie neben der Seite "Wichtigste Accounts und Opportunities", die Sie in der vorherigen Einheit erstellt haben, auf Bearbeiten.
   
3. Fügen Sie die Komponente "Opportunity-Hinweis" über der Komponente "Listenansicht" hinzu.
   
4. Ändern Sie im Bereich "Properties (Eigenschaften)" die Option "Days Since Last Modified (Tage seit der letzten Änderung)" in 6.
   Haben Sie bemerkt, dass der Text in der Komponente an den neuen Feldwert angepasst wurde?
   
5. Deaktivieren Sie Has Open Tasks (Mit offenen Aufgaben) und klicken Sie auf Speichern.
   

Weil Sie die Seite bereits zuvor aktiviert haben, müssen Sie das nicht erneut tun.

Gut! Die von Ihnen vorgenommenen Änderungen sind in Lightning Experience und der mobilen Anwendung sofort verfügbar. Sehen Sie sich an, wie diese Seite jetzt aussieht.

Testen der benutzerdefinierten Komponente

Sehen Sie sich die Seite zunächst in der mobilen Salesforce-Anwendung an.

1. Öffnen Sie die Anwendung auf Ihrem Mobilgerät.
   
2. Melden Sie sich bei Bedarf mit Ihren Trailhead Playground-Anmeldedaten an.
   
3. Wechseln Sie in der Anwendung "Vertrieb" zur Seite "Wichtigste Accounts und Opportunities" und blättern Sie nach unten, bis Sie die neue Komponente sehen. Möglicherweise müssen Sie die Seite aktualisieren, damit die Änderungen angezeigt werden. 
   

Gehen Sie zurück zu Ihrer Organisation und zeigen Sie in Lightning Experience die Seite "Wichtigste Accounts und Opportunities" an. Da Sie die Seite mithilfe der Vorlage "Zwei Spalten" erstellt haben, wird bei der Ansicht auf dem Desktop oder einem Tablet das zweispaltige Format verwendet.

Herzlichen Glückwunsch! Sie haben mit dem Lightning-Anwendungsgenerator eine Anwendungsseite erstellt, Ihre Lightning Experience-Startseite individualisiert und eine Lightning Experience-Datensatzseite benutzerdefiniert angepasst.

Sie verfügen jetzt über die notwendigen Fähigkeiten, um die mobile Salesforce-Anwendung und Lightning Experience für Ihre Benutzer praktischer und leistungsfähiger zu machen. Machen Sie weiter so und passen Sie alles den Wünschen der Benutzer an!

Ressourcen

• Entwicklerhandbuch für Lightning-Webkomponenten
• Entwicklerhandbuch für Lightning-Webkomponenten: Konfigurieren einer Komponente mit dem Lightning-Anwendungsgenerator (in englischer Sprache)
• Salesforce-Hilfe: Benutzerdefinierte Komponenten für Lightning-Seiten