Répondre aux incidents avec Google Chat, Vertex AI et Apps Script

Ce tutoriel explique comment créer une application Google Chat qui permet de gérer les incidents en temps réel. Pour répondre à un incident, l'application crée et remplit un espace Chat, facilite la gestion des incidents avec des messages, des commandes à barre oblique et des boîtes de dialogue, et utilise l'IA pour résumer la réponse à l'incident dans un document Google Docs.

Un incident est un événement qui nécessite l'attention immédiate d'une équipe de personnes à résoudre. Voici quelques exemples d'incidents:

  • Création d'une demande urgente dans un système de gestion de la relation client (CRM) plate-forme, ce qui nécessite une équipe de service pour collaborer sur une résolution.
  • Un système se déconnecte, ce qui alerte un groupe d'ingénieurs en fiabilité des sites (SRE). afin qu'ils puissent collaborer et le remettre en ligne.
  • Un tremblement de terre de grande magnitude se produit et les services d'urgence ont besoin pour coordonner leur réponse.

Pour les besoins de ce tutoriel, l'alerte d'incident démarre lorsqu'un utilisateur signale l'incident en cliquant sur un bouton depuis une page Web. La page Web simule un incident en demandant aux utilisateurs de saisir des informations de base: titre, la description et les adresses e-mail des personnes interrogées.

Découvrez l'application Chat de gestion des incidents en action:

  • <ph type="x-smartling-placeholder">
    </ph> Site Web qui lance un incident.
    Figure 1. Site Web sur lequel un utilisateur peut signaler un incident.
  • Notification indiquant que l&#39;espace Chat de l&#39;incident a été créé
    Figure 2 : Notification indiquant que l'espace Chat de l'incident a été créé
  • Espace Chat de réponse aux incidents
    Figure 3 : l'espace Chat de gestion des incidents
  • Résolution de l&#39;incident à l&#39;aide d&#39;une commande à barre oblique.
    Figure 4 : Résoudre l'incident à l'aide d'une commande à barre oblique.
  • Boîte de dialogue de résolution des incidents.
    Figure 5 : Boîte de dialogue de résolution des incidents
  • Document Google Docs de résolution d&#39;incident partagé dans l&#39;espace.
    Figure 6 : Document Google Docs de résolution d'incident partagé dans l'espace
  • Document Google sur la résolution d&#39;incidents par l&#39;IA.
    Figure 7 : Document Google Docs sur la résolution des incidents liés à l'IA.

Prérequis

Si vous avez besoin d'activer l'un de ces prérequis pour votre organisation, contactez votre administrateur Google Workspace pour les activer:

  • Une entreprise Un compte Google Workspace ayant accès à Google Chat :
  • Pour avoir Annuaire (partage des contacts) activée pour Google Workspace. L'appli d'incident utilise l'annuaire pour consulter les informations sur les les coordonnées, comme son nom ; et votre adresse e-mail. Les personnes chargées de la réponse aux incidents doivent être des utilisateurs disposant d'une adresse e-mail Google Chat dans votre organisation Google Workspace.

Objectifs

  • Créez une application Chat qui répond aux incidents.
  • Voici comment aider les utilisateurs à faire face aux incidents: <ph type="x-smartling-placeholder">
      </ph>
    • Créer des espaces de réponse aux incidents
    • Publier des messages résumant les incidents et les réponses.
    • Favorisez la collaboration grâce aux Fonctionnalités de l'application Chat
  • résumer des conversations et des solutions avec Vertex AI ;

Architecture

Le schéma suivant illustre l'architecture de Google Workspace Ressources Google Cloud utilisées par la réponse aux incidents Application Google Chat.

Architecture de l&#39;application Google Chat de gestion des incidents

L'architecture montre comment la réponse aux incidents L'application Google Chat traite un incident et sa résolution.

  1. Un utilisateur commence un incident à partir d’un site Web externe hébergé sur Apps Script.

  2. Le site Web envoie une requête HTTP asynchrone au Application Google Chat, également hébergée sur Apps Script.

  3. L'application Google Chat de gestion des incidents traite la requête:

    1. Un membre d'équipe est ajouté au service SDK Admin d'Apps Script telles que l'ID utilisateur et l'adresse e-mail.

    2. Avec un ensemble de requêtes HTTP envoyées à l'API Chat à l'aide de la méthode le service de chat avancé d'Apps Script, la gestion des incidents L'application Google Chat crée un incident Chat espace, le remplit avec des membres de l'équipe et envoie un message à l'espace.

  4. Les membres de l'équipe discutent de l'incident dans l'espace Chat.

  5. Un membre de l'équipe appelle une commande à barre oblique pour signaler une résolution au l'incident.

    1. Appel HTTP vers l'API Chat à l'aide d'Apps Script Le service de chat avancé affiche la liste messages de l'espace.

    2. Vertex AI reçoit les messages listés et génère un résumé.

    3. Le service DocumentApp d'Apps Script crée un et ajoute le résumé de Vertex AI document.

    4. L'application Google Chat de gestion des incidents appelle API Chat pour envoyer un message partageant un lien vers le résumé Document Docs.

