Reagowanie na incydenty przy użyciu Google Chat, Vertex AI i Apps Script

W tym samouczku pokazujemy, jak utworzyć aplikację Google Chat, która będzie reagować na incydenty w czasie rzeczywistym. Podczas reagowania na incydent tworzy i wypełnia pokój czatu, ułatwia rozwiązywanie incydentów za pomocą wiadomości, poleceń po ukośniku i okna, a także korzysta z AI do podsumowania odpowiedzi na incydent w dokumencie w Dokumentach Google.

Incydent to zdarzenie, które wymaga natychmiastowej uwagi zespołu, aby można było je rozwiązać. Przykłady takich zdarzeń:

• Na platformie do zarządzania relacjami z klientami (CRM) tworzone są zgłoszenia pilne, co wymaga współpracy zespołu usługi nad rozwiązaniem problemu.
• System przestaje działać, co powoduje wysłanie alertu do grupy inżynierów ds. niezawodności witryny (SRE), aby mogli wspólnie przywrócić go do działania.
• Dochodzi do trzęsienia ziemi o dużej sile, a ratownicy muszą skoordynować swoje działania.

Na potrzeby tego samouczka alert dotyczący incydentu jest uruchamiany, gdy ktoś zgłosi incydent jednym kliknięciem na stronie internetowej. Strona internetowa symuluje incydent, prosząc użytkowników o podanie podstawowych informacji o incydencie: tytułu, opisu i adresów e-mail służb ratowniczych.

Zobacz, jak działa aplikacja Google Chat do zarządzania incydentami:

Wymagania wstępne

Jeśli chcesz włączyć te wymagania w swojej organizacji, poproś administratora Google Workspace o ich włączenie:

• konto Google Workspace Business lub Enterprise z dostępem do Google Chat.
• Aby włączyć Katalog (udostępnianie kontaktów) w Google Workspace. Aplikacja do zarządzania incydentami korzysta z katalogu, aby wyszukać dane kontaktowe osób reagujących na incydenty, takie jak imię i nazwisko oraz adres e-mail. Osoby reagujące na incydenty muszą być użytkownikami z kontem Google Chat w Twojej organizacji Google Workspace.

Cele

• Twórz aplikację Google Chat, która reaguje na incydenty.
• Pomóż użytkownikom reagować na incydenty:
  • Tworzę przestrzenie odpowiedzi na incydenty.
  • Publikowanie wiadomości z podsumowaniem incydentów i odpowiedzi.
  • Wspieranie współpracy za pomocą funkcji interaktywnych aplikacji Google Chat.
• streszczać rozmowy i rozwiązania za pomocą Vertex AI.

Architektura

Na poniższym diagramie przedstawiono architekturę zasobów Google Workspace i Google Cloud używanych przez aplikację Google Chat do reagowania na incydenty.

Architektura pokazuje, jak aplikacja Google Chat do reagowania na incydenty przetwarza incydent i jego rozwiązanie.

1. Użytkownik zgłasza incydent z zewnętrznej witryny hostowanej w Apps Script.

2. Witryna wysyła asynchroniczne żądanie HTTP do aplikacji Google Chat, która jest również hostowana w Apps Script.

3. Odpowiedź na incydent w aplikacji Google Chat przetwarza żądanie:

   1. Usługa pakietu SDK do administracji Apps Script otrzymuje informacje o członkach zespołu, takie jak identyfikator użytkownika i adres e-mail.

   2. W przypadku zestawu żądań HTTP wysyłanych do interfejsu Chat API przy użyciu usługi Apps Script Advanced Chat aplikacja Google Chat tworzy odpowiedź na incydent w pokoju czatu, który zapełnia go członkami zespołu i wysyła do niego wiadomość.

4. Członkowie zespołu omawiają incydent w pokoju czatu.

5. Członek zespołu wywołuje polecenie ukośnikowe, aby zasygnalizować rozwiązanie problemu.

   1. Wywołanie HTTP interfejsu Chat API za pomocą usługi Apps Script Advanced Chat, która zawiera listę wszystkich wiadomości w pokoju Google Chat.

   2. Vertex AI odbiera wymienione wiadomości i generuje ich podsumowanie.

   3. Usługa Apps Script DocumentApp tworzy dokument w Dokumentach i dodaje do niego podsumowanie Vertex AI.

   4. Aplikacja Google Chat do obsługi incydentów wywołuje interfejs Google Chat API, aby wysłać wiadomość z linkiem do dokumentu Dokumenty z podsumowaniem.

