Come configurare la tua esperienza di chat self-service basata su agenti dall'inizio alla fine - Amazon Connect
Cos'è lo streaming di messaggistica AI?Stato di abilitazioneCrea widget di comunicazioneProva l'esperienza di streaming

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Come configurare la tua esperienza di chat self-service basata su agenti dall'inizio alla fine

Nota

Gli agenti AI di orchestrazione richiedono che lo streaming di chat sia abilitato per i contatti di chat. Senza lo streaming di chat abilitato, alcuni messaggi non verranno visualizzati. Per informazioni, consulta Abilita lo streaming di messaggi per la chat basata sull'intelligenza artificiale.

Cos'è lo streaming di messaggistica AI?

AI Message Streaming è una funzionalità di Amazon Connect che consente la visualizzazione progressiva delle risposte degli agenti AI durante le interazioni in chat. Invece di aspettare che l'intelligenza artificiale generi una risposta completa prima di mostrare qualcosa al cliente, lo streaming mostra il testo mentre viene generato, creando un'esperienza di conversazione più naturale.

Come funziona

Con le risposte di chat standard, i clienti attendono che l'IA generi la risposta completa, quindi il messaggio completo viene visualizzato tutto in una volta. Con AI Message Streaming, i clienti vedono crescere una bolla di testo in cui le parole appaiono progressivamente man mano che l'IA le genera, come guardare qualcuno digitare in tempo reale.

Nota

Documentazione ufficiale: per il riferimento tecnico completo, vedere. Abilita lo streaming di messaggi per la chat basata sull'intelligenza artificiale

Vantaggi della visualizzazione progressiva del testo

Lo streaming di messaggi AI offre diversi vantaggi chiave per l'esperienza del cliente:

  • Riduzione del tempo di attesa percepito: i clienti vedono un'attività immediata anziché rimanere fermi davanti a un caricabatterie

  • Flusso di conversazione più naturale: il testo progressivo imita la digitazione umana, creando un'interazione più coinvolgente

  • Migliore coinvolgimento: i clienti possono iniziare a leggere la risposta mentre è ancora in fase di generazione

  • Messaggi di adempimento: gli agenti di intelligenza artificiale possono fornire messaggi provvisori come «Un momento mentre rivedo il tuo account» durante l'elaborazione

Chat standard e chat in streaming

La tabella seguente mette a confronto l'esperienza del cliente tra chat standard e chat in streaming:

Aspetto Chat standard Chat in streaming
Visualizzazione delle risposte Il messaggio completo viene visualizzato tutto in una volta Il testo viene visualizzato progressivamente (bolla in crescita)
Esperienza del cliente Attendi la risposta completa con l'indicatore di caricamento Guarda le parole apparire in tempo reale
Tempo di attesa percepito Più lungo (in attesa di una risposta completa) Più breve (feedback visivo immediato)
Sensazione di conversazione Transazionale Naturale, come chiacchierare con una persona
Messaggi di adempimento Non disponibile L'intelligenza artificiale può inviare aggiornamenti provvisori sullo stato
Gestione del timeout Lex Soggetto ai limiti di tempo previsti dalla Lex Elimina i limiti del timeout Lex

Stato di abilitazione

La disponibilità di AI Message Streaming dipende da quando è stata creata l'istanza Amazon Connect e da come è configurata.

Abilitazione automatica per nuove istanze

Le istanze Amazon Connect create dopo dicembre 2025 hanno AI Message Streaming abilitato per impostazione predefinita. L'attributo MESSAGE_STREAMING instance viene impostato automaticamente su true per queste istanze, quindi non è richiesta alcuna configurazione aggiuntiva.

Importante

Se utilizzi un AWS account con un'istanza Amazon Connect creata prima di dicembre 2025, potrebbe essere necessario abilitare manualmente AI Message Streaming. Segui le istruzioni nella documentazione Abilita lo streaming di messaggi per le chat basate sull'intelligenza artificiale per verificare l'MESSAGE_STREAMINGattributo dell'istanza e abilitarlo se necessario.

Autorizzazioni Amazon Lex Bot

AI Message Streaming richiede l'lex:RecognizeMessageAsyncautorizzazione per funzionare correttamente. Questa autorizzazione consente ad Amazon Connect di richiamare l'API di riconoscimento asincrono dei messaggi che consente lo streaming delle risposte.

Per nuove associazioni di bot Lex: quando associ un nuovo bot Amazon Lex alla tua istanza Amazon Connect, l'lex:RecognizeMessageAsyncautorizzazione richiesta viene automaticamente inclusa nella politica basata sulle risorse del bot. Non è necessaria alcuna configurazione aggiuntiva.

Importante

Se disponi di un bot Amazon Lex associato alla tua istanza Amazon Connect prima dell'attivazione di AI Message Streaming, potrebbe essere necessario aggiornare la policy basata sulle risorse del bot per includere l'autorizzazione. lex:RecognizeMessageAsync

Per aggiornare la tua politica sui bot Lex esistente:

  1. Accedi alla console Amazon Lex

  2. Seleziona il tuo bot e vai alla politica basata sulle risorse

  3. Aggiungi l'lex:RecognizeMessageAsyncazione alla dichiarazione politica che concede l'accesso ad Amazon Connect

  4. Salva la politica aggiornata

Per istruzioni dettagliate, consulta la sezione Autorizzazioni dei bot Lex nella AWS documentazione.

Crea widget di comunicazione

Amazon Connect Communications Widget è un'interfaccia di chat incorporabile che puoi aggiungere a qualsiasi sito Web. In questa sezione, creerai e configurerai un widget per testare AI Message Streaming. Puoi saltare questa sezione se prevedi di utilizzare il tuo widget di chat con i clienti.

  1. Nella console Amazon Connect, accedi alla tua istanza

  2. Fai clic su Canali nel menu di navigazione a sinistra

  3. Fai clic sul widget Comunicazioni

  4. Vedrai la pagina di gestione dei widget di comunicazione

Nota

Cos'è il widget di comunicazione? Il Communications Widget è la soluzione di out-of-the-box chat di Amazon Connect. Fornisce un'interfaccia di chat completamente funzionale che puoi incorporare nei siti Web utilizzando un semplice JavaScript frammento. Il widget gestisce tutta la complessità legata alla creazione di connessioni, alla gestione delle sessioni e alla visualizzazione dei messaggi.

Fase 2: Creare un nuovo widget

  1. Fai clic su Aggiungi widget per creare un nuovo widget di comunicazione

  2. Inserisci i seguenti dettagli:

    • Nome: AI-Streaming-Demo-Widget

    • Descrizione: Widget for testing AI Message Streaming

  3. In Opzioni di comunicazione, assicurati che sia selezionata l'opzione Aggiungi chat

  4. Seleziona Self Service Test Flow come flusso di contatti della chat

  5. Fai clic su Salva e continua per passare alla pagina di configurazione

Selezione del flusso di contatti

Assicurati di selezionare un flusso di contatti che:

  • Ha le impostazioni di base configurate (crea una sessione AI, la registrazione, ecc.)

  • Percorsi verso il tuo bot Lex con l'integrazione di AI Agent

  • Dispone di una corretta gestione degli errori per le disconnessioni

Se non hai ancora creato un flusso di contatti, completa prima la sezione Creazione del flusso.

Passaggio 3: Personalizza l'aspetto del widget

Personalizza l'aspetto del widget di chat in modo che corrisponda al tuo marchio e seleziona Salva e continua.

Fase 4: Configurazione dei domini consentiti

Il widget di comunicazione viene caricato solo su siti Web esplicitamente consentiti. Questa funzionalità di sicurezza impedisce l'uso non autorizzato del widget.

  1. Scorri verso il basso fino a Domini consentiti

  2. Fai clic su Aggiungi dominio e aggiungi il seguente dominio per il test su localhost:

    • http://localhost

  3. Seleziona No nella sezione Sicurezza

  4. Se prevedi di eseguire la distribuzione su un sito Web di produzione in un secondo momento, aggiungi anche questi domini e assicurati di configurare la sicurezza (ad esempio,) https://www.example.com

