Utvide forhåndsvisning og testing i Marketing Cloud Neste

Trinn 1: Opprette og distribuere en Lightning

Opprett en LWC og distribuer den til organisasjonen. Komponenten inneholder innholdet som vises i den tilpassede fanen. Bruk katalogstrukturen og filinnholdet som er angitt i prosedyren.

1. Opprett en katalogstruktur for komponenten:

   
   lwc/
     customTab/
       customTab.html
       customTab.js
       customTab.js-meta.xml
   package.xml
   

   Se Opprette Lightning-nettkomponenter.
2. Legg til denne koden i customTab.html:

   
   <template>
     <div style="padding: 20px;">
       <div>This content appears in the custom tab.</div>
       <div>previewData.channelType: {previewData.channelType}</div>
       <div>previewData.content: {previewData.content}</div>
       <div>previewData.contentKey: {previewData.contentKey}</div>
       <div>previewData.emailSubject: {previewData.emailSubject}</div>
       <div>previewData.emailPreheader: {previewData.emailPreheader}</div>
     </div>
   </template>
   

3. Legg til denne koden i customTab.js:

   
   import { LightningElement, api } from "lwc";
   export default class CustomTab extends LightningElement {
       @api previewData;
   }
   

4. Legg til disse metadataene i customTab.js-meta.xml:

   <?xml version="1.0" encoding="UTF-8"?>
   <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
       <apiVersion>64.0</apiVersion>
       <isExposed>true</isExposed>
       <capabilities>
           <capability>lightning__dynamicComponent</capability>
       </capabilities>
   </LightningComponentBundle>
        

5. Legg til dette innholdet i package.xml:

   
   <?xml version="1.0" encoding="UTF-8"?>
   <Package xmlns="http://soap.sforce.com/2006/04/metadata">
       <types>
           <members>*</members>
           <name>LightningComponentBundle</name>
       </types>
       <version>64.0</version>
   </Package>
   

6. Distribuer komponenten til organisasjonen.
   Se Distribuere med dine egne verktøy.

Trinn 2: Opprette en UiPreviewMessageTabDef-oppføring

1. Klikk på oppsettikonet i organisasjonen og velg Utviklerkonsoll.
2. Klikk på fanen Spørringsredigering i Developer Console.
3. Merk av for Bruk Tooling API nederst i spørringsredigeringen.
4. Skriv inn følgende spørring, og klikk deretter på Utfør:

   SELECT Id, DeveloperName, TabName, IsActive, SupportedChannel, LightningComponentDefId
   FROM UiPreviewMessageTabDef
   

5. Klikk på Sett inn rad, og oppgi verdier for hvert nødvendige felt. Du finner feltbeskrivelser i UiPreviewMessageTabDef.
6. Kjør følgende spørring i spørringsredigeringen for å hente ID-en til LWC-et du distribuerte:

   SELECT Id, DeveloperName, IsExposed, NamespacePrefix
   FROM LightningComponentBundle
   WHERE IsExposed = true
   

7. Kopier Id-verdien fra komponenten og skriv den inn i feltet LightningComponentDefId.
8. Klikk på Lagre rader.

Trinn 3: Pakk utvidelsen