Integração do Dialogflow com o Google Chat

Ao integrar o Dialogflow ao Google Chat, você aproveita os recursos nos dois serviços:

  • Google Chat Fornece uma plataforma de mensagens com uma interface de usuário de front-end para conversas individuais e espaços de bate-papo. Com o Google Chat, você pode melhorar as interfaces do usuário criando cards com ícones, imagens, botões, campos de entrada de texto ou apps como o Google Maps.
  • Dialogflow. Fornece uma plataforma de processamento de linguagem natural para conversas automatizadas e respostas dinâmicas. Por meio do Dialogflow, é possível interpretar e atender às intents do usuário, por exemplo, para programar agendamentos ou processar compras.

Embora também seja possível usar o Google Chat para atender a solicitações de usuários, o Dialogflow permite que os usuários expressem as solicitações por meio de conversas regulares.

Como funciona

Depois de criar um app do Google Chat com o Dialogflow ativado, é possível disponibilizá-lo para:

  • Público em geral. Usuários licenciados do Google Workspace podem fazer o download do seu app no Google Workspace Marketplace.
  • Domínio do Google Workspace. Um administrador do Google Workspace pode especificar quais apps os usuários podem adicionar ao Google Chat.
  • Testadores de aplicativo. Ao testar o app, é possível restringir o acesso a ele.

No Google Chat, um usuário pode ter uma conversa direta com seu app ou invocá-lo em um espaço. O seguinte acontece:

  1. Um usuário envia uma mensagem para um app de chat.
  2. O Google Chat envia uma solicitação JSON ao app Chat, que pode ser hospedada no Cloud Functions.
  3. O app Chat recebe e analisa a solicitação JSON. Durante essa análise, o aplicativo Chat invoca o Dialogflow.
  4. O aplicativo de chat envia uma solicitação ao Dialogflow que inclui o texto da mensagem em linguagem natural do usuário.
  5. O Dialogflow interpreta o texto do usuário e envia uma resposta ao app Chat.
  6. O app Chat analisa a resposta do Dialogflow e envia uma resposta JSON ao Google Chat.
  7. O Google Chat recebe a resposta JSON do app Chat e renderiza uma resposta na forma de uma mensagem de texto, uma mensagem de card ou uma mensagem de diálogo na UI.
  8. O Google Chat compartilha essa resposta no estado em que se encontra ou apresenta uma resposta avançada usando uma UI baseada em cartão.

Nesta página, descrevemos como integrar o Dialogflow ao Google Chat e configurar respostas avançadas.

Limitações

Com as integrações do Google Chat, um agente do Dialogflow pode usar apenas a linguagem de agente padrão.

Antes de começar

Apenas usuários licenciados do Google Workspace podem usar os apps do Google Chat. O administrador do Google Workspace precisa fazer o seguinte:

Criar um agente do Dialogflow

Se você ainda não criou um agente do Dialogflow, mas quer ver como ele interage com o Google Chat, siga este guia de início rápido para criar um agente simples. No entanto, não exclua o agente. Em seguida, configuramos o agente com uma interface do Google Chat.

Configurar o Google Chat

Para configurar o agente do Dialogflow no Google Chat, use uma das seguintes opções:

Configurar o Google Chat usando o console do Dialogflow

Para integrar o Google Chat usando o console do Dialogflow, siga estas etapas:

  1. Acesse o Console do Dialogflow ES.
  2. No menu à esquerda, selecione um projeto do Dialogflow.
  3. Clique em Integrations.
  4. Clique em Google Chat. Se o Google Chat não for uma das opções, consulte Resolver problemas.
  5. Selecione quem pode acessar o aplicativo.
  6. [Opcional] Selecione um ambiente para executar o agente.
  7. Clique em Iniciar.

Agora o app Google Chat está disponível e disponível para as pessoas selecionadas.

Para configurar o app, clique em Google Chat novamente e em CONFIGURAR DETALHES DO BOT. Isso exibe a página do Console do Google Cloud para a API Google Chat, em que é possível configurar parâmetros de app como o avatar do app.

Configurar o Google Chat usando o Console do Google Cloud

Para integrar o Google Chat usando o Console do Google Cloud, siga estas etapas:

  1. Selecione o projeto do Dialogflow.

    Acessar o seletor de projetos

  2. Clique em .

  3. Clique em APIs e serviços e em Biblioteca.

  4. Pesquise e clique em API Google Chat.

  5. Selecione Ativar.

  6. Clique na guia Configuração.

  7. Configure o aplicativo.

  8. No painel Visibilidade, selecione quem pode acessar o aplicativo:

    • Testadores de apps. Selecione Disponibilizar este chat para pessoas específicas e digite os endereços de e-mail delas.
    • Domínio público ou empresarial do Google Workspace. Publique o app.

  9. Clique em Save. Seu app Google Chat está ativo e disponível para as pessoas selecionadas.

Teste