Préparer l'environnement

Cette section explique comment créer et configurer un projet Google Cloud pour le Application Chat

Créer un projet Google Cloud

console Google Cloud

  1. Dans la console Google Cloud, accédez au menu . &gt; IAM et Administrateur &gt; Créer un projet.

    Accéder à la page "Créer un projet"

  2. Dans le champ Nom du projet, saisissez un nom descriptif pour votre projet.

    Facultatif: Pour modifier l'ID du projet, cliquez sur Modifier. Impossible de modifier l'ID du projet Une fois le projet créé, choisissez donc un ID qui répond à vos besoins pendant toute la durée de vie projet.

  3. Dans le champ Lieu, cliquez sur Parcourir pour afficher les emplacements potentiels de votre projet. Cliquez ensuite sur Sélectionner. <ph type="x-smartling-placeholder">
  4. Cliquez sur Créer. La console Google Cloud accède à la page "Tableau de bord", et votre projet est créé. en quelques minutes.

CLI gcloud

Dans l'un des environnements de développement suivants, accédez à la console CLI ("gcloud"):

  • Cloud Shell: pour utiliser un terminal en ligne avec la gcloud CLI déjà configuré, activez Cloud Shell.
    Activer Cloud Shell
  • Shell local: pour utiliser un environnement de développement local, installer et initialiser la gcloud CLI.
    Pour créer un projet Cloud, utilisez la commande "gcloud projects create" :
    gcloud projects create PROJECT_ID
    Remplacez PROJECT_ID en définissant l'ID du projet que vous souhaitez créer.

Activer la facturation pour le projet Cloud

<ph type="x-smartling-placeholder">

console Google Cloud

  1. Dans la console Google Cloud, accédez à Facturation. Cliquez sur Menu &gt; Facturation &gt; Mes projets.

    Accéder à la page "Facturation de mes projets"

  2. Dans Sélectionner une organisation, choisissez l'organisation associée à votre projet Google Cloud.
  3. Sur la ligne du projet, ouvrez le menu Actions. (), cliquez sur Modifier la facturation, puis sélectionnez l'option Compte de facturation Cloud.
  4. Cliquez sur Définir le compte.

CLI gcloud

  1. Pour lister les comptes de facturation disponibles, exécutez la commande suivante:
    gcloud billing accounts list
  2. Associez un compte de facturation à un projet Google Cloud:
    gcloud billing projects link PROJECT_ID --billing-account=BILLING_ACCOUNT_ID

    Remplacez les éléments suivants :

    • PROJECT_ID est l'ID de projet de la pour lequel vous souhaitez activer la facturation.
    • BILLING_ACCOUNT_ID est l'ID du compte de facturation à associer. le projet Google Cloud.

Activer les API

console Google Cloud

  1. Dans la console Google Cloud, activez l'API Google Chat, l'API Google Docs l'API SDK Admin et l'API Vertex AI.

    Activer les API

  2. Vérifiez que vous activez les API au bon endroit Google Cloud, puis cliquez sur Suivant.

  3. Vérifiez que vous activez les API appropriées, puis cliquez sur Activer.

CLI gcloud

  1. Si nécessaire, définissez le projet Cloud actuel sur celui que vous avez créé à l'aide de la commande gcloud config set project:

    gcloud config set project PROJECT_ID
    

    Remplacez PROJECT_ID par l'ID de projet de Google Cloud que vous avez créé.

  2. Activer les API Google Chat, Google Docs, SDK Admin et Vertex AI à l'aide de la commande gcloud services enable:

    gcloud services enable chat.googleapis.com docs.googleapis.com admin.googleapis.com aiplatform.googleapis.com
    

Configurer l'authentification et l'autorisation

L'authentification et l'autorisation permettent au L'application Chat accède aux ressources dans Google Workspace et Google Cloud pour traiter les incidents.

