Integrazione della chat di Salesforce

Questa integrazione della chat utilizza un componente web Lightning (LWC) di Salesforce per integrarsi con i moduli dell'interfaccia utente di Agent Assist per le conversazioni di chat.

Ecco una panoramica generale dell'integrazione della chat:

Architettura dell'integrazione della chat di Agent Assist con Salesforce

Prima di iniziare

Per integrare i moduli dell'interfaccia utente di Assistente agente con Salesforce, devi accedere alle seguenti risorse:

Node.js: segui le istruzioni di installazione consigliate per il tuo sistema operativo.
Salesforce CLI: segui le istruzioni di installazione consigliate per il tuo sistema operativo.
Google Cloud CLI: installa il comando gcloud come indicato ed esegui l'autenticazione utilizzando gcloud auth login.
Salesforce: accedi all'URL dell'istanza o alla pagina di accesso a Salesforce e prendi nota di quanto segue:
- L'URL Il mio dominio di Salesforce. Per trovare l'URL del mio dominio, segui questi passaggi:
  1. Vai alla barra dei menu > menu Configurazione.
  2. Fai clic su Configurazione.
  3. Nella casella Ricerca rapida, inserisci Il mio dominio. Il nome di dominio è nel seguente formato: MY-DOMAIN-NAME.develop.my.salesforce.com.
- L'ID organizzazione Salesforce. Segui questi passaggi per trovare l'ID dell'organizzazione:
  1. Vai alla barra dei menu > menu Configurazione.
  2. Fai clic su Configurazione.
  3. Nella casella Ricerca rapida, inserisci Informazioni azienda.
Nota: questi passaggi di integrazione sono stati testati solo con Salesforce Developer Edition. Se utilizzi un'altra versione, potrebbero verificarsi differenze nelle licenze delle funzionalità e nell'interfaccia di Salesforce.
Backend di integrazione di Agent Assist:
1. Segui le istruzioni per configurare l'integrazione.
2. Prima di eseguire lo script di deployment, configura le seguenti variabili di ambiente con deploy.sh o in un file .env nella radice del progetto:
  - AUTH_OPTION: imposta questo valore su SalesforceLWC.
  - SALESFORCE_DOMAIN: un nome di dominio simile a YOUR_SUBDOMAIN.develop.lightning.force.com. Hai annotato questo valore nel prerequisito di Salesforce. Tieni presente che non devi includere https://.
  - SALESFORCE_ORGANIZATION_ID: hai annotato questo valore nel prerequisito di Salesforce.

Passaggio 1: configura il progetto di sviluppo Salesforce

Per iniziare a integrare i moduli dell'interfaccia utente di Agent Assist, segui questi passaggi.

Esegui il seguente codice per clonare il repository di integrazione di Agent Assist e aprire il tuo progetto:
```
git clone https://github.com/GoogleCloudPlatform/agent-assist-integrations
cd salesforce/aa-lwc
```
Esegui questi comandi per scaricare i file JavaScript dei moduli UI che deployerai in un secondo momento come risorse statiche. Salesforce richiede risorse statiche per caricare JavaScript di terze parti. Inoltre, impone un limite di 5 MB per i file di risorse statiche, pertanto i file JavaScript vengono caricati come file zip.
```
npm run generate-static-resources
npm install
```

Passaggio 2: configura l'ambiente Salesforce

Puoi integrare i moduli dell'interfaccia utente di Agent Assist in un ambiente specifico, ad esempio produzione o sviluppo. Salesforce chiama questi ambienti organizzazioni (org).

Configurare l'organizzazione nella console Salesforce

