Скачать или смотреть OS80: Как использовать LWC внутри OmniStudio FlexCard (ПРОСТО) || Передача recordId и доступа с п...

В этом видео мы научимся встраивать компонент Lightning Web Component (LWC) в OmniStudio FlexCard и передавать recordId из FlexCard в LWC с помощью декоратора @api.

Это простой и практичный пример использования, где:

FlexCard настраивается в объекте Account

FlexCard передает recordId объекта Account

LWC получает recordId с помощью @api

LWC получает данные Account с помощью lightning/uiRecordApi

Данные Account отображаются динамически

Этот шаблон чрезвычайно полезен, когда вы хотите расширить возможности FlexCard с помощью пользовательской логики интерфейса.

-----------------------------------------------
Обзор сценария использования

FlexCard размещается на странице записи учетной записи

FlexCard передает идентификатор записи во встроенный LWC

LWC использует @api recordId для получения значения

LWC получает поля учетной записи с помощью getRecord

Отображаются данные учетной записи, такие как имя, отрасль, доход, телефон, веб-сайт, сотрудники

----------------------------
Пояснение к коду
1️⃣ @api recordId

Это позволяет FlexCard динамически передавать идентификатор записи учетной записи в LWC.

2️⃣ @wire(getRecord)

Адаптер getRecord получает данные учетной записи, используя переданный recordId.

3️⃣ Импортируемые поля

Мы импортируем:

Имя

Годовой доход

Отрасль

Тип

Телефон

Веб-сайт

Количество сотрудников

Эти поля сгруппированы в константе FIELDS и передаются в метод getRecord.

4️⃣ Методы-геттеры

Каждое поле имеет метод-геттер для корректного извлечения значений с помощью getFieldValue().

5️⃣ Форматирование дохода

Годовой доход форматируется с использованием Intl.NumberFormat для отображения в долларах США.

6️⃣ Инициалы учетной записи

Вычисляемый геттер генерирует инициалы из имени учетной записи для отображения в пользовательском интерфейсе.

-----------------------------------------
Шаги по встраиванию LWC в FlexCard

Развертывание LWC в Salesforce

Предоставление доступа к нему для использования в OmniStudio

Открытие конструктора FlexCard

Добавление пользовательского элемента LWC

Сопоставление record-id с {recordId}

Активация FlexCard

Тестирование на странице записи учетной записи
--------------------------------------------------
Что вы узнаете

Как встроить LWC в FlexCard

Как динамически передавать recordId

Как работает декоратор @api

Как использовать lightning/uiRecordApi

Как получать и форматировать данные учетной записи

Когда следует расширять FlexCard с помощью LWC

Этот учебник идеально подходит для:

Разработчиков OmniStudio

Разработчиков Salesforce

Всех, кто комбинирует LWC с FlexCard

Разработчиков, создающих динамический пользовательский интерфейс расширения
===============================
ВРЕМЕННЫЕ МЕТКИ:
00:00 – Введение и обзор вариантов использования
00:30 – Изучение кода LWC
03:40 – Создание Flexcard
04:10 – Встраивание LWC в FlexCard
05:45 – Тестирование на странице записи учетной записи

===========================
Ссылка на GitHub:
https://github.com/phoenix-0001/light...
===========================
Плейлисты:

ПОТОКИ SALESFORCE ПЛЕЙЛИСТ:
   • FLOWS  

ПЛЕЙЛИСТ OMNISTUDIO:
   • BUSINESS RULES ENGINE || OMNISTUDIO  

ПЛЕЙЛИСТ SALESFORCE OUT OF THE BOX:
   • SALESFORCE OUT OF THE BOX  

ПЛЕЙЛИСТ SALESFORCE APEX TRIGGERS:
   • APEX TRIGGERS  

SALESFORCE AGENTSTUDIO ПЛЕЙЛИСТ:
   • AGENTSTUDIO  

ПЛЕЙЛИСТ ПО ОБЛАЧНЫМ ДАННЫМ SALESFORCE:
   • DATA CLOUD  

===========================
ПОДПИСЫВАЙТЕСЬ НА МЕНЯ В:
Instagram: / caminos_infinitos_26
LinkedIn: / linkedin.com/in/pariplab-pal-077554160

​ @SalesforceAIChampions
​ @pariplabpal

===========================
#salesforce
#omnistudio
#flexcards
#lwc
#salesforcedeveloper
#apex
#lowcode