Dans ce tutoriel, vous allez publier l'application en interne. Vous pouvez donc utiliser un espace réservé. des informations. Avant de publier l'application en externe, remplacez l'espace réservé avec des informations réelles pour l'écran de consentement.

  1. Dans la console Google Cloud, accédez à Menu &gt; API et Services &gt; Écran de consentement OAuth.

    Accéder à l'écran de consentement OAuth

  2. Sous Type d'utilisateur, sélectionnez Interne, puis cliquez sur Créer.

  3. Dans le champ Nom de l'application, saisissez Incident Management.

  4. Dans Adresse e-mail d'assistance utilisateur, sélectionnez votre adresse e-mail ou une adresse Google Groupes.

  5. Sous Coordonnées du développeur, saisissez votre adresse e-mail.

  6. Cliquez sur Enregistrer et continuer.

  7. Cliquez sur Ajouter ou supprimer des habilitations. Un panneau contenant la liste des champs d'application s'affiche pour chaque API activée dans votre projet Cloud.

  8. Sous Ajouter manuellement des champs d'application, collez les champs d'application suivants:

    • https://www.googleapis.com/auth/chat.spaces.create
    • https://www.googleapis.com/auth/chat.memberships
    • https://www.googleapis.com/auth/chat.memberships.app
    • https://www.googleapis.com/auth/chat.messages
    • https://www.googleapis.com/auth/documents
    • https://www.googleapis.com/auth/admin.directory.user.readonly
    • https://www.googleapis.com/auth/script.external_request
    • https://www.googleapis.com/auth/userinfo.email
    • https://www.googleapis.com/auth/cloud-platform
  9. Cliquez sur Add to Table (Ajouter à la table).

  10. Cliquez sur Mettre à jour.

  11. Cliquez sur Enregistrer et continuer.

  12. Consultez le récapitulatif d'enregistrement de l'application, puis cliquez sur Retour au tableau de bord.

Créer et déployer l'application Chat

Dans la section suivante, vous allez copier et mettre à jour Projet Apps Script contenant toutes les applications pour votre application Chat. Il n'est donc pas nécessaire de copier et coller chaque fichier.

Certaines fonctions incluent des traits de soulignement à la fin de leur nom, comme processSlashCommand_() de ChatApp.gs. Le trait de soulignement masque la fonction depuis la page Web d'initialisation de l'incident lorsqu'il est ouvert dans un navigateur. Pour plus pour en savoir plus, consultez Fonctions privées.

Apps Script prend en charge deux types de fichiers : les scripts .gs et .html. . Pour respecter cette prise en charge, le code JavaScript côté client de l'application est inclus dans les balises <script /> et son code CSS est inclus dans les balises <style /> à l'intérieur un fichier HTML.

Vous pouvez éventuellement afficher l'intégralité du projet sur GitHub.

Afficher sur GitHub

Voici un aperçu de chaque fichier:

Consts.gs

Définit les constantes référencées par d'autres fichiers de code, y compris l'ID de votre projet Cloud, l'ID d'emplacement Vertex AI et pour fermer un incident.

Afficher le code Consts.gs

apps-script/incident-response/Consts.gs
const PROJECT_ID = 'replace-with-your-project-id';
const VERTEX_AI_LOCATION_ID = 'us-central1';
const CLOSE_INCIDENT_COMMAND_ID = 1;
ChatApp.gs

Gère les événements d'interaction Chat, y compris les messages, les clics sur les fiches, les commandes à barre oblique et les boîtes de dialogue. Répond aux Commande à barre oblique /closeIncident en ouvrant une boîte de dialogue pour rassembler les incidents détails de la résolution. Lit les messages dans l'espace en appelant la méthode spaces.messages.list de l'API Chat. Récupère les ID utilisateur à l'aide du service d'annuaire du SDK Admin dans Apps Script.

Afficher le code ChatApp.gs

apps-script/incident-response/ChatApp.gs
/**
 * Responds to a MESSAGE event in Google Chat.
 *
 * This app only responds to a slash command with the ID 1 ("/closeIncident").
 * It will respond to any other message with a simple "Hello" text message.
 *
 * @param {Object} event the event object from Google Chat
 */
function onMessage(event) {
  if (event.message.slashCommand) {
    return processSlashCommand_(event);
  }
  return { "text": "Hello from Incident Response app!" };
}

/**
 * Responds to a CARD_CLICKED event in Google Chat.
 *
 * This app only responds to one kind of dialog (Close Incident).
 *
 * @param {Object} event the event object from Google Chat
 */