Przygotowywanie środowiska

Z tej sekcji dowiesz się, jak utworzyć i skonfigurować projekt Google Cloud dla aplikacji Google Chat.

Utwórz projekt Google Cloud

Google Cloud Console

1. W konsoli Google Cloud kliknij Menu menu> Administracja > Utwórz projekt.

   Otwórz stronę Utwórz projekt

2. W polu Nazwa projektu wpisz nazwę projektu.

   Opcjonalnie: aby edytować identyfikator projektu, kliknij Edytuj. Po utworzeniu projektu nie można zmienić jego identyfikatora. Wybierz więc identyfikator, który będzie odpowiadał Twoim potrzebom przez cały czas trwania projektu.

3. W polu Lokalizacja kliknij Przeglądaj, aby wyświetlić potencjalne lokalizacje projektu. Następnie kliknij Wybierz.
4. Kliknij Utwórz. Konsola Google Cloud przejdzie do strony Panelu, a Twój projekt zostanie utworzony w ciągu kilku minut.

interfejs wiersza poleceń gcloud

Otwórz Google Cloud CLI (gcloud) w jednym z tych środowisk programistycznych:

• Cloud Shell: aby korzystać z terminala online z już skonfigurowanym interfejsem gcloud CLI, aktywuj Cloud Shell.
  Aktywuj Cloud Shell
• Interfejs lokalny: aby korzystać z lokalnego środowiska programistycznego, zainstaluj i inicjuj interfejs wiersza poleceń gcloud.
  Aby utworzyć projekt Cloud, użyj polecenia gcloud projects create:

  gcloud projects create PROJECT_ID

  Zastąp PROJECT_ID identyfikatorem projektu, który chcesz utworzyć.

Włączanie płatności w projekcie Cloud

Google Cloud Console

1. W konsoli Google Cloud otwórz Rozliczenia. Kliknij Menu menu > Płatności > Moje projekty.

   Otwórz stronę Płatności w sekcji Moje projekty

2. W sekcji Wybierz organizację wybierz organizację powiązaną z Twoim projektem Google Cloud.
3. W wierszu projektu otwórz menu Działania (more_vert), kliknij Zmień ustawienia płatności i wybierz konto rozliczeniowe Cloud Billing.
4. Kliknij Ustaw konto.

interfejs wiersza poleceń gcloud

1. Aby wyświetlić listę dostępnych kont rozliczeniowych, uruchom polecenie:

   gcloud billing accounts list

2. Aby połączyć konto rozliczeniowe z projektem Google Cloud:

   gcloud billing projects link PROJECT_ID --billing-account=BILLING_ACCOUNT_ID

   Zastąp następujące elementy:

   • PROJECT_ID to identyfikator projektu projektu Cloud, w którym chcesz włączyć płatności.
   • BILLING_ACCOUNT_ID to identyfikator konta rozliczeniowego, które ma być połączone z projektem Google Cloud.

Włącz interfejsy API

Konfigurowanie uwierzytelniania i autoryzacji

Uwierzytelnianie i autoryzacja umożliwia aplikacji Google Chat dostęp do zasobów w Google Workspace i Google Cloud w celu przetworzenia odpowiedzi na incydent.

W tym samouczku aplikację opublikujesz wewnętrznie, więc można używać obiektów zastępczych. Zanim opublikujesz aplikację na zewnątrz, zastąp informacje zastępcze na ekranie zgody prawdziwymi informacjami.

1. W konsoli Google Cloud otwórz Menu menu > Interfejsy API i usługi > Ekran zgody OAuth.

   Otwórz ekran zgody OAuth

2. W sekcji Typ użytkownika wybierz Wewnętrzny, a potem kliknij Utwórz.

3. W polu Nazwa aplikacji wpisz Incident Management.

4. W polu Adres e-mail użytkownika wybierz swój adres e-mail lub odpowiednią grupę Google.

5. W sekcji Dane kontaktowe dewelopera wpisz swój adres e-mail.

6. Kliknij Zapisz i kontynuuj.

7. Kliknij Dodaj lub usuń zakresy. Pojawi się panel z listą zakresów dla każdego interfejsu API włączonego w projekcie Cloud.

8. W sekcji Ręczne dodawanie zakresów wklej te zakresy:

   • 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. Kliknij Dodaj do tabeli.

10. Kliknij Aktualizuj.

11. Kliknij Zapisz i kontynuuj.

12. Zapoznaj się z podsumowaniem rejestracji aplikacji, a potem kliknij Powrót do panelu.

