Konfigurowanie wbudowanego środowiska w usłudze Salesforce

Otwórz konsolę Salesforce Service, a następnie wybierz ikonę Konfiguracha (koło zębate) w prawym górnym rogu.

W polu wyszukiwania wpisz call center, a następnie w wynikach wyszukiwania wybierz Call Centers.

Jeśli konfigurujesz ten widżet po raz pierwszy, możesz zobaczyć stronę z komunikatem o treści Przywitaj się z Salesforce Call Center.

Wybierz Kontynuuj.

Otwórz edytor tekstu, a następnie skopiuj do niego poniższy kod XML i zapisz go w lokalizacji jako CopilotForServiceConfig.xml.

  <callCenter>
  <section sortOrder="0" name="reqGeneralInfo" label="General Information">
  <item sortOrder="0" name="reqInternalName" label="InternalName">CopilotForService</item>
  <item sortOrder="1" name="reqDisplayName" label="Display Name">Copilot For Service</item>
  <item sortOrder="2" name="reqAdapterUrl" label="CTI Adapter URL">https://TobeUpdated.ms</item>
  <item sortOrder="3" name="reqUseApi" label="Use CTI API">true</item>
  <item sortOrder="4" name="reqSoftphoneHeight" label="Softphone Height">600</item>
  <item sortOrder="5" name="reqSoftphoneWidth" label="Softphone Width">450</item>
  <item sortOrder="6" name="reqSalesforceCompatibilityMode" label="Salesforce Compatibility Mode">Classic_and_Lightning</item>
  </section>
 </callCenter>

Wybierz Import>Wybierz plik, a następnie przejdź do pliku CopilotForServiceConfig.xml zapisanego w kroku 4 i wybierz go.

Wybierz Importuj.

Wybierz Edytuj, a następnie w polu URL adaptera CTI wklej URL do widgetu usługi, który zapisałeś w kroku 1.

Wybierz pozycję Zapisz.

Wykonaj następujące kroki, aby dodać użytkowników usługi Salesforce:

1. W konsoli usługi Salesforce wybierz Zarządzanie użytkownikami Call Center>Dodaj więcej użytkowników.
2. Dodaj każdego użytkownika Salesforce, którego chcesz mieć do usługi, w widgetzie Microsoft 365 Copilot.

Wykonaj następujące czynności, aby dodać narzędzie telefonu programowego:

1. Wybierz Konfiguracja, a następnie wyszukaj i wybierz Menedżer aplikacji.
2. Znajdź aplikację Konsola serwisowa, wybierz odwrócony trójkąt w tym samym wierszu, a następnie wybierz Edycja.
3. Wybierz Produkty użytkowe>Dodaj produkt użytkowy.
4. Wyszukaj i wybierz Otwórz softphone CTI.
5. Wpisz nazwę swojego widżetu, na przykład "Usługa w Microsoft 365 Copilot."
6. Ustaw szerokość na 450 i wysokość na 600.
7. Wybierz pozycję Zapisz.

Wykonaj następujące kroki, aby włączyć wyskakujące okienka:

1. W Salesforce przejdź do konsoli usługi ze strony Aplikacje.
2. Włącz wyskakujące okienka, wybierając Zawsze zezwalaj na wyskakujące okienka i przekierowania z <url>.
3. Wybierz pozycję Gotowe.
4. Odśwież przeglądarkę. Usługa w dodatku Microsoft 365 Copilot powinna być teraz dostępna na pasku narzędzi konsoli agentów.

1. Otwórz konsolę usługi Salesforce i wybierz ikonę koła zębatego.

2. Wybierz Konsolę Dewelopera z listy rozwijanej. Jeśli się nie załaduje, skopiuj adres URL z wyskakującego okienka i otwórz go w nowej karcie.

3. W Konsoli Dewelopera, wybierz pozycję Plik>Nowy>Klasa Apex. Określ nazwę jako ObjectService i wybierz pozycję Utwórz, a następnie wklej następujący kod do edytora:

   public class ObjectService {
     @AuraEnabled
     public static String getObjectType(String objectId) {
       Id conId = objectId;
       return String.valueOf(conId.getSobjectType());
     }
   }
   