function onCardClick(event) {
  if (event.isDialogEvent) {
    if (event.dialogEventType == 'SUBMIT_DIALOG') {
      return processSubmitDialog_(event);
    }
    return {
      actionResponse: {
        type: "DIALOG",
        dialogAction: {
          actionStatus: "OK"
        }
      }
    };
  }
}

/**
 * Responds to a MESSAGE event with a Slash command in Google Chat.
 *
 * This app only responds to a slash command with the ID 1 ("/closeIncident")
 * by returning a Dialog.
 *
 * @param {Object} event the event object from Google Chat
 */
function processSlashCommand_(event) {
  if (event.message.slashCommand.commandId != CLOSE_INCIDENT_COMMAND_ID) {
    return {
      "text": "Command not recognized. Use the command `/closeIncident` to close the incident managed by this space."
    };
  }
  const sections = [
    {
      header: "Close Incident",
      widgets: [
        {
          textInput: {
            label: "Please describe the incident resolution",
            type: "MULTIPLE_LINE",
            name: "description"
          }
        },
        {
          buttonList: {
            buttons: [
              {
                text: "Close Incident",
                onClick: {
                  action: {
                    function: "closeIncident"
                  }
                }
              }
            ]
          }
        }
      ]
    }
  ];
  return {
    actionResponse: {
      type: "DIALOG",
      dialogAction: {
        dialog: {
          body: {
            sections,
          }
        }
      }
    }
  };
}

/**
 * Responds to a CARD_CLICKED event with a Dialog submission in Google Chat.
 *
 * This app only responds to one kind of dialog (Close Incident).
 * It creates a Doc with a summary of the incident information and posts a message
 * to the space with a link to the Doc.
 *
 * @param {Object} event the event object from Google Chat
 */
function processSubmitDialog_(event) {
  const resolution = event.common.formInputs.description[""].stringInputs.value[0];
  const chatHistory = concatenateAllSpaceMessages_(event.space.name);
  const chatSummary = summarizeChatHistory_(chatHistory);
  const docUrl = createDoc_(event.space.displayName, resolution, chatHistory, chatSummary);
  return {
    actionResponse: {
      type: "NEW_MESSAGE",
    },
    text: `Incident closed with the following resolution: ${resolution}\n\nHere is the automatically generated post-mortem:\n${docUrl}`
  };
}

/**
 * Lists all the messages in the Chat space, then concatenate all of them into
 * a single text containing the full Chat history.
 *
 * For simplicity for this demo, it only fetches the first 100 messages.
 *
 * Messages with slash commands are filtered out, so the returned history will
 * contain only the conversations between users and not app command invocations.
 *
 * @return {string} a text containing all the messages in the space in the format:
 *          Sender's name: Message
 */
function concatenateAllSpaceMessages_(spaceName) {
  // Call Chat API method spaces.messages.list
  const response = Chat.Spaces.Messages.list(spaceName, { 'pageSize': 100 });
  const messages = response.messages;
  // Fetch the display names of the message senders and returns a text
  // concatenating all the messages.
  let userMap = new Map();
  return messages
    .filter(message => message.slashCommand === undefined)
    .map(message => `${getUserDisplayName_(userMap, message.sender.name)}: ${message.text}`)
    .join('\n');
}

/**
 * Obtains the display name of a user by using the Admin Directory API.
 *
 * The fetched display name is cached in the provided map, so we only call the API
 * once per user.
 *
 * If the user does not have a display name, then the full name is used.
 *
 * @param {Map} userMap a map containing the display names previously fetched
 * @param {string} userName the resource name of the user
 * @return {string} the user's display name
 */
function getUserDisplayName_(userMap, userName) {
  if (userMap.has(userName)) {
    return userMap.get(userName);
  }
  let displayName = 'Unknown User';
  try {
    const user = AdminDirectory.Users.get(
      userName.replace("users/", ""),
      { projection: 'BASIC', viewType: 'domain_public' });
    displayName = user.name.displayName ? user.name.displayName : user.name.fullName;
  } catch (e) {
    // Ignore error if the API call fails (for example, because it's an
    // out-of-domain user or Chat app)) and just use 'Unknown User'.
  }
  userMap.set(userName, displayName);
  return displayName;
}
ChatSpaceCreator.gs

Reçoit les données de formulaire saisies par les utilisateurs concernant l'incident d'initialisation, et l'utilise pour configurer un chat en créant et en renseignant un espace, puis en publiant un message l'incident.

Afficher le code ChatSpaceCreator.gs