Tworzenie i wdrażanie aplikacji Google Chat

W tej sekcji skopiujesz i zaktualizujesz cały projekt Apps Script, który zawiera cały wymagany kod aplikacji dla aplikacji czatu, dzięki czemu nie musisz kopiować i wklejać poszczególnych plików.

Niektóre funkcje zawierają podkreślenia na końcu nazwy, np. processSlashCommand_() zamiast ChatApp.gs. Podkreślenie ukrywa funkcję na stronie internetowej inicjowania incydentu, gdy jest ona otwarta w przeglądarce. Więcej informacji znajdziesz w artykule Funkcje prywatne.

Apps Script obsługuje 2 typy plików: .gsskrypty i .htmlpliki. Aby zapewnić zgodność z tymi wymaganiami, kod JavaScript po stronie klienta jest umieszczony w tagach <script />, a kod CSS w tagach <style /> w pliku HTML.

Opcjonalnie możesz wyświetlić cały projekt na GitHubie.

Wyświetl w GitHubie

Oto omówienie każdego pliku:

Consts.gs

Określa stałe, do których odwołują się inne pliki kodu, w tym identyfikator projektu Cloud, identyfikator lokalizacji Vertex AI i identyfikator polecenia slash do zamykania incydentów.

Wyświetl kod Consts.gs

apps-script/incident-response/Consts.gs,

Wyświetl w GitHubie

const PROJECT_ID = 'replace-with-your-project-id';
const VERTEX_AI_LOCATION_ID = 'us-central1';
const CLOSE_INCIDENT_COMMAND_ID = 1;

ChatApp.gs

Obsługuje zdarzenia interakcji z czatem, w tym wiadomości, kliknięcia kart, polecenia i dialogi. Odpowiada na polecenie po ukośniku /closeIncident, otwierając okno ze szczegółowymi informacjami o rozwiązaniu incydentu. Czyta wiadomości w pokoju, wywołując metodę spaces.messages.list w Google Chat API. Pobiera identyfikatory użytkowników za pomocą usługi katalogowej pakietu Admin SDK w Apps Script.

Wyświetl kod aplikacji ChatApp.gs

apps-script/incident-response/ChatApp.gs

Wyświetl w GitHubie