Nella console Salesforce, segui questi passaggi per configurare l'organizzazione per l'integrazione di Assistente agente.

Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella finestra Quick Find (Ricerca rapida), inserisci Omni-Channel Settings (Impostazioni omnicanale), quindi fai clic su Omni-Channel Settings.
1. Seleziona Attiva Omni-Channel.
2. Seleziona Accedi automaticamente a Omni-channel nella nuova finestra o scheda.
3. Fai clic su Salva.
Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella finestra Quick Find (Ricerca rapida), inserisci Community, quindi fai clic su Esperienze digitali > Impostazioni.
1. Seleziona Enable Experience Workspaces (Attiva spazi di lavoro dell'esperienza).
2. Fai clic su Salva.

Configurare l'organizzazione con la CLI di Salesforce

Segui questi passaggi per utilizzare la CLI di Salesforce per configurare l'organizzazione per l'integrazione di Agent Assist.

Esegui il seguente codice e autentica la CLI utilizzando le credenziali di accesso a Salesforce che utilizzi normalmente.
```
npm run login
```
Esegui il seguente codice per eseguire il deployment del componente LWC nell'organizzazione.
```
npm run deploy
```

Passaggio 3: crea un'app client esterna

LWC di Salesforce utilizza il flusso delle credenziali client OAuth 2.0 per autenticarti. Un'app client esterna consente il flusso delle credenziali client. Utilizza la chiave utente e il segreto utente dell'app per configurare il componente web Lightning di Salesforce per autenticare gli utenti con Salesforce.

Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella casella Ricerca rapida, inserisci Gestione app client esterna.
1. Fai clic su External Client App Manager > New External Client App > Create, poi inserisci le seguenti informazioni.
  - Nome dell'app client esterna: lwc auth
  - Nome API: lwc_auth
  - Email di contatto: your_email@example.com
  - API (Enable OAuth Settings) (API (Abilita impostazioni OAuth)) > Enable OAuth (Abilita OAuth): selezionato
  - API (Enable OAuth Settings) > Callback URL: https://login.salesforce.com/services/oauth2/callback
  - API (Enable OAuth Settings) (API (Abilita impostazioni OAuth)) > Selected OAuth Scopes (Ambiti OAuth selezionati): accedi al servizio URL identità
  - API (Enable OAuth Settings) > Enable Client Credentials Flow (API (Abilita impostazioni OAuth) > Abilita flusso credenziali client): Selezionato
2. Fai clic su Crea.
Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella casella Ricerca rapida, inserisci Gestione app client esterna.
1. Fai clic sul nome dell'app client esterna > Modifica.
2. Vai a OAuth Policies (Norme OAuth) > OAuth Flows and External Client App Enhancements (Miglioramenti dei flussi OAuth e dell'app client esterno).
3. Assicurati che l'opzione Abilita flusso credenziali client sia selezionata.
4. In Esegui come, inserisci il tuo nome utente di accesso.
5. Fai clic su Salva.
Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella casella Ricerca rapida, inserisci Gestione app client esterna.
1. Fai clic sul nome dell'app client esterna > Modifica.
2. Vai a OAuth Settings (Impostazioni OAuth) > App Settings (Impostazioni app) > Consumer Key and Secret (Chiave e segreto del consumatore).
3. Inserisci il codice di verifica inviato al tuo indirizzo email.
4. Copia la chiave utente e il secret consumer in un luogo sicuro. Ti serviranno per un passaggio successivo.

Stabilisci policy di condivisione delle risorse tra origini (CORS) e di sicurezza dei contenuti

Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione.
Nella casella Ricerca rapida, inserisci CORS, quindi fai clic su Modifica.
1. Seleziona Attiva CORS per gli endpoint OAuth.
2. Fai clic su Salva.
Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione.
Nella casella Ricerca rapida, inserisci URL attendibili, quindi fai clic su Nuovo URL attendibile.
Inserisci le seguenti informazioni:
- Nome API: ui_connector
- URL: inserisci l'URL dell'endpoint del servizio Cloud Run del connettore UI che hai eseguito il deployment con il backend dell'integrazione di Agent Assist. Puoi trovare questo URL nella console Cloud Run. Ad esempio: https://UI_CONNECTOR_SUBDOMAIN.GCP_REGION.run.app.
- Direttive CSP: seleziona tutte le caselle di controllo.
- Fai clic su Salva e nuovo.
Inserisci le seguenti informazioni:
- Nome API: ui_connector_wss
- URL: inserisci l'URL Secure WebSockets per l'endpoint del servizio UI Connector: wss://UI_CONNECTOR_SUBDOMAIN.GCP_REGION.run.app.
- Direttive CSP: seleziona tutte le caselle di controllo.
- Fai clic su Salva e nuovo.
Inserisci le seguenti informazioni:
- Nome API: salesforce_domain
- URL: inserisci l'URL del tuo dominio Salesforce nel seguente formato: https://YOUR_SUBDOMAIN.my.salesforce.com.
- Direttive CSP: seleziona tutte le caselle di controllo.
- Fai clic su Salva.

Passaggio 4: configura il client di chat

Per utilizzare i moduli dell'interfaccia utente di Agent Assist con Salesforce, devi disporre di un client di chat sul desktop dell'agente.

Configurare la chat avanzata

Per configurare il messenger, segui questi passaggi.

Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Inserisci una ricerca Ricerca rapida per Code, poi fai clic su Nuova.
1. Inserisci le seguenti informazioni:
  - Etichetta: Messaging Queue
  - Nome coda: Messaging_Queue
  - Configurazione del routing: Messaging_Routing_Configuration
2. Fai clic su Oggetti supportati, quindi aggiungi Utente di messaggistica e Sessione di messaggistica.
3. Fai clic su Membri della coda, quindi aggiungi Utente: il tuo utente di accesso.
4. Fai clic su Salva.
Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella casella Ricerca rapida, inserisci Set di autorizzazioni.
1. Fai clic su Messaging Agents Permission Set (Set di autorizzazioni per gli agenti di messaggistica).
2. Fai clic su Accesso agli stati di presenza del servizio > Modifica.
3. Seleziona gli stati Occupato e Online - Messaggistica.
4. Fai clic su Aggiungi > Salva.
Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella casella Ricerca rapida, inserisci Utenti, quindi fai clic su Utenti.
1. Fai clic sul tuo nome utente e verifica che l'opzione Utente Service Cloud sia attivata.
2. Trova Permission Set License Assignments (Assegnazioni licenze set di autorizzazioni) nella pagina.
3. Fai clic su Modifica assegnazioni, poi seleziona Enhanced Chat User.
4. Fai clic su Salva.
5. Trova Permission Set Assignments (Assegnazioni set di autorizzazioni) nella pagina.
6. Fai clic su Modifica assegnazioni e poi seleziona Set di autorizzazioni agente di messaggistica.
7. Fai clic su Aggiungi > Salva.
Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella finestra Quick Find (Ricerca rapida), inserisci Messaging Settings (Impostazioni di messaggistica), quindi fai clic su New Channel (Nuovo canale).
1. Seleziona Chat avanzata.
2. Inserisci il Nome: Messaging Channel.
3. Fai clic su Salva.
4. Imposta Tipo di routing su Omni-Queue e Coda su Coda messaggi.
5. Fai clic su Salva e vai a Impostazioni di messaggistica.
6. Fai clic sul nome del tuo canale di messaggistica, poi su Attiva.
7. Dopo averli letti, accetta i Termini e condizioni.
Vai alla barra dei menu > menu Configurazione, poi fai clic su Configurazione. Nella casella Ricerca rapida, inserisci Implementazioni del servizio incorporato, quindi fai clic su Nuova implementazione.
1. Fai clic su Chat avanzata > Avanti > Web > Avanti.
2. Completa i seguenti dettagli:
  - Nome: Messaging Embedded Service Deployment
  - Nome sviluppatore: Messaging_Embedded_Service_Deployment
  - Dominio: example.com
  - Canale: Canale di messaggistica
3. Fai clic su Salva. Attendi il completamento del deployment.
4. Nelle impostazioni di Embedded Service Deployment, fai clic su Pubblica.
5. Fai clic su Aggiorna, poi su Test Messaging (Test messaggistica).

Testare la chat avanzata

Segui questi passaggi per testare il tuo messenger.

Fai clic su Test Messaging (Prova messaggistica).
Dopo il caricamento della nuova scheda, fai clic sul fumetto per avviare una nuova conversazione di test.
Invia un messaggio, ad esempio Test.
Vai alla scheda del browser Salesforce.
Nella barra degli strumenti Configurazione, fai clic sul menu App Launcher e seleziona Service Console (Console di servizio).
Fai clic su Omnicanale nella barra degli strumenti delle utilità.
Imposta il tuo stato su Online - Messaggi.
Accetta il messaggio in arrivo. Si apre una nuova scheda nella Service Console per la conversazione. Non puoi visualizzare la trascrizione della chat.
Vai alla barra dei menu > menu Configurazione.
Fai clic su Modifica pagina.
Dal menu Componenti, trascina il componente Conversazione avanzata nel riquadro Conversazione.
Fai clic su Salva > Attiva > Assegna come predefinito dell'organizzazione > Desktop > Indietro .
Aggiorna la pagina.
Fai clic su Omnicanale nella barra degli strumenti delle utilità.
Imposta il tuo stato su Online - Messaggi.
Rispondi al messaggio Test per verificare che la messaggistica funzioni.

Se hai difficoltà e hai bisogno di maggiori informazioni, consulta la guida completa alla configurazione della chat avanzata di Salesforce.

Passaggio 5: installa il componente web Lightning di Salesforce

Segui questi passaggi per aggiungere il componente LWC di Salesforce a una pagina della sessione di messaggistica utilizzando l'editor Lightning Experience. Continua con la conversazione di test del passaggio 4.

Vai alla barra dei menu > menu Configurazione, poi fai clic su Modifica pagina.
Dalla barra laterale Componenti, sposta agentAssistContainerModule nella barra laterale.

Nota: questo componente è stato fornito dal comando npm deploy.
Fai clic sul componente inserito nel passaggio precedente.
Compila i campi del modulo come segue per aggiungere i dettagli di configurazione.
- Endpoint: l'URL del connettore UI del backend di integrazione dell'agente, ad esempio un URL della console Cloud Run, come: https://UI_CONNECTOR_ENDPOINT.GCP_REGION.run.app
- funzionalità: Funzionalità di Agent Assist attivate nel profilo di conversazione, ad esempio CONVERSATION_SUMMARIZATION,KNOWLEDGE_ASSIST_V2,SMART_REPLY e AGENT_COACHING
- channel: indica che il canale è chat.
- platform: indica che la piattaforma è messaging.
- conversationProfile: il nome della risorsa del tuo profilo di conversazione di Agent Assist (esempio: projects/GCP_PROJECT_ID/locations/GCP_REGION/conversationProfiles/CONVERSATION_PROFILE_ID)
- consumerKey: la chiave utente dell'app client esterna del passaggio 3.
- consumerSecret: il secret utente dell'app client esterna del passaggio 3.