apps-script/incident-response/ChatSpaceCreator.gs
/**
 * Creates a space in Google Chat with the provided title and members, and posts an
 * initial message to it.
 *
 * @param {Object} formData the data submitted by the user. It should contain the fields
 *                          title, description, and users.
 * @return {string} the resource name of the new space.
 */
function createChatSpace(formData) {
  const users = formData.users.trim().length > 0 ? formData.users.split(',') : [];
  const spaceName = setUpSpace_(formData.title, users);
  addAppToSpace_(spaceName);
  createMessage_(spaceName, formData.description);
  return spaceName;
}

/**
 * Creates a space in Google Chat with the provided display name and members.
 *
 * @return {string} the resource name of the new space.
 */
function setUpSpace_(displayName, users) {
  const memberships = users.map(email => ({
    member: {
      name: `users/${email}`,
      type: "HUMAN"
    }
  }));
  const request = {
    space: {
      displayName: displayName,
      spaceType: "SPACE",
      externalUserAllowed: true
    },
    memberships: memberships
  };
  // Call Chat API method spaces.setup
  const space = Chat.Spaces.setup(request);
  return space.name;
}

/**
 * Adds this Chat app to the space.
 *
 * @return {string} the resource name of the new membership.
 */
function addAppToSpace_(spaceName) {
  const request = {
    member: {
      name: "users/app",
      type: "BOT"
    }
  };
  // Call Chat API method spaces.members.create
  const membership = Chat.Spaces.Members.create(request, spaceName);
  return membership.name;
}

/**
 * Posts a text message to the space on behalf of the user.
 *
 * @return {string} the resource name of the new message.
 */
function createMessage_(spaceName, text) {
  const request = {
    text: text
  };
  // Call Chat API method spaces.messages.create
  const message = Chat.Spaces.Messages.create(request, spaceName);
  return message.name;
}
DocsApi.gs

Appelle l'API Google Docs pour créer un document Google Docs dans un dans le Google Drive de l'utilisateur et rédige un résumé des informations sur l'incident, (créée dans VertexAiApi.gs) au document.

Afficher le code DocsApi.gs

apps-script/incident-response/DocsApi.gs
/**
 * Creates a Doc in the user's Google Drive and writes a summary of the incident information to it.
 *
 * @param {string} title The title of the incident
 * @param {string} resolution Incident resolution described by the user
 * @param {string} chatHistory The whole Chat history be included in the document
 * @param {string} chatSummary A summary of the Chat conversation to be included in the document
 * @return {string} the URL of the created Doc
 */
function createDoc_(title, resolution, chatHistory, chatSummary) {
  let doc = DocumentApp.create(title);
  let body = doc.getBody();
  body.appendParagraph(`Post-Mortem: ${title}`).setHeading(DocumentApp.ParagraphHeading.TITLE);
  body.appendParagraph("Resolution").setHeading(DocumentApp.ParagraphHeading.HEADING1);
  body.appendParagraph(resolution);
  body.appendParagraph("Summary of the conversation").setHeading(DocumentApp.ParagraphHeading.HEADING1);
  body.appendParagraph(chatSummary);
  body.appendParagraph("Full Chat history").setHeading(DocumentApp.ParagraphHeading.HEADING1);
  body.appendParagraph(chatHistory);
  return doc.getUrl();
}
VertexAiApi.gs

Résume la conversation dans le chat à l'aide de Vertex AI. Ce résumé est publié dans un espace document dans DocsAPI.gs.

Afficher le code VertexAiApi.gs

apps-script/incident-response/VertexAiApi.gs
/**
 * Summarizes a Chat conversation using the Vertex AI text prediction API.
 *
 * @param {string} chatHistory The Chat history that will be summarized.
 * @return {string} The content from the text prediction response.
 */
function summarizeChatHistory_(chatHistory) {
  const prompt =
    "Summarize the following conversation between Engineers resolving an incident"
      + " in a few sentences. Use only the information from the conversation.\n\n"
      + chatHistory;
  const request = {
    instances: [
      { prompt: prompt }
    ],
    parameters: {
      temperature: 0.2,
      maxOutputTokens: 256,
      topK: 40,
      topP: 0.95
    }
  }
  const fetchOptions = {
    method: 'POST',
    headers: { Authorization: 'Bearer ' + ScriptApp.getOAuthToken() },
    contentType: 'application/json',
    payload: JSON.stringify(request)
  }
  const response = UrlFetchApp.fetch(
    `https://${VERTEX_AI_LOCATION_ID}-aiplatform.googleapis.com/v1`
      + `/projects/${PROJECT_ID}/locations/${VERTEX_AI_LOCATION_ID}`
      + "/publishers/google/models/text-bison:predict",
    fetchOptions);
  const payload = JSON.parse(response.getContentText());
  return payload.predictions[0].content;
}
WebController.gs