/**
 * 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

Odbiera dane z formularza, który użytkownicy wypełniają na stronie początkowej zgłoszenia incydentu, i wykorzystuje je do skonfigurowania pokoju Google Chat, tworząc go i uzupełniając, a następnie publikuje wiadomość dotyczącą incydentu.

Wyświetl kod aplikacji ChatSpaceCreator.gs

apps-script/incident-response/ChatSpaceCreator.gs

Wyświetl w GitHubie

/**
 * 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

Wywołuje interfejs Google Docs API, aby utworzyć dokument Dokumenty Google na Dysku Google użytkownika, i zapisuje w nim podsumowanie informacji o incydencie utworzonych w VertexAiApi.gs.

Wyświetl kod aplikacji DocsApi.gs

apps-script/incident-response/DocsApi.gs

Wyświetl w GitHubie

/**
 * 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

Podsumuje rozmowę w pokoju czatu za pomocą Vertex AI. Podsumowanie jest publikowane w specjalnie utworzonym dokumencie w DocsAPI.gs.

Wyświetl kod VertexAiApi.gs

apps-script/incident-response/VertexAiApi.gs

Wyświetl w GitHubie

/**
 * 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

Udostępnia stronę internetową inicjowania incydentu.

Wyświetl kod WebController.gs

apps-script/incident-response/WebController.gs

Wyświetl w GitHubie

/**
 * 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

Kod HTML zawierający witrynę inicjującą incydent.

Wyświetl kod Index.html

apps-script/incident-response/Index.html

Wyświetl w GitHubie

<!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

Obsługuje zachowanie formularza, w tym przesyłanie, błędy i czyszczenie, w przypadku witryny inicjującej zdarzenie. Jest on zawarty w Index.html przez niestandardową funkcję include w WebController.gs.

Wyświetl kod JavaScript.html

apps-script/incident-response/JavaScript.html

Wyświetl w GitHubie

<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

Kod CSS strony internetowej inicjującej zdarzenie. Jest ona zawarta w Index.html przez niestandardową funkcję include w WebController.gs.

Wyświetl kod Stylesheet.html

apps-script/incident-response/arkusz stylów.html

Wyświetl w GitHubie

<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>

Znajdowanie numeru i identyfikatora projektu Cloud

1. W konsoli Google Cloud otwórz swój projekt Cloud.

   Otwórz konsolę Google Cloud

2. Kliknij Ustawienia i narzędzia more_vert > Ustawienia projektu.

3. Zapisz sobie wartości w polach Numer projektu i Identyfikator projektu. Będziesz ich używać w kolejnych sekcjach.

Tworzenie projektu Apps Script

Aby utworzyć projekt Apps Script i połączyć go z projektem Cloud:

1. Kliknij przycisk poniżej, aby otworzyć projekt Apps Script Odpowiadanie na incydenty przy użyciu Google Chat.
   Otwórz projekt
2. Kliknij info_outline Przegląd.
3. Na stronie Przegląd kliknij Utwórz kopię.

4. Nadaj nazwę kopii projektu Apps Script:

   1. Kliknij Kopia odpowiedzi na incydenty w Google Chat.

   2. W polu Nazwa projektu wpisz Incident Management Chat app.

   3. Kliknij Zmień nazwę.

5. W swojej kopii projektu Apps Script otwórz plik Consts.gs i zastąp YOUR_PROJECT_ID identyfikatorem swojego projektu Cloud.

Ustawianie projektu Google Cloud w projekcie Apps Script

1. W projekcie Apps Script kliknij Ustawienia projektu.
2. W sekcji Projekt Google Cloud Platform (GCP) kliknij Zmień projekt.
3. W polu Numer projektu GCP wklej numer swojego projektu Cloud.
4. Kliknij Ustaw projekt. Projekt w chmurze i projekt Apps Script są teraz połączone.

Tworzenie wdrożenia Apps Script

Teraz gdy masz już cały kod, wdróż projekt Apps Script. Używasz go podczas konfigurowania aplikacji Google Chat w Google Cloud.

1. W Google Apps Script otwórz projekt aplikacji do reagowania na incydenty.

   Otwórz Apps Script

2. Kliknij Wdróż > Nowe wdrożenie.

3. Jeśli Dodatek i Aplikacja internetowa nie są jeszcze zaznaczone, obok pozycji Wybierz typ kliknij typ wdrożenia  i wybierz Dodatek oraz Aplikacja internetowa.

4. W polu Opis wpisz opis tej wersji, np. Complete version of incident management app.

5. W sekcji Wykonaj jako wybierz Użytkownik korzystający z aplikacji internetowej.

6. W sekcji Kto ma dostęp wybierz Każdy w organizacji Workspace, gdzie „Twoja organizacja Workspace” to nazwa Twojej organizacji Google Workspace.

7. Kliknij Wdróż. Apps Script zgłasza pomyślne wdrożenie i udostępnia identyfikator wdrożenia oraz adres URL strony internetowej z inicjalizacją incydentu.

8. Zanotuj adres URL aplikacji internetowej, aby odwiedzić ją później, gdy uruchomisz zgłoszenie. Skopiuj identyfikator wdrożenia. Używasz tego identyfikatora podczas konfigurowania aplikacji Google Chat w konsoli Google Cloud.

9. Kliknij Gotowe.

Konfigurowanie aplikacji Google Chat w konsoli Google Cloud

W tej sekcji dowiesz się, jak skonfigurować interfejs Google Chat API w konsoli Google Cloud, podając informacje o aplikacji Google Chat, w tym identyfikator wdrożenia, które właśnie utworzono w projekcie Apps Script.

1. W konsoli Google Cloud kliknij Menu menu > Więcej usług > Google Workspace > Biblioteka usług > Interfejs API Google Chat > Zarządzaj > Konfiguracja.

   Otwórz konfigurację interfejsu Chat API

2. W polu Nazwa aplikacji wpisz Incident Management.

3. W polu URL awatara wpisz https://developers.google.com/chat/images/quickstart-app-avatar.png.

4. W polu Opis wpisz Responds to incidents..

5. Kliknij przełącznik Włącz funkcje interaktywne, aby go włączyć.

6. W sekcji Funkcje wybierz Odbieranie wiadomości 1:1 i Dołączanie do pokoi i rozmów grupowych.

7. W sekcji Ustawienia połączenia kliknij Apps Script.

8. W polu Identyfikator wdrożenia wklej identyfikator wdrożenia Apps Script skopiowany wcześniej z wdrożenia projektu Apps Script.

9. Zarejestruj polecenie po ukośniku, którego używa prawidłowo wdrożona aplikacja Google Chat:

   1. W sekcji Polecenia po ukośniku kliknij Dodaj polecenie po ukośniku.

   2. W polu Nazwa wpisz /closeIncident.

   3. W polu Identyfikator polecenia wpisz 1.

   4. W polu Opis wpisz:Closes the incident being discussed in the space.

   5. Kliknij Otwiera okno.

   6. Kliknij Gotowe. Polecenie po ukośniku zostanie zarejestrowane i wyświetlone.

10. W sekcji Widoczność wybierz Udostępnij tę aplikację do obsługi czatu konkretnym osobom i grupom w domenie Google Workspace i wpisz swój adres e-mail.

11. W sekcji Logi wybierz Rejestruj błędy w usłudze Logging.

12. Kliknij Zapisz. Pojawi się wiadomość o zapisanej konfiguracji, co oznacza, że aplikacja jest gotowa do testowania.

Testowanie aplikacji Google Chat

Aby przetestować aplikację Google Chat do zarządzania incydentami, utwórz incydent na stronie internetowej i sprawdź, czy aplikacja Google Chat działa zgodnie z oczekiwaniami:

1. Otwórz URL aplikacji internetowej wdrożenia Apps Script.

2. Gdy Apps Script poprosi o pozwolenie na dostęp do Twoich danych, kliknij Sprawdź uprawnienia, zaloguj się na odpowiednie konto Google w domenie Google Workspace i kliknij Zezwól.

3. Otworzy się strona internetowa inicjowania incydentu. Wpisz informacje o teście:

   1. W polu Nazwa incydentu wpisz The First Incident.
   2. Opcjonalnie w polu Służby ratunkowe wpisz adresy e-mail innych służb ratowniczych. Muszą to być użytkownicy z kontem Google Chat w organizacji Google Workspace, w przeciwnym razie utworzenie pokoju się nie uda. Nie wpisuj swojego adresu e-mail, bo zostanie podany automatycznie.
   3. W polu Pierwsza wiadomość wpisz Testing the incident management Chat app..

4. Kliknij Utwórz pokój na czacie. Pojawi się wiadomość z kategorii creating space.

5. Po utworzeniu pokoju pojawi się komunikat Space created!. Kliknij Otwórz pokój, aby otworzyć pokój w Google Chat w nowej karcie.

6. Opcjonalnie Ty i inni uczestnicy mogą wysyłać wiadomości w pokoju. Aplikacja podsumowuje te wiadomości za pomocą Vertex AI i udostępnia dokument retrospektywny.

7. Aby zakończyć proces reagowania na incydent i rozpocząć proces rozwiązywania problemu, w pokoju czatu wpisz /closeIncident. Otworzy się okno zarządzania incydentem.

8. W polu Zamknij incydent wpisz opis rozwiązania incydentu, na przykład Test complete.

9. Kliknij Zamknij zgłoszenie.

Aplikacja do zarządzania incydentami wyświetla listę wiadomości w pokoju, podsumowuje je za pomocą Vertex AI, wkleja podsumowanie w dokumencie Dokumenty Google i udostępnia dokument w pokoju.

Czyszczenie danych

Aby uniknąć obciążenia konta Google Cloud opłatami za zasoby zużyte w tym samouczku, zalecamy usunięcie projektu Google Cloud.

1. W konsoli Google Cloud otwórz stronę Zarządzanie zasobami. Kliknij Menu menu> Administracja > Zarządzaj zasobami.

   Otwórz Menedżera zasobów

2. Na liście projektów wybierz projekt, który chcesz usunąć, a potem kliknij Usuń delete.
3. W oknie wpisz identyfikator projektu i kliknij Wyłącz, aby usunąć projekt.

Powiązane artykuły

• Odpowiadanie na pytania na podstawie rozmów w Google Chat w aplikacji Gemini AI Chat
• Zarządzanie projektami za pomocą Google Chat, Vertex AI i Firestore
• Aplikacja do reagowania na incydenty uwierzytelnia się za pomocą danych logowania użytkownika, aby wywoływać interfejsy API i wywoływać usługi Google Cloud, takie jak interfejs Chat API i interfejs Vertex AI API. Oznacza to, że użytkownik inicjujący zdarzenie musi mieć dostęp do tych usług. Aby zwiększyć niezawodność aplikacji, możesz wywołać interfejs Vertex AI API za pomocą konta usługi zamiast danych logowania użytkownika wywołującego polecenie /closeIncident. Aby dowiedzieć się, jak skonfigurować konto usługi dla interfejsu Vertex AI API, zapoznaj się z artykułem Korzystanie z niestandardowego konta usługi.