Usando a integração do Dialogflow com o Facebook Messenger, você pode criar um bot do Facebook Messenger para interagir com os usuários finais.
Como funciona
A integração funciona assim:
- Você cria um aplicativo do Facebook que usa a plataforma Facebook Messenger.
- Você configura a integração do Dialogflow e o aplicativo do Facebook para que eles se comuniquem entre si.
- A integração do Dialogflow envia mensagens para o usuário final usando a API Facebook Messenger.
- A integração do Dialogflow recebe mensagens do usuário final agindo como webhook do Facebook Messenger.
Instalação
Para configurar a integração:
Siga as etapas para criar um aplicativo do Facebook: Desenvolvimento de aplicativos do Facebook.
Configure o aplicativo do Facebook para usar a plataforma do Facebook Messenger. Siga as etapas na documentação Como configurar seu aplicativo do Facebook para:
- Adicionar a plataforma do Messenger ao seu aplicativo do Facebook.
- Inscrever seu aplicativo em uma página do Facebook. Verifique se
messages
emessaging_postbacks
estão ativados na assinatura da página. - Você receberá um token de acesso nessa etapa. Copie esse valor. Esse token será usado para configurar a integração do Console do Dialogflow.
- Não configure o webhook nem teste sua integração ainda.
Configure a integração no Console do Dialogflow:
- Acesse o Console do Dialogflow CX.
- Clique na guia Gerenciar no painel à esquerda.
- Clique em Integrations no menu da barra lateral à esquerda.
- Clique no botão Conectar no bloco do Facebook Messenger.
Uma caixa de diálogo de configuração é aberta.
Secret do app: insira a chave secreta do app nas Configurações básicas do painel de apps do Facebook.
Verificar token: você pode inserir qualquer token privado. Copie esse valor. Isso será usado para configurar o webhook do Facebook Messenger.
Token de acesso à página: digite o token de acesso que você copiou durante a configuração do app Facebook acima.
Ativar o botão de primeiros passos: consulte a seção Botão Primeiros passos.
Webhook URL: copie esse valor. Isso será usado para configurar o webhook do Facebook Messenger.
Iniciar: clique para iniciar esse serviço de integração para o agente.
Conclua a configuração do aplicativo do Facebook e teste-o. Siga as etapas na documentação Como configurar seu aplicativo do Facebook para:
- Configurar o webhook do Facebook para seu aplicativo. Use os valores URL do webhook e Verificar token que você copiou acima. Ative
messages
emessaging_postbacks
na assinatura da página. - Testar o aplicativo.
- Configurar o webhook do Facebook para seu aplicativo. Use os valores URL do webhook e Verificar token que você copiou acima. Ative
Eventos
Os eventos a seguir são invocados por esta integração: É possível criar manipuladores de eventos personalizados para definir o que fazer quando os eventos são acionados.
Evento | Descrição |
---|---|
FACEBOOK_WELCOME |
Acionado quando um usuário final clica no botão de primeiros passos do Facebook Messenger. |
FACEBOOK_MEDIA |
Acionado quando a mensagem de um usuário final contém anexos (por exemplo, áudio, imagem, vídeo etc.). |
Botão de primeiros passos
Para configurar o botão de primeiros passos do Facebook Messenger:
Ative o botão de primeiros passos ao ativar o serviço de integração.
Esse serviço vai ativar a botão para você chamando a API Facebook Messenger Profile.
curl -X POST \ -H "Content-Type: application/json" \ -d '{"get_started": {"payload": "FACEBOOK_WELCOME"}}' \ "https://graph.facebook.com/v10.0/me/messenger_profile?access_token=${PAGE_ACCESS_TOKEN}"
Crie um manipulador de eventos personalizados para o evento
FACEBOOK_WELCOME
.
Para testar:
Exclua a conversa anterior com sua página do Facebook (se aplicável).
- O botão Primeiros passos só aparece em novas conversas.
Inicie uma nova conversa com sua página do Facebook.
Clique no botão Primeiros passos e verifique a resposta do manipulador de eventos personalizado.
Também é possível chamar a API Facebook Messenger Profile para gerenciar o botão Primeiros passos. Isso pode ser útil para testes.
Por exemplo, a solicitação a seguir verifica o status do botão Primeiros passos:
curl -X GET \ "https://graph.facebook.com/v10.0/me/messenger_profile?fields=get_started&access_token=${PAGE_ACCESS_TOKEN}"
A solicitação a seguir desativa o botão Primeiros passos:
curl -X DELETE \ -H "Content-Type: application/json" \ -d '{"fields": ["get_started"]}' \ "https://graph.facebook.com/v10.0/me/messenger_profile?access_token=${PAGE_ACCESS_TOKEN}"
Mensagens de resposta avançadas
As mensagens de resposta avançadas são compatíveis com o Payload personalizado em Fulfillment. Consulte Objeto de mensagem da API Facebook Messenger Send para saber o formato da mensagem.
Por exemplo, o payload personalizado a seguir fornece uma mensagem de texto simples:
{ "text": "Hello, world" }
O payload personalizado a seguir fornece uma mensagem de imagem:
{ "attachment": { "type": "image", "payload": { "url": "https://example.com/test.jpg" } } }