Antes de testar seu app de chat, verifique se você o iniciou, conforme descrito em Configurar o Google Chat.

Você pode testar seu aplicativo usando um destes métodos:

Bater papo diretamente com o aplicativo

  1. Abra o Google Chat.
  2. No painel Bate-papo, clique em + e selecione Encontrar aplicativos.
  3. Pesquise e selecione seu app. Se o Google Chat não listar seu app, consulte Resolver problemas.
  4. Clique em Chat.
  5. No campo de entrada do chat, digite uma frase em linguagem natural para testar o app.

Invocar o app em um espaço

  1. Abra o Google Chat.
  2. No painel Espaços, clique em + e selecione Criar um espaço.
  3. Digite o nome do espaço Test.
  4. Clique em Criar.
  5. No campo de entrada do bate-papo, digite @ e selecione seu aplicativo para completar automaticamente o nome.
  6. Depois do nome do app preenchido automaticamente, insira uma frase de idioma natural para testá-lo.

Resolver problemas

Erro Solução
A página Console do Dialogflow ES > Integrações não exibe o Google Chat como uma opção. Tente atualizar a página: no menu à esquerda, clique em Intents e depois em Integrations.
O Google Chat não lista seu app como disponível. Confirme que o administrador do Google Workspace adicionou uma conta do Google Workspace para você e permitiu que os usuários instalem apps de chat. Em seguida, confirme que você iniciou o app Chat, conforme descrito em Configurar o Google Chat.

Mensagens de resposta avançadas

Essa integração traduz algumas mensagens de resposta ricas para os formatos de mensagem do Google Chat.

Respostas de texto

As respostas de texto são enviadas ao Google Chat como mensagens de texto. Com essa formatação, o texto pode ficar em negrito ou itálico unindo o texto em determinados símbolos (luz de marcação).

A resposta da mensagem de texto é visualmente igual à resposta de texto padrão no Console do Dialogflow. No entanto, a resposta bruta da API será um pouco diferente. Ele também define a configuração da plataforma como GOOGLE_HANGOUTS, o que pode ser interessante ao criar agentes para várias integrações.

"fulfillmentMessages": [
{
   "text": {
   "text": [
        "This is a test."
   ]
},
  "platform": "GOOGLE_HANGOUTS"
},

Cartões

As respostas do cartão são enviadas ao Google Chat como mensagens do cartão.

Imagens

As respostas de imagem são enviadas ao Google Chat como widgets de imagem do Google Chat.

Payload personalizado

Para enviar outros tipos de mensagens do Google Chat, use um payload personalizado.

Com o payload personalizado do Google Chat, você pode criar cards mais avançados. Um card pode ter uma ou várias seções. Cada seção pode ter um cabeçalho. Confira o guia de referência de cards de mensagens de formato do Google Chat para ver algumas das combinações que você pode criar com isso. No entanto, se você usa payloads personalizados, será necessário fornecer o formato JSON.

Veja um exemplo de payload personalizado usando o formato Cards v1:

{
  "hangouts": {
    "header": {
      "title": "Pizza Delivery Customer Support",
      "subtitle": "pizzadelivery@example.com",
      "imageUrl": "https://goo.gl/aeDtrS"
    },
    "sections": [{
      "widgets": [{
        "keyValue": {
          "icon": "TRAIN",
          "topLabel": "Order No.",
          "content": "12345"
        }
      },
      {
        "keyValue": {
          "topLabel": "Status",
          "content": "In Delivery"
        }
      }]
    },
    {
      "header": "Location",
      "widgets": [{
        "image": {
          "imageUrl": "https://dummyimage.com/600x400/000/fff"
        }
      }]
    },
    {
      "header": "Buttons - I could leave the header out",
      "widgets": [{
        "buttons": [{
          "textButton": {
            "text": "OPEN ORDER",
            "onClick": {
              "openLink": {
                "url": "https://example.com/orders/..."
              }
            }
          }
        }]
      }]
    }]
  }
}

Parar o app Chat

Para interromper a disponibilidade do app Google Chat, você pode usar uma destas opções:

Parar o app Chat usando o console do Dialogflow

  1. Acesse o Console do Dialogflow ES.
  2. No menu à esquerda, selecione um projeto do Dialogflow.
  3. Clique em Integrations.
  4. Clique em Google Chat. Se o Google Chat não for uma das opções, consulte Resolver problemas.
  5. Clique em Stop.

Parar o app Chat usando o Console do Google Cloud

  1. Selecione o projeto do Dialogflow no Console do Google Cloud.

    Acessar o seletor de projetos

  2. Clique em .

  3. Clique em APIs e serviços e em Biblioteca.

  4. Pesquise e clique em API Google Chat.

  5. Selecione Gerenciar.

  6. Clique na guia Configuração.

  7. No campo Status do app, selecione DESATIVADO.

Mais informações

Veja mais informações sobre o uso do Google Chat em: