Criar um app do Google Chat como um webhook

Nesta página, descrevemos como configurar um webhook para enviar mensagens assíncronas em um espaço do Chat usando gatilhos externos. Por exemplo, é possível configurar um aplicativo de monitoramento para notificar os funcionários de plantão no Chat quando um servidor fica inativo. Para enviar uma mensagem síncrona com um app do Chat, consulte Enviar uma mensagem.

Com esse tipo de design de arquitetura, os usuários não podem interagir com o webhook ou o aplicativo externo conectado porque a comunicação é unidirecional. Os webhooks não são conversacionais. Eles não podem responder nem receber mensagens de usuários ou eventos de interação com o app do Chat. Para responder a mensagens, crie um app do Chat em vez de um webhook.

Embora o webhook não seja tecnicamente um app do Chat (os webhooks conectam aplicativos usando solicitações HTTP padrão), esta página se refere a ele como um app do Chat para simplificação. Cada webhook só funciona no espaço do Chat em que está registrado. Os webhooks de entrada funcionam em mensagens diretas, mas apenas quando todos os usuários têm os apps do Chat ativados. Não é possível publicar webhooks no Google Workspace Marketplace.

O diagrama a seguir mostra a arquitetura de um webhook conectado ao Chat:

Arquitetura de webhooks de entrada para enviar mensagens assíncronas ao Chat.

No diagrama anterior, um app do Chat tem o seguinte fluxo de informações:

  1. A lógica do app de chat recebe informações de serviços externos de terceiros, como um sistema de gerenciamento de projetos ou uma ferramenta de criação de tíquetes.
  2. A lógica do app do Chat é hospedada em um sistema em nuvem ou no local que pode enviar mensagens usando um URL de webhook para um espaço específico do Chat.
  3. Os usuários podem receber mensagens do app do Chat nesse espaço específico do Chat, mas não conseguem interagir com o app do Chat.

Pré-requisitos

Python

  • Python 3.10.7 ou mais recente.
  • Uma conta do Google Workspace com acesso ao Chat.
  • Um espaço do Chat.
  • A biblioteca httplib2. Se necessário, execute o seguinte comando da interface de linha de comando (CLI) para instalar a biblioteca usando pip:

    pip install httplib2
    

Node.js

Java

Apps Script

Criar um webhook

Para criar um webhook, registre-o no espaço do Chat em que você quer receber mensagens e escreva um script que envie mensagens.

Registrar o webhook de entrada

  1. Em um navegador, abra o Chat. Não é possível configurar webhooks no app Chat para dispositivos móveis.
  2. Acesse o espaço onde você quer adicionar um webhook.
  3. Ao lado do título do espaço, clique na seta para mostrar mais e selecione Apps e integrações.
  4. Clique em Adicionar webhooks.
  5. No campo Nome, use Quickstart Webhook.
  6. No campo URL do avatar, digite https://developers.google.com/chat/images/chat-product-icon.png.
  7. Clique em Salvar.
  8. Para copiar o URL do webhook, clique em Mais e, em seguida, clique em Copiar link.

Escrever o script do webhook

O script de exemplo de webhook envia uma mensagem ao espaço em que o webhook está registrado enviando uma solicitação POST ao URL do webhook. A API Chat responde com uma instância de Message.

Selecione uma linguagem para saber como criar um script de webhook:

Python

  1. No diretório de trabalho, crie um arquivo chamado quickstart.py.

  2. Em quickstart.py, cole o seguinte código:

    python/webhook/quickstart.py
    from json import dumps
    from httplib2 import Http
    
    # Copy the webhook URL from the Chat space where the webhook is registered.
    # The values for SPACE_ID, KEY, and TOKEN are set by Chat, and are included
    # when you copy the webhook URL.
    
    def main():
        """Google Chat incoming webhook quickstart."""
        url = "https://chat.googleapis.com/v1/spaces/SPACE_ID/messages?key=KEY&token=TOKEN"
        app_message = {"text": "Hello from a Python script!"}
        message_headers = {"Content-Type": "application/json; charset=UTF-8"}
        http_obj = Http()
        response = http_obj.request(
            uri=url,
            method="POST",
            headers=message_headers,
            body=dumps(app_message),
        )
        print(response)
    
    
    if __name__ == "__main__":
        main()
  3. Substitua o valor da variável url pelo URL do webhook que você copiou quando registrou o webhook.

Node.js

  1. No diretório de trabalho, crie um arquivo chamado index.js.

  2. Em index.js, cole o seguinte código:

    node/webhook/index.js
    /**
     * Sends asynchronous message to Google Chat
     * @return {Object} response
     */
    async function webhook() {
      const url = "https://chat.googleapis.com/v1/spaces/SPACE_ID/messages"
      const res = await fetch(url, {
        method: "POST",
        headers: {"Content-Type": "application/json; charset=UTF-8"},
        body: JSON.stringify({text: "Hello from a Node script!"})
      });
      return await res.json();
    }
    
    webhook().then(res => console.log(res));
  3. Substitua o valor da variável url pelo URL do webhook que você copiou quando registrou o webhook.

Java

  1. No diretório de trabalho, crie um arquivo chamado pom.xml.

  2. Em pom.xml, copie e cole o seguinte:

    java/webhook/pom.xml
    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
      <modelVersion>4.0.0</modelVersion>
    
      <groupId>com.google.chat.webhook</groupId>
      <artifactId>java-webhook-app</artifactId>
      <version>0.1.0</version>
    
      <name>java-webhook-app</name>
      <url>https://github.com/googleworkspace/google-chat-samples/tree/main/java/webhook</url>
    
      <properties>
        <maven.compiler.target>11</maven.compiler.target>
        <maven.compiler.source>11</maven.compiler.source>
      </properties>
    
      <dependencies>
        <dependency>
            <groupId>com.google.code.gson</groupId>
            <artifactId>gson</artifactId>
            <version>2.9.1</version>
        </dependency>
      </dependencies>
    
      <build>
        <pluginManagement>
          <plugins>
            <plugin>
              <artifactId>maven-compiler-plugin</artifactId>
              <version>3.8.0</version>
            </plugin>
          </plugins>
        </pluginManagement>
      </build>
    </project>
  3. No seu diretório de trabalho, crie a seguinte estrutura de diretórios src/main/java.

  4. No diretório src/main/java, crie um arquivo chamado App.java.

  5. Em App.java, cole o seguinte código:

    java/webhook/src/main/java/com/google/chat/webhook/App.java
    import com.google.gson.Gson;
    import java.net.http.HttpClient;
    import java.net.http.HttpRequest;
    import java.net.http.HttpResponse;
    import java.util.Map;
    import java.net.URI;
    
    public class App {
      private static final String URL = "https://chat.googleapis.com/v1/spaces/AAAAGCYeSRY/messages";
      private static final Gson gson = new Gson();
      private static final HttpClient client = HttpClient.newHttpClient();
    
      public static void main(String[] args) throws Exception {
        String message = gson.toJson(Map.of("text", "Hello from Java!"));
    
        HttpRequest request = HttpRequest.newBuilder(
            URI.create(URL))
            .header("accept", "application/json; charset=UTF-8")
            .POST(HttpRequest.BodyPublishers.ofString(message))
            .build();
    
        HttpResponse<String> response = client.send(request, HttpResponse.BodyHandlers.ofString());
    
        System.out.println(response.body());
      }
    }
  6. Substitua o valor da variável URL pelo URL do webhook que você copiou quando registrou o webhook.

Apps Script

  1. Em um navegador, acesse o Apps Script.

  2. Clique em New Project.

  3. Cole o seguinte código:

    apps-script/webhook/webhook.gs
    function webhook() {
      const url = "https://chat.googleapis.com/v1/spaces/SPACE_ID/messages"
      const options = {
        "method": "post",
        "headers": {"Content-Type": "application/json; charset=UTF-8"},
        "payload": JSON.stringify({"text": "Hello from Apps Script!"})
      };
      const response = UrlFetchApp.fetch(url, options);
      console.log(response);
    }
  4. Substitua o valor da variável url pelo URL do webhook que você copiou quando registrou o webhook.

Executar o script do webhook

Em uma CLI, execute o script:

Python

  python3 quickstart.py

Node.js

  node index.js

Java

  mvn compile exec:java -Dexec.mainClass=App

Apps Script

  • Clique em Run.

Quando você executa o código, o webhook envia uma mensagem para o espaço em que você o registrou.

Iniciar ou responder a uma conversa

  1. Especifique spaces.messages.thread.threadKey como parte do corpo da solicitação da mensagem. Dependendo de você estar iniciando ou respondendo a uma conversa, use os seguintes valores para threadKey:

    • Ao iniciar uma linha de execução, defina threadKey como uma string arbitrária, mas anote esse valor para postar uma resposta a essa linha.

    • Se estiver respondendo a uma linha de execução, especifique o threadKey que foi definido quando a linha de execução foi iniciada. Por exemplo, para postar uma resposta à conversa em que a mensagem inicial usava MY-THREAD, defina MY-THREAD.

  2. Defina o comportamento da linha de execução se o threadKey especificado não for encontrado:

    • Responda a uma conversa ou inicie uma nova. Adicione o parâmetro messageReplyOption=REPLY_MESSAGE_FALLBACK_TO_NEW_THREAD ao URL do webhook. Transmitir esse parâmetro de URL faz com que o Chat procure uma linha de execução existente usando o threadKey especificado. Se um for encontrado, a mensagem será postada como uma resposta a essa conversa. Se nenhum for encontrado, a mensagem vai iniciar uma nova linha de execução correspondente a esse threadKey.

    • Responder a uma conversa ou não fazer nada. Adicione o parâmetro messageReplyOption=REPLY_MESSAGE_OR_FAIL ao URL do webhook. Transmitir esse parâmetro de URL faz com que o Chat procure uma linha de execução existente usando o threadKey especificado. Se um for encontrado, a mensagem será postada como uma resposta a essa conversa. Se nenhum for encontrado, a mensagem não será enviada.

    Para saber mais, consulte messageReplyOption.

O exemplo de código a seguir inicia ou responde a uma conversa:

Python

python/webhook/thread-reply.py
from json import dumps
from httplib2 import Http

# Copy the webhook URL from the Chat space where the webhook is registered.
# The values for SPACE_ID, KEY, and TOKEN are set by Chat, and are included
# when you copy the webhook URL.
#
# Then, append messageReplyOption=REPLY_MESSAGE_FALLBACK_TO_NEW_THREAD to the
# webhook URL.


def main():
    """Google Chat incoming webhook that starts or replies to a message thread."""
    url = "https://chat.googleapis.com/v1/spaces/SPACE_ID/messages?key=KEY&token=TOKEN&messageReplyOption=REPLY_MESSAGE_FALLBACK_TO_NEW_THREAD"
    app_message = {
        "text": "Hello from a Python script!",
        # To start a thread, set threadKey to an arbitratry string.
        # To reply to a thread, specify that thread's threadKey value.
        "thread": {"threadKey": "THREAD_KEY_VALUE"},
    }
    message_headers = {"Content-Type": "application/json; charset=UTF-8"}
    http_obj = Http()
    response = http_obj.request(
        uri=url,
        method="POST",
        headers=message_headers,
        body=dumps(app_message),
    )
    print(response)


if __name__ == "__main__":
    main()

Node.js

node/webhook/thread-reply.js
/**
 * Sends asynchronous message to Google Chat
 * @return {Object} response
 */
async function webhook() {
  const url = "https://chat.googleapis.com/v1/spaces/SPACE_ID/messages?key=KEY&token=TOKEN&messageReplyOption=REPLY_MESSAGE_FALLBACK_TO_NEW_THREAD"
  const res = await fetch(url, {
    method: "POST",
    headers: {"Content-Type": "application/json; charset=UTF-8"},
    body: JSON.stringify({
      text: "Hello from a Node script!",
      thread: {threadKey: "THREAD_KEY_VALUE"}
    })
  });
  return await res.json();
}

webhook().then(res => console.log(res));

Apps Script

apps-script/webhook/thread-reply.gs
function webhook() {
  const url = "https://chat.googleapis.com/v1/spaces/SPACE_ID/messages?key=KEY&token=TOKEN&messageReplyOption=REPLY_MESSAGE_FALLBACK_TO_NEW_THREAD"
  const options = {
    "method": "post",
    "headers": {"Content-Type": "application/json; charset=UTF-8"},
    "payload": JSON.stringify({
      "text": "Hello from Apps Script!",
      "thread": {"threadKey": "THREAD_KEY_VALUE"}
    })
  };
  const response = UrlFetchApp.fetch(url, options);
  console.log(response);
}