Lightning-Komponenten sind wiederverwendbare Komponenten, die mit einer Kombination aus HTML, JavaScript und CSS erstellt werden und für die Verwendung in der Lightning Experience und den mobilen Salesforce-Apps konzipiert sind. Aufgrund ihrer Wiederverwendbarkeit können wir dieselbe Lightning-Komponente mehrfach und an mehreren Stellen verwenden
Wir können Lightning-Komponenten verwenden, um Elemente wie Formulare, Listen, Schaltflächen und vieles mehr zu erstellen. Sie können auch zur Integration mit externen APIs und Services verwendet werden, die es uns ermöglichen, leistungsstarke Anwendungen zu erstellen, die mit Daten und Services außerhalb von Salesforce verbunden werden können.
Wege zur Erstellung von Lightning-Komponenten in Salesforce:
Wir können Lightning-Komponenten mit zwei Programmiermodellen erstellen (Aura-Komponenten und Lightning-Webkomponenten).
Erstellen Sie eine Lightning-Komponente mit dem Lightning Web Component-Programmiermodell.
Lightning Web Component ist ein neues Programmiermodell, das für die Erstellung von Lightning-Komponenten verwendet wird. Diese Komponenten sind wiederverwendbare und benutzerdefinierte HTML-Komponenten, die mit HTML und modernem JavaScript erstellt werden. Lightning Web Component arbeitet mit dem ursprünglichen Aura-Komponenten-Programmiermodell zusammen und bietet so eine außergewöhnliche Leistung. Diese Komponenten sind in den Salesforce-Editionen Enterprise, Performance, Unlimited und Developer verfügbar.
Gehen Sie folgendermaßen vor, um eine Lightning-Komponente mithilfe des Lightning-Webkomponenten-Programmiermodells zu erstellen:
Schritt 1: Richten Sie zunächst Ihre Salesforce DX-Umgebung ein und erstellen Sie ein Salesforce DX-Projekt. In unserem Blogbeitrag „How To Setup Salesforce DX Environment And Create A Scratch Org?“ erfahren Sie, wie Sie Ihre Salesforce DX-Umgebung einrichten und ein Projekt erstellen.
Schritt 2: Führen Sie dann den folgenden Befehl aus, um eine neue Blitzkomponente zu erstellen.
sfdx force:lightning:component:create --type lwc -n <component-name> -d force-app/main/default/lwcSchritt 3: Passen Sie anschließend den Inhalt der HTML- und JavaScript-Dateien an, falls erforderlich, und speichern Sie sie.
Schritt 4: Um die Komponente zu verteilen, klicken Sie mit der rechten Maustaste auf den Ordner „lwc“ und wählen Sie dann im Dialogfeld die Option „SFDX: Deploy Source to Org“.
Schritt 5: Anschließend können Sie das Ergebnis der Bereitstellung auf der Registerkarte „Ausgabe“ des Terminals sehen.
Erstellen Sie eine Lightning-Komponente mit dem Aura Component-Programmiermodell.
Aura-Komponenten sind die unabhängigen und wiederverwendbaren Elemente einer Anwendung. Sie stellen einen wiederverwendbaren Teil der Benutzeroberfläche (UI) dar. Das Aura-Komponentenmodell bietet eine Reihe von vorgefertigten Komponenten, die auch als Basis-Blitzkomponenten bezeichnet werden. Die Komponenten können HTML, CSS, JavaScript und andere webfähige Codes enthalten.
Gehen Sie folgendermaßen vor, um eine Lightning-Komponente mit dem Lightning-Aura-Programmiermodell zu erstellen:
Schritt 1: Melden Sie sich zunächst bei Ihrem Salesforce-Konto an.
Schritt 2: Klicken Sie in der oberen rechten Ecke der Seite auf das Zahnradsymbol und wählen Sie aus dem Dropdown-Menü die „Developer Console“ aus. Dadurch wird die Entwicklerkonsole in einem neuen Fenster geöffnet.
Schritt 3: Klicken Sie nun in der Navigationsleiste auf das Menü „Datei“ und wählen Sie „Neu“. Wählen Sie dann „Lightning Component“ aus dem Dropdown-Menü.
Schritt 4: Geben Sie einen Namen für Ihre Blitzkomponente ein und konfigurieren Sie die Komponente. Die Konfiguration der Komponente ist optional.
Schritt 5: Klicken Sie dann auf die Schaltfläche „Senden“, um die Lightning-Komponente zu erstellen. Es wird eine neue Lightning-Komponentendatei mit der Erweiterung .cmp erstellt.
In der Komponentendatei gibt es einige Standardcodes für die Komponente. Sie können diesen Code durch Ihren eigenen Code ersetzen. Wenn Sie mit dem Schreiben Ihrer Komponente fertig sind, speichern Sie die Dateien. Jetzt können Sie die Lightning-Komponente in einer Lightning-Seite oder -Anwendung verwenden, indem Sie sie ziehen und ablegen.
Bitte kontaktieren Sie uns unter manish@bay20.com oder rufen Sie uns unter +91-8800519180 an, wenn Sie Unterstützung in Bezug auf Salesforce benötigen. Sie können auch die Salesforce-Entwicklungsseite besuchen, um die von uns angebotenen Dienstleistungen zu überprüfen.
