Schnellstart-Anleitung

Experience Builder gibt Ihnen den Rahmen einer Site: ein Theme, eine Navigation, Seiten. Avonni Experience Components füllen ihn mit mehr als vierzig Komponenten (Tabellen, Karten, Kalendern, Galerien, Zeitachsen, Kennzahlen), die Ihre Salesforce-Datensätze lesen und auf der Seite miteinander kommunizieren, konfiguriert im Eigenschaftenbereich, ganz ohne Code.

In den nächsten 15 Minuten erstellen Sie eine Einen zertifizierten Installateur finden Seite für ein Kundenportal: eine Tabelle mit Installateuren aus Ihren Accounts und eine Karte, die die Häuser zeigt, die der ausgewählte Installateur bereits ausgestattet hat.

Das haben Sie am Ende: Wählen Sie einen Installateur aus, und die Karte zeigt seine jüngsten Installationen.

Was Sie lernen werden

• Wie Sie die AX-Komponenten im Experience Builder finden und eine auf eine Seite ziehen
• Wie Sie eine Komponente mit einer Query-Datenquelle auf Ihre Salesforce-Datensätze ausrichten
• Wie Sie eine Komponente auf das reagieren lassen, was der Besucher in einer anderen auswählt
• Was Ihre Site-Mitglieder benötigen, bevor sie die Seite sehen

Bevor Sie beginnen

• Das Avonni Experience Components-Paket ist installiert. Aktivieren Sie Lightning Web Security zuerst in Setup > Session-Einstellungen: Ohne sie schlägt die Installation fehl mit LWC1503: Dynamische Imports sind nicht erlaubt.
• Aktivieren Sie auf einer Aura-Site außerdem Lightning Web Security in den Einstellungen > Sicherheit & Datenschutz.
• Sie haben eine Site, an der Sie arbeiten können, und einige Datensätze, die angezeigt werden sollen. Diese Anleitung verwendet Accounts des Typs Installationspartner und ihre Contacts, wobei jeder Contact die Adresse eines installierten Hauses trägt.

---

Erstellen Sie den Installateursucher

1

Öffnen Sie die Seite im Experience Builder

In Setupsuchen Sie nach Digital Experiencesöffnen Sie Alle Sitesund klicken Sie auf Builder neben Ihrer Site. Wählen Sie die Seite im Menü oben links aus (diese Anleitung verwendet Home), und fügen Sie einen Abschnitt mit zwei Spalten hinzu, in denen die Tabelle und die Karte platziert werden.

2

Finden Sie die AX-Komponenten

Klicken Sie auf das Komponenten -Symbol (der Blitz) in der linken Seitenleiste und geben Sie AX in das Suchfeld ein. Jede Avonni-Komponente ist unter Benutzerdefinierte Komponentenaufgeführt, jeweils mit dem AX - Präfix.

Das Komponenten-Panel, gefiltert auf AX.

Die Screen-Flow-Komponenten heißen Avonni Komponente, und die Experience-Komponenten AX - Komponente. Beide Pakete können in derselben Org vorhanden sein.

3

Ziehen Sie eine AX - Data Table hinein und benennen Sie sie

Ziehen Sie AX - Data Table in die linke Spalte. Rechts öffnet sich ihr Eigenschaftenbereich. Für diese Seite sind zwei Einstellungen wichtig:

• API-Name: installers. Das ist der Name, den die anderen Komponenten verwenden, um die Zeile zu lesen, die der Besucher auswählt.
• Maximale Zeilenauswahl: 1, damit der Besucher jeweils nur einen Installateur auswählt.

Der Eigenschaftenbereich der Tabelle: API-Name und maximale Zeilenauswahl.

4

Richten Sie sie auf Ihre Accounts aus

Scrollen Sie im Eigenschaftenbereich nach unten zu Datenquelle und klicken Sie auf Abfrage.

1. Objekt-API-Name: Account.
2. Filter: Account-Typ entspricht Installationspartnerund Rechnungsbundesland/Provinz entspricht CO.
3. Zusätzliche Felder: Account-Telefon. Es ist keine Spalte, aber die Seite wird es anzeigen.
4. Unter Datenzuordnungenklicken Sie auf Spalten hinzufügen und wählen Sie Kontoname, Rechnungsstadt und Account-Beschreibung aus. Öffnen Sie jede Spalte, um ihr ein kürzeres Label zu geben: Installateur, Stadt, Spezialität.

Die Tabelle füllt sich sofort auf der Arbeitsfläche mit Ihren Datensätzen.

Eine Query-Datenquelle: das Objekt, die Filter und die Datensätze auf der Arbeitsfläche.

5

Ziehen Sie eine AX - Map hinein, die der Tabelle folgt

Ziehen Sie AX - Map in die rechte Spalte und setzen Sie ihre Datenquelle auf Abfrage:

1. Objekt-API-Name: Contact.
2. Filter: Account ID entspricht {{installers.selectedRecord.Id}}.
3. Unter Datenzuordnungen, setzen Sie den Titel des Pins auf den Titel des Contacts und seinen Standort auf Mailing Latitude und Mailing Longitude.

Dieser Filter ist der ganze Trick. installers ist der API-Name der Tabelle, selectedRecord ist die Zeile, die der Besucher ausgewählt hat, und Id ist das Feld, das daraus gelesen wird. Wenn der Besucher einen anderen Installateur auswählt, führt die Karte ihre Abfrage erneut aus, ganz ohne Code und ohne Neuladen der Seite.

Die Abfrage der Karte, gefiltert auf die in der Tabelle ausgewählte Zeile.

6

Den Installateur über der Karte benennen

Ziehen Sie einen AX - Text Block über die Karte und schreiben Sie den Text mit derselben Syntax:

Jüngste Installationen
{{installers.selectedRecord.Name}}
{{installers.selectedRecord.Phone}}

Jedes Feld, das die Tabelle abgefragt hat, kann auf diese Weise gelesen werden, einschließlich des Telefons, das Sie als zusätzliches Feld hinzugefügt haben.

7

In der Vorschau ansehen

Klicken Sie auf Vorschau oben rechts. Wählen Sie einen Installateur aus: Sein Name und seine Telefonnummer erscheinen, und die Karte springt zu den Häusern, die er ausgestattet hat.

Ein anderer Installateur, ein anderer Satz von Markierungen: Die Seite reagiert auf die Wahl des Besuchers.

8

Veröffentlichen und Ihren Mitgliedern Zugriff gewähren

1. Klicken Sie auf Veröffentlichen.
2. Geben Sie Ihren Site-Mitgliedern auf der Lizenzverwaltung -Seite eine Avonni-Lizenz und den Berechtigungssatz.
3. Stellen Sie sicher, dass ihr Profil die Datensätze lesen kann: hier Account und Contact. Avonni-Komponenten folgen Ihren Freigabeeinstellungen und umgehen sie niemals, sodass ein Mitglied genau die Zeilen sieht, die Salesforce ihm erlaubt zu sehen. Grundlagen lernen enthält die Details.

---

Was Sie gerade verwendet haben

Idee	Hier	Wiederverwenden für
AX-Komponenten im Experience Builder	Datentabelle, Karte, Textblock	Mehr als vierzig Komponenten: Kalender, Galerie, Zeitachse, Kennzahl, Kanban und der Rest
Query-Datenquelle	Installateure aus Account, Installationen aus Contact	Jedes Objekt, das Ihre Mitglieder lesen können, mit Filtern und einer Sortierreihenfolge
Reaktive Komponenten	{{installers.selectedRecord.Id}} im Kartenfilter	Eine Tabelle, die eine zweite Tabelle steuert, eine Karte, die einen Textblock steuert, eine Liste, die eine Zeitachse steuert
Ihre Site, Ihre Marke	Das SolarOps-Theme und die Navigation rund um die Komponenten	Jede Seite einer Aura- oder LWR-Site

Wenn etwas nicht stimmt

Was Sie sehen	Wahrscheinliche Ursache	Behebung
Keine AX-Komponenten im Komponenten-Panel	Das Paket ist nicht installiert, oder die Sicherheitsstufe der Site blockiert sie	Prüfen Sie die Installation, dann die Meldung oben in Benutzerdefinierte Komponenten
Die Tabelle ist leer	Die Filter finden nichts, oder der Betrachter kann das Objekt nicht lesen	Testen Sie die Filter mit einem Datensatz, den Sie kennen, und prüfen Sie den Zugriff des Profils
Die Karte bewegt sich nicht, wenn eine Zeile ausgewählt wird	Der API-Name im Filter stimmt nicht mit dem der Tabelle überein	installers in {{installers.selectedRecord.Id}} muss exakt dem der Tabelle entsprechen API-Name
Die Karte zeigt vor der Auswahl einen Standardbereich an	Ihre Abfrage hat noch keine Zeile, auf die sie filtern kann	Erwartet. Sie füllt sich, sobald der Besucher eine Zeile auswählt

Immer noch festgefahren? Reaktive Komponenten geht die Fehlerbehebung ausführlicher durch.

Machen Sie weiter

Datenquellen

Query, CMS Collection oder Manuell: jede Möglichkeit, eine Komponente zu füttern, und wann Sie welche wählen sollten.

Reaktive Komponenten

Die vollständige selectedRecord-Syntax, die Komponenten, die sie unterstützen, und die Fehlerbehebung.

Eine Datentabelle und eine Karte verknüpfen

Dasselbe Tabellen-und-Karten-Muster, auf Accounts, Schritt für Schritt.

Alle Komponenten

Durchsuchen Sie jede AX-Komponente von Accordion bis Video, jeweils mit einer eigenen Seite.

AX - Data Table

Sortieren, Suche, Inline-Bearbeitung, Dateien in jeder Zeile: alles, was die Tabelle für Ihre Mitglieder tun kann.

Portale und Partner-Sites

Komplette Projekte, von Anfang bis Ende in einer echten Org erstellt, mit der Konfiguration hinter jedem einzelnen.