diffuse le site Web d'initialisation de l'incident.

Afficher le code WebController.gs

apps-script/incident-response/WebController.gs
/**
 * Serves the web page from Index.html.
 */
function doGet() {
  return HtmlService
    .createTemplateFromFile('Index')
    .evaluate();
}

/**
 * Serves the web content from the specified filename.
 */
function include(filename) {
  return HtmlService
    .createHtmlOutputFromFile(filename)
    .getContent();
}

/**
 * Returns the email address of the user running the script.
 */
function getUserEmail() {
  return Session.getActiveUser().getEmail();
}
Index.html

Code HTML constituant le site Web d'initialisation de l'incident.

Afficher le code Index.html

apps-script/incident-response/Index.html
<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
    <?!= include('Stylesheet'); ?>
  </head>
  <body>
    <div class="container">
      <div class="content">
        <h1>Incident Manager</h1>
        <form id="incident-form" onsubmit="handleFormSubmit(this)">
          <div id="form">
            <p>
              <label for="title">Incident title</label><br/>
              <input type="text" name="title" id="title" />
            </p>
            <p>
              <label for="users">Incident responders</label><br/>
              <small>
                Please enter a comma-separated list of email addresses of the users
                that should be added to the space.
                Do not include <?= getUserEmail() ?> as it will be added automatically.
              </small><br/>
              <input type="text" name="users" id="users" />
            </p>
            <p>
              <label for="description">Initial message</label></br>
              <small>This message will be posted after the space is created.</small><br/>
              <textarea name="description" id="description"></textarea>
            </p>
            <p class="text-center">
              <input type="submit" value="CREATE CHAT SPACE" />
            </p>
          </div>
          <div id="output" class="hidden"></div>
          <div id="clear" class="hidden">
            <input type="reset" value="CREATE ANOTHER INCIDENT" onclick="onReset()" />
          </div>
        </form>
      </div>
    </div>
    <?!= include('JavaScript'); ?>
  </body>
</html>
JavaScript.html

Gère le comportement des formulaires, y compris les envois, les erreurs et les effacer pour le site Web d'initialisation de l'incident. Inclus dans Index.html par la fonction include personnalisée de WebController.gs.

Afficher le code JavaScript.html

apps-script/incident-response/JavaScript.html
<script>
  var formDiv = document.getElementById('form');
  var outputDiv = document.getElementById('output');
  var clearDiv = document.getElementById('clear');

  function handleFormSubmit(formObject) {
    event.preventDefault();
    outputDiv.innerHTML = 'Please wait while we create the space...';
    hide(formDiv);
    show(outputDiv);
    google.script.run
      .withSuccessHandler(updateOutput)
      .withFailureHandler(onFailure)
      .createChatSpace(formObject);
  }

  function updateOutput(response) {
    var spaceId = response.replace('spaces/', '');
    outputDiv.innerHTML =
      '<p>Space created!</p><p><a href="https://mail.google.com/chat/#chat/space/'
        + spaceId
        + '" target="_blank">Open space</a></p>';
    show(outputDiv);
    show(clearDiv);
  }

  function onFailure(error) {
    outputDiv.innerHTML = 'ERROR: ' + error.message;
    outputDiv.classList.add('error');
    show(outputDiv);
    show(clearDiv);
  }

  function onReset() {
    outputDiv.innerHTML = '';
    outputDiv.classList.remove('error');
    show(formDiv);
    hide(outputDiv);
    hide(clearDiv);
  }

  function hide(element) {
    element.classList.add('hidden');
  }

  function show(element) {
    element.classList.remove('hidden');
  }
</script>
Stylesheet.html

CSS pour le site Web d'initialisation de l'incident Il est incluses dans Index.html par la fonction include personnalisée dans WebController.gs

Afficher le code Stylesheet.html