4. Wykonaj następujące kroki, aby utworzyć składnik Lightning:

   1. Wybierz Plik>Nowe>Składnik Lightning.
   2. Określ nazwę składnika. Na przykład CopilotForService.
   3. Wybierz pozycję Kontroler z panelu pakietu, który jest wyświetlany podczas tworzenia komponentu, a następnie wklej następujący kod:

   ({
     onTabFocused : function(component, event, helper) {
       var currentTabId = event.getParam('currentTabId');
       var previousTabId = event.getParam('previousTabId');
       var workspaceAPI = component.find("workspace");
       if(currentTabId) {       
         workspaceAPI.getTabInfo({
           tabId : currentTabId
         }).then(function(response) {
           var action = component.get("c.getObjectType");
           var recordId = response.recordId;
           action.setParams({"objectId": recordId});
           action.setCallback(this, function(response) {
             var state = response.getState();
             if(state === "SUCCESS") {
               component.set("v.objectType",response.getReturnValue());
               var type = response.getReturnValue();          
               console.log("Object details:", recordId, type);
               var objectType = 0;
               if (type == 'Case') {
                 objectType = 1;
               } else if (type == 'EmailMessage') {
                 objectType = 2;
               } else if (type == "LiveChatTranscript") {
                 objectType = 8;
               }
   
               console.log("iframe: ", document.querySelector('iframe.CFSLightning'));
               // Invoke adapter to navigate based on objectid and objecttype
               document.querySelector('iframe.CFSLightning').contentWindow.postMessage({
                 messageType: "onPageNavigateFromSFLightningComponent",
                 messageData: JSON.stringify({
                   value: JSON.stringify({
                     objectId: recordId,
                     objectType: objectType,
                     sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850"
                   })
                 })
               }, "*");
             } else {
               console.log('Problem updating the case, response state: ' + state);
             }
           });
           $A.enqueueAction(action);
         });
       } else {
         // When user navigates to the entity list page, switch to global session
         console.log("global!");
         document.querySelector('iframe.CFSLightning').contentWindow.postMessage({
           messageType: "onPageNavigateFromSFLightningComponent",
           messageData: JSON.stringify({
             value: JSON.stringify({
               objectId: "",
               objectType: 0,
               sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850"
             })
           })
         }, "*");
       }
     }
   })
   

   1. Wybierz pozycję Zapisz.
   2. Wybierz pozycję Składnik, a następnie skopiuj następujący kod:

   <aura:component controller="ObjectService" implements="force:lightningQuickAction,force:hasRecordId,flexipage:availableForAllPageTypes" access="global">
     <aura:attribute name="recordId" type="Id" />
     <aura:attribute name="objectType" type="String" />
     <lightning:workspaceAPI aura:id="workspace" />        
     <aura:handler event="lightning:tabFocused" action="{! c.onTabFocused }"/>
     <iframe class="CFSLightning" src="{! '{CFS_WIDGET_URL}'}" width="100%" height="100%" />   
   </aura:component>
   

   1. Zaktualizuj adres {CFS_WIDGET_URL} URL do usługi w Microsoft 365 widget widget, który zapisałeś w poprzednim kroku.

1. Wybierz Konfiguracja, a następnie wyszukaj i wybierz Menedżer aplikacji.
2. Wyszukaj, a następnie wybierz aplikację Konsola serwisowa. Zaznacz Edytuj.
3. Wybierz Produkty użytkowe>Dodaj produkt użytkowy.
4. Wyszukaj i wybierz niestandardowy składnik oświetlenia w Niestandardowe, CopilotForService w naszym przykładzie.
5. Określ nazwę widżetu. Na przykład usługa w Microsoft 365 Copilot.
6. Ustaw szerokość na 450 i wysokość na 600.
7. Wybierz pozycję Zapisz.

1. W Salesforce przejdź do konsoli usługi ze strony Aplikacje.
2. Włącz wyskakujące okienka, wybierając Zawsze zezwalaj na wyskakujące okienka i przekierowania z <url>.
3. Wybierz pozycję Gotowe.
4. Odśwież przeglądarkę. Usługa w dodatku Microsoft 365 Copilot powinna być teraz dostępna na pasku narzędzi konsoli agentów.

1. Wyszukaj Zaufane adresy URL w polu wyszukiwania w Ustawienia, a następnie wybierz Zaufane adresy URL.
2. Wybierz pozycję Nowy zaufany adres URL, aby dodać nowy zaufany adres URL.
   • Określ CopilotforService jako nazwę interfejsu API i adres URL jako "*.azureedge.net"
3. Zaznacz wszystkie pola wyboru w sekcji Dyrektywy CSP, a następnie wybierz opcję Zapisz.