Passaggio 5: Salva e ottieni il codice del widget

  1. Fai clic su Salva e continua a salvare la configurazione del widget

  2. Dopo la creazione, vedrai la pagina dei dettagli del widget con il codice di incorporamento

  3. Importante: copia e salva i seguenti valori dal frammento di codice di incorporamento:

    • URI del client: l'URL del file del widget JavaScript

    • ID del widget: un identificatore univoco per il widget

    • Snippet ID: una stringa di configurazione con codifica Base64

Fase 6: Configurazione dell'ambiente di test locale

Per testare il widget localmente, creerai un semplice file HTML che carica il widget di comunicazione.

  1. Crea una nuova cartella sul tuo computer per il test (ad esempio,ai-streaming-test)

  2. Scarica l'immagine di sfondo per la pagina demo e background.jpg salvala come nella cartella di test

  3. Crea un nuovo file chiamato index.html nella tua cartella di test con il seguente contenuto:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <style>
        body {
            background-image: url("background.jpg");
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>
    <title>AI Message Streaming Demo</title>
</head>
<body>
    <div id="root"></div>
    <script type="text/javascript">
      (function(w, d, x, id){
        s=d.createElement('script');
        s.src='REPLACE_WITH_CLIENT_URI';
        s.async=1;
        s.id=id;
        d.getElementsByTagName('head')[0].appendChild(s);
        w[x] = w[x] || function() { (w[x].ac = w[x].ac || []).push(arguments) };
      })(window, document, 'amazon_connect', 'REPLACE_WITH_WIDGET_ID');
      amazon_connect('styles', {
        iconType: 'CHAT',
        openChat: { color: '#ffffff', backgroundColor: '#ff9200' },
        closeChat: { color: '#ffffff', backgroundColor: '#ff9200'}
      });
      amazon_connect('snippetId', 'REPLACE_WITH_SNIPPET_ID');
      amazon_connect('supportedMessagingContentTypes', [
        'text/plain',
        'text/markdown',
        'application/vnd.amazonaws.connect.message.interactive',
        'application/vnd.amazonaws.connect.message.interactive.response'
      ]);
      amazon_connect('customStyles', {
        global: { frameWidth: '500px', frameHeight: '900px'}
      });
    </script>
</body>
</html>

Fase 7: Sostituire i valori segnaposto

Sostituisci i valori segnaposto nel file HTML con i valori effettivi del widget:

Placeholder Sostituisci con Esempio
REPLACE_WITH_CLIENT_URI L'URI del tuo client dal passaggio 5 https://d2s9x5slqf05.cloudfront.net/amazon-connect-chat-interface-client.js
REPLACE_WITH_WIDGET_ID Il tuo ID del widget del passaggio 5 amazon_connect_widget_abc123
REPLACE_WITH_SNIPPET_ID Il tuo ID dello snippet del passaggio 5 QVFJREFIaWJYbG...(stringa Base64 lunga)

Fase 8: Avviare un server Web locale

Per testare il widget, è necessario servire il file HTML da un server web locale. Ecco diverse opzioni:

Opzione A: Python (se installato)

python -m http.server 8001
Opzione B: Node.js (se installato)

npx http-server -p 8001
Opzione C: estensione del server VS Code Live

  • Installa l'estensione «Live Server» in VS Code

  • Fai clic con il tasto destro index.html e seleziona «Apri con Live Server»

Dopo aver avviato il server, apri il browser e vai a: http://localhost:8001

Dovresti vedere la pagina demo con un pulsante di chat arancione nell'angolo in basso a destra.

Prova l'esperienza di streaming

Ora che il widget è caricato, è il momento di testare AI Message Streaming e osservare la visualizzazione progressiva del testo in azione.

Cosa cercare: streaming e non streaming

Comprendere la differenza tra le risposte in streaming e quelle non in streaming ti aiuta a verificare che AI Message Streaming funzioni:

Comportamento Non in streaming (standard) Streaming (streaming di messaggi AI)
Display iniziale Caricamento dell'indicatore o digitazione di punti Il testo inizia ad apparire immediatamente
Aspetto del testo Il messaggio completo viene visualizzato tutto in una volta Le parole appaiono progressivamente (bolla crescente)
Tempi di risposta Attendi che l'IA finisca la generazione Visualizza la risposta mentre viene generata
Effetto visivo «Pop» del testo completo Testo fluido e scorrevole, come se si stesse guardando qualcuno che digita