apps-script/incident-response/Stylesheet.html
<style>
  * {
    box-sizing: border-box;
  }
  body {
    font-family: Roboto, Arial, Helvetica, sans-serif;
  }
  div.container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
  }
  div.content {
    width: 80%;
    max-width: 1000px;
    padding: 1rem;
    border: 1px solid #999;
    border-radius: 0.25rem;
    box-shadow: 0 2px 2px 0 rgba(66, 66, 66, 0.08), 0 2px 4px 2px rgba(66, 66, 66, 0.16);
  }
  h1 {
    text-align: center;
    padding-bottom: 1rem;
    margin: 0 -1rem 1rem -1rem;
    border-bottom: 1px solid #999;
  }
 #output {
    text-align: center;
    min-height: 250px;
  }
  div#clear {
    text-align: center;
    padding-top: 1rem;
    margin: 1rem -1rem 0 -1rem;
    border-top: 1px solid #999;
  }
  input[type=text], textarea {
    width: 100%;
    padding: 1rem 0.5rem;
    margin: 0.5rem 0;
    border: 0;
    border-bottom: 1px solid #999;
    background-color: #f0f0f0;
  }
  textarea {
    height: 5rem;
  }
  small {
    color: #999;
  }
  input[type=submit], input[type=reset] {
    padding: 1rem;
    border: none;
    background-color: #6200ee;
    color: #fff;
    border-radius: 0.25rem;
    width: 25%;
  }
  .hidden {
    display: none;
  }
  .text-center {
    text-align: center;
  }
  .error {
    color: red;
  }
</style>

Trouver votre numéro et votre ID de projet Cloud

  1. Dans la console Google Cloud, accédez à votre projet Cloud.

    Accéder à Google Cloud Console

  2. Cliquez sur Paramètres et utilitaires . &gt; Paramètres du projet.

  3. Notez les valeurs des champs Numéro du projet et ID du projet. Toi utilisez-les dans les sections suivantes.

Créer le projet Apps Script

Pour créer un projet Apps Script et l'associer à votre Cloud:

  1. Cliquez sur le bouton suivant pour ouvrir le projet Apps Script Répondre aux incidents avec Google Chat.
    Ouvrir le projet
  2. Cliquez sur Vue d'ensemble.
  3. Sur la page "Vue d'ensemble", cliquez sur Créer une copie Icône pour créer une copie.
  4. Nommez votre copie du projet Apps Script:

    1. Cliquez sur Copie de Répondre aux incidents avec Google Chat.

    2. Dans Titre du projet, saisissez Incident Management Chat app.

    3. Cliquez sur Renommer.

  5. Dans votre copie du projet Apps Script, accédez à Consts.gs et remplacez YOUR_PROJECT_ID par l'ID de votre Google Cloud.

Définir le projet Cloud du projet Apps Script

  1. Dans votre projet Apps Script, cliquez sur Icône des paramètres du projet Paramètres du projet.
  2. Sous Projet Google Cloud Platform (GCP), cliquez sur Changer de projet.
  3. Dans Numéro de projet GCP, collez le numéro de votre projet Cloud.
  4. Cliquez sur Définir un projet. Le projet Cloud et Apps Script projet sont maintenant connectés.

Créer un déploiement Apps Script

Maintenant que tout le code est en place, déployez Apps Script projet. Vous utilisez l'ID de déploiement lorsque vous configurez Application de chat dans Google Cloud

  1. Dans Apps Script, ouvrez le projet de l'application de gestion des incidents.

    Accéder à Apps Script

  2. Cliquez sur Déployer > Nouveau déploiement.

  3. Si Module complémentaire et Application Web ne sont pas déjà sélectionnés, à côté de Sélectionnez le type, cliquez sur les types de déploiement Icône des paramètres du projet, puis sélectionnez Module complémentaire et Application Web.

  4. Dans Description, saisissez une description pour cette version, par exemple Complete version of incident management app

  5. Dans Exécuter en tant que, sélectionnez Utilisateur accédant à l'application Web.

  6. Sous Qui a accès, sélectionnez Tous les membres de votre organisation Workspace. où "votre organisation Workspace" est le nom de votre organisation Google Workspace.

  7. Cliquez sur Déployer. Rapports Apps Script réussis déploiement, et fournit un ID de déploiement et une URL pour l'incident page Web d'initialisation.

  8. Notez l'URL de l'application Web. Vous pourrez y accéder par la suite au début d'un incident. Copiez l'ID de déploiement. Vous utilisez cet identifiant lorsque vous configurez Application Chat dans la console Google Cloud

  9. Cliquez sur OK.

Configurer l'application Chat dans la console Google Cloud

Cette section explique comment configurer l'API Google Chat dans la console Google Cloud contenant des informations sur votre application Chat, y compris ID du déploiement que vous venez de créer à partir de votre script Apps Script projet.

  1. Dans la console Google Cloud, cliquez sur Menu. &gt; Autres produits &gt; Google Workspace &gt; Bibliothèque de produits &gt; API Google Chat &gt; Gérer &gt; Configuration.

    Accéder à la configuration de l'API Chat

  2. Dans le champ Nom de l'application, saisissez Incident Management.

  3. Dans le champ URL de l'avatar, saisissez https://developers.google.com/chat/images/quickstart-app-avatar.png.

  4. Dans Description, saisissez Responds to incidents..

  5. Activez l'option Activer les fonctionnalités interactives.

  6. Sous Fonctionnalité, sélectionnez Recevoir des messages privés, Rejoindre des espaces et des conversations de groupe.

  7. Sous Paramètres de connexion, sélectionnez Projet Apps Script.

  8. Dans Deployment ID (ID de déploiement), collez l'ID de déploiement Apps Script. que vous avez copiée précédemment depuis le projet Apps Script le déploiement.

  9. Enregistrez une commande à barre oblique que la commande Utilisation complète d'une application Chat:

    1. Sous Commandes à barre oblique, cliquez sur Ajouter une commande à barre oblique.

    2. Dans le champ Nom, saisissez /closeIncident.

    3. Dans le champ ID de commande, saisissez 1.

    4. Dans Description, saisissez Closes the incident being discussed in the space.

    5. Sélectionnez Ouvre une boîte de dialogue.

    6. Cliquez sur OK. La commande à barre oblique est enregistrée et répertoriée.

  10. Sous Visibilité, sélectionnez Rendre cette application Chat accessible à des personnes et des groupes spécifiques dans votre domaine Workspace, puis saisissez votre adresse e-mail.

  11. Sous Journaux, sélectionnez Consigner les erreurs dans Logging.

  12. Cliquez sur Enregistrer. Un message indiquant que la configuration est enregistrée s'affiche, prêts à être testés.

Tester l'application Chat

Pour tester l'application Chat de gestion des incidents, lancez une de la page Web et vérifiez que l'application Chat fonctionne comme prévu:

  1. Accédez à l'URL de l'application Web de déploiement d'Apps Script.

  2. Quand Apps Script demande l'autorisation d'accéder à vos données, cliquez sur Examiner les autorisations, puis connectez-vous avec un compte Google approprié. dans votre domaine Google Workspace, puis cliquez sur Allow (Autoriser).

  3. La page Web d'initialisation de l'incident s'ouvre. Saisissez les informations relatives au test:

    1. Dans le champ Titre de l'incident, saisissez The First Incident.
    2. Si vous le souhaitez, dans Répondants aux incidents, saisissez les adresses e-mail vos collègues de la réponse aux incidents. Il doit s'agir d'utilisateurs ayant un compte Google Chat de votre organisation Google Workspace ; ou la création d'un espace. Ne saisissez pas votre propre adresse e-mail, car elle est automatiquement inclus.
    3. Dans le champ Message initial, saisissez Testing the incident management Chat app..
  4. Cliquez sur Créer un espace Chat. Un message creating space s'affiche.

  5. Une fois l'espace créé, un message Space created! s'affiche. Cliquez sur Ouvrir l'espace : cette option permet d'ouvrir l'espace dans Chat dans un nouvel onglet.

  6. Si vous le souhaitez, vous et les autres personnes impliquées dans la gestion des incidents pouvez envoyer des messages dans le espace. L'application résume ces messages à l'aide de Vertex AI et partage un document rétrospectif.

  7. Pour mettre fin à la réponse à l’incident et commencer le processus de résolution, dans le Espace Chat, saisissez /closeIncident. Une gestion des incidents s'ouvre.

  8. Dans Fermer l'incident, saisissez une description pour la résolution de l'incident. comme Test complete.

  9. Cliquez sur Fermer l'incident.

L'application de gestion des incidents liste les messages de l'espace et les résume avec Vertex AI, colle le résumé dans un document Google Docs et partage dans l'espace.

Effectuer un nettoyage

Afin d'éviter que des frais ne soient facturés sur votre compte Google Cloud pour utilisées dans ce tutoriel, nous vous recommandons de supprimer Google Cloud.

  1. Dans la console Google Cloud, accédez à la page Gérer les ressources. Cliquez sur Menu &gt; IAM et Administrateur &gt; Gérer les ressources.

    <ph type="x-smartling-placeholder"></ph> Accéder au gestionnaire de ressources

  2. Dans la liste des projets, sélectionnez celui que vous souhaitez supprimer, puis cliquez sur Supprimez .
  3. Dans la boîte de dialogue, saisissez l'ID du projet, puis cliquez sur Arrêter pour le supprimer. le projet.