Google Chat में संपर्कों को इकट्ठा और मैनेज करना

इस ट्यूटोरियल में, Google Chat ऐप्लिकेशन बनाने का तरीका बताया गया है. इससे Google Chat के उपयोगकर्ताओं को अपने निजी और कारोबार से जुड़े संपर्कों को मैनेज करने में मदद मिलती है. इकट्ठा करने के लिए तो Chat ऐप्लिकेशन उपयोगकर्ताओं को उन सभी कामों के लिए कार्ड मैसेज और डायलॉग बॉक्स में, संपर्क करने के लिए फ़ॉर्म दिया जाता है.

Chat ऐप्लिकेशन को इस्तेमाल करने का तरीका देखें:

  • स्लैश कमांड से संपर्क फ़ॉर्म.
    पहली इमेज. कॉन्टेंट बनाने Chat ऐप्लिकेशन स्लैश कमांड /about इस टेक्स्ट मैसेज और बटन के साथ इससे संपर्क करने के लिए फ़ॉर्म खुलता है.
  • संपर्क फ़ॉर्म, डायलॉग बॉक्स में.
    दूसरी इमेज. Chat ऐप्लिकेशन, एक डायलॉग बॉक्स खोलता है. इसमें उपयोगकर्ता, किसी संपर्क की जानकारी डाल सकते हैं.
  • पुष्टि और समीक्षा करने वाला डायलॉग बॉक्स.
    तीसरी इमेज. कॉन्टेंट बनाने Chat ऐप्लिकेशन, पुष्टि करने वाला डायलॉग दिखाता है. लोग इस जानकारी की समीक्षा और पुष्टि कर सकें, सबमिट करना.
  • नए संपर्क की पुष्टि करने वाला मैसेज. अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है
    चौथी इमेज. उपयोगकर्ता के सबमिट करने के बाद फ़ॉर्म सबमिट करने के बाद, Chat ऐप्लिकेशन सबमिट करने की पुष्टि करने के लिए मैसेज भेजें.
  • कार्ड मैसेज में मौजूद संपर्क फ़ॉर्म.
    पांचवीं इमेज. कॉन्टेंट बनाने Chat ऐप्लिकेशन, उपयोगकर्ताओं को संपर्क जोड़ने के लिए भी कहता है मैसेज में कार्ड से.

ज़रूरी शर्तें

  • कारोबार या एंटरप्राइज़ Google Workspace खाता, जिसके पास इसका ऐक्सेस है Google Chat.

मकसद

आर्किटेक्चर

Chat ऐप्लिकेशन, Google Apps Script में बनाया गया है. यह Chat के उपयोगकर्ताओं के मैसेज को प्रोसेस करने और उनका जवाब देने के लिए, इंटरैक्शन इवेंट का इस्तेमाल करता है.

यहां दिए गए चार्ट से पता चलता है कि उपयोगकर्ता आम तौर पर चैट ऐप्लिकेशन:

  1. कोई उपयोगकर्ता, Chat ऐप्लिकेशन से डायरेक्ट मैसेज खोलता है या Chat ऐप्लिकेशन को किसी मौजूदा स्पेस में जोड़ता है.

  2. Chat ऐप्लिकेशन, उपयोगकर्ता को संपर्क जोड़ने के लिए कहता है. इसके लिए, वह संपर्क फ़ॉर्म बनाकर उसे card ऑब्जेक्ट के तौर पर दिखाता है. संपर्क फ़ॉर्म दिखाने के लिए, Chat ऐप्लिकेशन उपयोगकर्ताओं को इन तरीकों से जवाब देता है:

    • @नाम से मैसेज और डायरेक्ट मैसेज का जवाब देने के लिए, संपर्क फ़ॉर्म शामिल होता है.
    • यह डायलॉग बॉक्स खोलकर, स्लैश निर्देश /addContact का जवाब देता है: संपर्क फ़ॉर्म भरें.
    • यह स्लैश कमांड /about का जवाब ऐसे मैसेज के साथ देता है जिसमें कोई संपर्क जोड़ें बटन. इस बटन पर क्लिक करके, लोग संपर्क फ़ॉर्म भरें.

  3. संपर्क फ़ॉर्म दिए जाने पर, उपयोगकर्ता अपनी संपर्क जानकारी डालता है को अपडेट करें:

    • नाम और सरनेम: स्ट्रिंग स्वीकार करने वाला ऐसा textInput विजेट.
    • जन्म की तारीख: यह एक ऐसा dateTimePicker विजेट है जिसमें सिर्फ़ तारीखें डाली जा सकती हैं.
    • संपर्क का टाइप: a selectionInput रेडियो बटन का विजेट, जो उपयोगकर्ताओं को कोई स्ट्रिंग चुनने और सबमिट करने की सुविधा देता है मान (Personal या Work).
    • समीक्षा करें और सबमिट करें बटन: a buttonList button विजेट वाला ऐसा कलेक्शन जिस पर उपयोगकर्ता क्लिक करके, ऐसी वैल्यू सबमिट करता है जानकारी मिलती है.

  4. Google Chat ऐप्लिकेशन, CARD_CLICKED इंटरैक्शन वाले इवेंट को मैनेज करता है उन वैल्यू को प्रोसेस करने के लिए जिन्हें उपयोगकर्ता इनपुट करता है. साथ ही, उन वैल्यू को पुष्टि करने वाला कार्ड.

  5. उपयोगकर्ता, पुष्टि करने वाले कार्ड की समीक्षा करता है और सबमिट करें बटन पर क्लिक करता है संपर्क जानकारी को अंतिम रूप देने के लिए.

  6. Google Chat ऐप्लिकेशन एक निजी मैसेज भेजता है सबमिशन की पुष्टि करता है.

वातावरण को तैयार करना

इस सेक्शन में, Chat ऐप्लिकेशन के लिए Google Cloud प्रोजेक्ट बनाने और उसे कॉन्फ़िगर करने का तरीका बताया गया है.

Google Cloud प्रोजेक्ट बनाना

Google Cloud कंसोल

  1. Google Cloud console में, मेन्यू > IAM और एडमिन > प्रोजेक्ट बनाएं पर जाएं.

    'प्रोजेक्ट बनाएं' पर जाएं

  2. प्रोजेक्ट का नाम फ़ील्ड में, अपने प्रोजेक्ट की जानकारी देने वाला नाम डालें.

    ज़रूरी नहीं: प्रोजेक्ट आईडी में बदलाव करने के लिए, बदलाव करें पर क्लिक करें. प्रोजेक्ट आईडी बदला नहीं जा सकता तो ऐसा आईडी चुनें जो प्रोजेक्ट के आजीवन प्रोजेक्ट.

  3. अपने प्रोजेक्ट के लिए संभावित जगहें दिखाने के लिए, जगह फ़ील्ड में, ब्राउज़ करें पर क्लिक करें. इसके बाद, चुनें पर क्लिक करें.
  4. बनाएं पर क्लिक करें. Google Cloud Console, डैशबोर्ड पेज पर जाता है और आपका प्रोजेक्ट बन जाता है कुछ ही मिनटों में.

gcloud सीएलआई

यहां दिए गए डेवलपमेंट एनवायरमेंट में से किसी एक में, Google Cloud को ऐक्सेस करें सीएलआई (gcloud):

  • Cloud Shell: पहले से सेट अप किए गए gcloud सीएलआई के साथ ऑनलाइन टर्मिनल का इस्तेमाल करने के लिए, Cloud Shell को चालू करें.
    अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है Cloud Shell चालू करें
  • लोकल शेल: लोकल डेवलपमेंट एनवायरमेंट का इस्तेमाल करने के लिए, इंस्टॉल करें और शुरू करें gcloud सीएलआई.
    Cloud प्रोजेक्ट बनाने के लिए, gcloud projects create कमांड का इस्तेमाल करें: 
    gcloud projects create PROJECT_ID
     आपको जो प्रोजेक्ट बनाना है उसका आईडी सेट करके PROJECT_ID को बदलें.

पुष्टि करने और अनुमति देने की सुविधा सेट अप करना

Google Chat ऐप्लिकेशन इस्तेमाल करने के लिए, आपको OAuth की सहमति वाली स्क्रीन, ताकि उपयोगकर्ता, Google Workspace ऐप्लिकेशन में आपके ऐप्लिकेशन को अनुमति दे सकते हैं. इनमें ये शामिल हैं Google Chat.

इस ट्यूटोरियल में, हमने एक ऐसा Chat ऐप्लिकेशन डिप्लॉय किया है जो सिर्फ़ जांच और इंटरनल इस्तेमाल के लिए है. इसलिए, सहमति वाली स्क्रीन के लिए प्लेसहोल्डर की जानकारी का इस्तेमाल किया जा सकता है. Chat ऐप्लिकेशन को पब्लिश करने से पहले, प्लेसहोल्डर की जानकारी को असल जानकारी से बदलें.

  1. Google Cloud Console में, यहां जाएं मेन्यू > एपीआई और सेवाएं > OAuth की सहमति वाली स्क्रीन.

    उस स्क्रीन पर जाएं जहां OAuth के लिए सहमति दी जाती है

  2. उपयोगकर्ता टाइप में जाकर, इंटरनल चुनें. इसके बाद, बनाएं पर क्लिक करें.

  3. ऐप्लिकेशन का नाम में, Contact Manager टाइप करें.

  4. उपयोगकर्ता सहायता ईमेल में, अपना ईमेल पता या कोई सही ईमेल पता चुनें Google ग्रुप.

  5. डेवलपर की संपर्क जानकारी में जाकर, अपना ईमेल पता डालें.

  6. सेव करें और जारी रखें पर क्लिक करें.

  7. दायरे पेज पर, सेव करें और जारी रखें पर क्लिक करें. ( चैट ऐप्लिकेशन के लिए, OAuth के किसी भी दायरे की ज़रूरत नहीं होती.

  8. खास जानकारी देखें. इसके बाद, डैशबोर्ड पर वापस जाएं पर क्लिक करें.

Chat ऐप्लिकेशन बनाना और डिप्लॉय करना

नीचे दिए गए सेक्शन में, आपने उस पूरे डेटा को कॉपी करके अपडेट किया Apps Script प्रोजेक्ट, जिसमें सभी ज़रूरी ऐप्लिकेशन शामिल हैं आपको चैट ऐप्लिकेशन का कोड मिलेगा, इसलिए आपको कोड को कॉपी करने की ज़रूरत नहीं है और हर फ़ाइल को चिपकाएं.

इसके अलावा, GitHub पर पूरा प्रोजेक्ट देखा जा सकता है.

GitHub पर देखें

यहां हर फ़ाइल की खास जानकारी दी गई है:

main.gs

यह ऐप्लिकेशन के सभी लॉजिक को मैनेज करता है. इसमें, उपयोगकर्ताओं के मैसेज भेजने के दौरान होने वाले इंटरैक्शन इवेंट भी शामिल हैं को खोजने के लिए, Chat ऐप्लिकेशन के बटन पर क्लिक करें. या चैट ऐप्लिकेशन के मैसेज खोलें या डायलॉग बॉक्स बंद करें.

main.gs कोड देखना

apps-script/contact-form-app/main.gs
/**
 * Copyright 2024 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/**
 * Responds to a MESSAGE interaction event in Google Chat.
 *
 * @param {Object} event the MESSAGE interaction event from Chat API.
 * @return {Object} message response that opens a dialog or sends private
 *                          message with text and card.
 */
function onMessage(event) {
  if (event.message.slashCommand) {
    switch (event.message.slashCommand.commandId) {
      case 1:
        // If the slash command is "/about", responds with a text message and button
        // that opens a dialog.
        return {
          text: "Manage your personal and business contacts 📇. To add a " +
                  "contact, use the slash command `/addContact`.",
          accessoryWidgets: [{ buttonList: { buttons: [{
            text: "Add Contact",
            onClick: { action: {
              function: "openDialog",
              interaction: "OPEN_DIALOG"
            }}
          }]}}]
        }
      case 2:
        // If the slash command is "/addContact", opens a dialog.
        return openDialog(event);
    }
  }

  // If user sends the Chat app a message without a slash command, the app responds
  // privately with a text and card to add a contact.
  return {
    privateMessageViewer: event.user,
    text: "To add a contact, try `/addContact` or complete the form below:",
    cardsV2: [{
      cardId: "addContactForm",
      card: {
        header: { title: "Add a contact" },
        sections:[{ widgets: CONTACT_FORM_WIDGETS.concat([{
          buttonList: { buttons: [{
            text: "Review and submit",
            onClick: { action: { function : "openNextCard" }}
          }]}
        }])}]
      }
    }]
  };
}

/**
 * Responds to CARD_CLICKED interaction events in Google Chat.
 *
 * @param {Object} event the CARD_CLICKED interaction event from Google Chat.
 * @return {Object} message responses specific to the dialog handling.
 */
function onCardClick(event) {
  // Initial dialog form page
  if (event.common.invokedFunction === "openDialog") {
    return openDialog(event);
  // Second dialog form page
  } else if (event.common.invokedFunction === "openNextCard") {
    return openNextCard(
      event.user,
      fetchFormValue(event, "contactName"),
      fetchFormValue(event, "contactBirthdate"),
      fetchFormValue(event, "contactType"),
      event.isDialogEvent
    );
  // Dialog form submission
  } else if (event.common.invokedFunction === "submitForm") {
    const userInputs = event.common.parameters;
    return submitForm(event.user, userInputs, event.dialogEventType);
  }
}

/**
 * Extracts form input value for a given widget.
 *
 * @param {Object} event the CARD_CLICKED interaction event from Google Chat.
 * @param {String} widgetName a unique ID for the widget, specified in the widget's name field.
 * @returns the value inputted by the user, null if no value can be found.
 */
function fetchFormValue(event, widgetName) {
  const formItem = event.common.formInputs[widgetName][""];
  // For widgets that receive StringInputs data, the value input by the user.
  if (formItem.hasOwnProperty("stringInputs")) {
    const stringInput = event.common.formInputs[widgetName][""].stringInputs.value[0];
    if (stringInput != null) {
      return stringInput;
    }
  // For widgets that receive dateInput data, the value input by the user.
  } else if (formItem.hasOwnProperty("dateInput")) {
    const dateInput = event.common.formInputs[widgetName][""].dateInput.msSinceEpoch;
     if (dateInput != null) {
       return dateInput;
     }
  }

  return null;
}

/**
 * Opens a dialog that prompts users to add details about a contact.
 *
 * @return {Object} a message with an action response to open a dialog.
 */
function openDialog() {
  return { actionResponse: {
    type: "DIALOG",
    dialogAction: { dialog: { body: { sections: [{
      header: "Add new contact",
      widgets: CONTACT_FORM_WIDGETS.concat([{
        buttonList: { buttons: [{
          text: "Review and submit",
          onClick: { action: { function: "openNextCard" }}
        }]}
      }])
    }]}}}
  }};
}

/**
 * Returns a dialog or card message that displays a confirmation of contact
 * details before users submit.
 *
 * @param {String} user the user who submitted the information.
 * @param {String} contactName the contact name from the previous dialog or card.
 * @param {String} contactBirthdate the birthdate from the previous dialog or card.
 * @param {String} contactType the contact type from the previous dialog or card.
 * @param {boolean} fromDialog whether the information was submitted from a dialog.
 *
 * @return {Object} returns a dialog or private card message.
 */
function openNextCard(user, contactName, contactBirthdate, contactType, fromDialog) {
  const name = contactName ?? "<i>Not provided</i>";
  const birthdate = contactBirthdate ?? "<i>Not provided</i>";
  const type = contactType ?? "<i>Not provided</i>";
  const cardConfirmation = {
    header: "Your contact",
    widgets: [{
      textParagraph: { text: "Confirm contact information and submit:" }}, {
      textParagraph: { text: "<b>Name:</b> " + name }}, {
      textParagraph: {
        text: "<b>Birthday:</b> " + convertMillisToDateString(birthdate)
      }}, {
      textParagraph: { text: "<b>Type:</b> " + type }}, {
      buttonList: { buttons: [{
        text: "Submit",
        onClick: { action: {
          function: "submitForm",
          parameters: [{
            key: "contactName", value: name }, {
            key: "contactBirthdate", value: birthdate }, {
            key: "contactType", value: type
          }]
        }}
      }]}
    }]
  };

  // Returns a dialog with contact information that the user input.
  if (fromDialog) {
    return { action_response: {
      type: "DIALOG",
      dialogAction: { dialog: { body: { sections: [ cardConfirmation ]}}}
    }};
  }

  // Updates existing card message with contact information that the user input.
  return {
    actionResponse: { type: "UPDATE_MESSAGE" },
    privateMessageViewer: user,
    cardsV2: [{
      card: { sections: [cardConfirmation]}
    }]
  }
}

/**
  * Submits information from a dialog or card message.
  *
  * @param {Object} user the person who submitted the information.
  * @param {Object} userInputs the form input values from event parameters.
  * @param {boolean} dialogEventType "SUBMIT_DIALOG" if from a dialog.
  * @return {Object} a message response that opens a dialog or posts a private
  *                  message.
  */
function submitForm(user, userInputs, dialogEventType) {
  const contactName = userInputs["contactName"];
  // Checks to make sure the user entered a contact name.
  // If no name value detected, returns an error message.
  if (!contactName) {
    const errorMessage = "Don't forget to name your new contact!";
    if (dialogEventType === "SUBMIT_DIALOG") {
      return { actionResponse: {
        type: "DIALOG",
        dialogAction: { actionStatus: {
          statusCode: "INVALID_ARGUMENT",
          userFacingMessage: errorMessage
        }}
      }};
    } else {
      return {
        privateMessageViewer: user,
        text: errorMessage
      };
    }
  }

  // The Chat app indicates that it received form data from the dialog or card.
  // Sends private text message that confirms submission.
  const confirmationMessage = "✅ " + contactName + " has been added to your contacts.";
  if (dialogEventType === "SUBMIT_DIALOG") {
    return {
      actionResponse: {
        type: "NEW_MESSAGE",
        dialogAction: { actionStatus: {
          statusCode: "OK",
          userFacingMessage: "Success " + JSON.stringify(contactName)
        }}
      },
      privateMessageViewer: user,
      text: confirmationMessage
    }
  } else {
    return {
      actionResponse: { type: "NEW_MESSAGE" },
      privateMessageViewer: user,
      text: confirmationMessage
    };
  }
}

/**
 * Converts date in milliseconds since epoch to user-friendly string.
 *
 * @param {Object} millis the milliseconds since epoch time.
 * @return {string} Display-friend date (English US).
 */
function convertMillisToDateString(millis) {
  const date = new Date(millis);
  const options = { year: 'numeric', month: 'long', day: 'numeric' };
  return date.toLocaleDateString('en-US', options);
}
contactForm.gs

इसमें ऐसे विजेट शामिल होते हैं जिन्हें उपयोगकर्ताओं से फ़ॉर्म डेटा मिलता है. ये फ़ॉर्म इनपुट विजेट, मैसेज और डायलॉग बॉक्स में दिखने वाले कार्ड में दिखते हैं.

contactForm.gs कोड देखें

apps-script/contact-form-app/contactForm.gs
/**
 * Copyright 2024 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/**
 * The section of the contact card that contains the form input widgets. Used in a dialog and card message.
 * To add and preview widgets, use the Card Builder: https://addons.gsuite.google.com/uikit/builder
 */
const CONTACT_FORM_WIDGETS = [
  {
    "textInput": {
      "name": "contactName",
      "label": "First and last name",
      "type": "SINGLE_LINE"
    }
  },
  {
    "dateTimePicker": {
      "name": "contactBirthdate",
      "label": "Birthdate",
      "type": "DATE_ONLY"
    }
  },
  {
    "selectionInput": {
      "name": "contactType",
      "label": "Contact type",
      "type": "RADIO_BUTTON",
      "items": [
        {
          "text": "Work",
          "value": "Work",
          "selected": false
        },
        {
          "text": "Personal",
          "value": "Personal",
          "selected": false
        }
      ]
    }
  }
];
appsscript.json

कॉन्टेंट बनाने Apps Script मेनिफ़ेस्ट जो चैट ऐप्लिकेशन.

appsscript.json कोड देखना

apps-script/contact-form-app/appsscript.json
{
  "timeZone": "America/Los_Angeles",
  "dependencies": {},
  "exceptionLogging": "STACKDRIVER",
  "runtimeVersion": "V8",
  "chat": {}
}

अपने Cloud प्रोजेक्ट का नंबर और आईडी ढूंढना

  1. Google Cloud Console में, अपने Cloud प्रोजेक्ट पर जाएं.

    Google Cloud Console पर जाएं

  2. सेटिंग और उपयोगिता पर क्लिक करें > प्रोजेक्ट सेटिंग पर क्लिक करें.

  3. प्रोजेक्ट नंबर और प्रोजेक्ट आईडी फ़ील्ड में मौजूद वैल्यू नोट कर लें. आपने लोगों तक पहुंचाया मुफ़्त में नीचे दिए गए सेक्शन में उनका इस्तेमाल करें.

Apps Script प्रोजेक्ट बनाना

Apps Script प्रोजेक्ट बनाने और उसे अपने Cloud प्रोजेक्ट:

  1. Google Chat में संपर्कों को मैनेज करें स्क्रिप्ट प्रोजेक्ट खोलने के लिए, नीचे दिए गए बटन पर क्लिक करें.
    प्रोजेक्ट खोलें
  2. खास जानकारी पर क्लिक करें.
  3. खास जानकारी देने वाले पेज पर, कॉपी बनाने के लिए आइकॉन कॉपी बनाएं पर क्लिक करें.

  4. Apps Script प्रोजेक्ट की अपने कॉपी का नाम रखें:

    1. Google Chat में संपर्कों को मैनेज करें पर क्लिक करें.

    2. प्रोजेक्ट टाइटल में, Contact Manager - Google Chat app टाइप करें

    3. नाम बदलें पर क्लिक करें.

Apps Script प्रोजेक्ट का Cloud प्रोजेक्ट सेट करना

  1. आपके Apps Script प्रोजेक्ट में, प्रोजेक्ट सेटिंग का आइकॉन प्रोजेक्ट सेटिंग पर क्लिक करें.
  2. Google Cloud Platform (GCP) प्रोजेक्ट में जाकर, प्रोजेक्ट बदलें पर क्लिक करें.
  3. GCP प्रोजेक्ट नंबर में, अपने Cloud प्रोजेक्ट का प्रोजेक्ट नंबर चिपकाएं.
  4. प्रोजेक्ट सेट करें पर क्लिक करें. Cloud प्रोजेक्ट और Apps Script प्रोजेक्ट अब कनेक्ट हो गया है.

Apps Script का डिप्लॉयमेंट बनाना

सभी कोड सही जगह पर होने के बाद, अब Apps Script को डिप्लॉय करें प्रोजेक्ट. डिप्लॉयमेंट आईडी का इस्तेमाल तब करें, जब Google Cloud में मौजूद Chat ऐप्लिकेशन.

  1. Apps Script में, Chat ऐप्लिकेशन की प्रोजेक्ट.

    Apps Script पर जाएं

  2. डिप्लॉय करें पर क्लिक करें > नया डिप्लॉयमेंट.

  3. अगर ऐड-ऑन पहले से चुना नहीं गया है, तो टाइप चुनें के बगल में, डिप्लॉयमेंट टाइप प्रोजेक्ट सेटिंग का आइकॉन पर क्लिक करें और ऐड-ऑन चुनें.

  4. ब्यौरा में, इस वर्शन के लिए ब्यौरा डालें, जैसे Test of Contact Manager.

  5. डिप्लॉय करें पर क्लिक करें. Apps Script रिपोर्ट हो गई डिप्लॉयमेंट और डिप्लॉयमेंट आईडी मुहैया कराता है.

  6. डिप्लॉयमेंट आईडी कॉपी करने के लिए, कॉपी करें पर क्लिक करें. इसके बाद, हो गया पर क्लिक करें.

Google Cloud Console में Chat ऐप्लिकेशन को कॉन्फ़िगर करना

इस सेक्शन में, Google Cloud कंसोल में Google Chat API को कॉन्फ़िगर करने का तरीका बताया गया है. इसमें आपके Chat ऐप्लिकेशन की जानकारी शामिल है. साथ ही, इसमें उस डिप्लॉयमेंट का आईडी भी शामिल है जिसे आपने अभी-अभी अपने Apps Script प्रोजेक्ट से बनाया है.

  1. Google Cloud Console में, मेन्यू पर क्लिक करें &gt; ज़्यादा प्रॉडक्ट &gt; Google Workspace &gt; प्रॉडक्ट लाइब्रेरी &gt; Google Chat API &gt; मैनेज करें &gt; कॉन्फ़िगरेशन.

    Chat API कॉन्फ़िगरेशन पर जाएं

  2. ऐप्लिकेशन का नाम में, Contact Manager टाइप करें.

  3. अवतार यूआरएल में, https://developers.google.com/chat/images/contact-icon.png टाइप करें.

  4. ब्यौरा में, Manage your personal and business contacts टाइप करें.

  5. इंटरैक्टिव सुविधाएं चालू करें टॉगल पर क्लिक करके, टॉगल को चालू करें.

  6. फ़ंक्शनलिटी में जाकर, 1:1 मैसेज पाएं चेकबॉक्स को चुनें और स्पेस और ग्रुप बातचीत में शामिल होना.

  7. कनेक्शन सेटिंग में जाकर, Apps Script चुनें.

  8. डिप्लॉयमेंट आईडी में, Apps Script डिप्लॉयमेंट आईडी चिपकाएं जिन्हें आपने पिछले सेक्शन में कॉपी किया था. Apps Script डिप्लॉयमेंट.

  9. स्लैश कमांड में जाकर, स्लैश कमांड /about सेट अप करें और /addContact:

    1. पहला स्लैश कमांड सेट अप करने के लिए, स्लैश कमांड जोड़ें पर क्लिक करें.
    2. नाम में, /about लिखें.
    3. कमांड आईडी में, 1 लिखें.
    4. Description में, टाइप करें Learn how to use this Chat app to manage your contacts.
    5. इस बटन पर क्लिक करने से एक डायलॉग बॉक्स खुलता है को चुनें.
    6. हो गया पर क्लिक करें.
    7. कोई दूसरा स्लैश कमांड सेट अप करने के लिए, स्लैश कमांड जोड़ें पर क्लिक करें.
    8. नाम में, /addContact टाइप करें
    9. कमांड आईडी में, 2 लिखें.
    10. Description में, टाइप करें Submit information about a contact.
    11. इस बटन पर क्लिक करने से एक डायलॉग बॉक्स खुलता है को चुनें.
    12. हो गया पर क्लिक करें.

  10. प्रॉडक्ट की उपलब्धता में जाकर, YOUR DOMAIN में मौजूद चुनिंदा लोगों और ग्रुप के लिए, इस Chat ऐप्लिकेशन को उपलब्ध कराएं चेकबॉक्स को चुनें. इसके बाद, अपना ईमेल पता डालें.

  11. लॉग में जाकर, लॉगिंग में गड़बड़ियां लॉग करें को चुनें.

  12. सेव करें पर क्लिक करें. कॉन्फ़िगर किया गया एक सेव किया गया मैसेज दिखेगा.

Chat ऐप्लिकेशन, Chat में इंस्टॉल और टेस्ट करने के लिए तैयार है.

Chat ऐप्लिकेशन को टेस्ट करना

Chat ऐप्लिकेशन को टेस्ट करने के लिए, कोई डायरेक्ट मैसेज स्पेस खोलें चैट ऐप्लिकेशन खोलें और मैसेज भेजें:

  1. उस Google Workspace खाते का इस्तेमाल करके Google Chat खोलें जब आपने खुद को भरोसेमंद टेस्टर के तौर पर जोड़ा हो.

    Google Chat पर जाएं

  2. नई चैट पर क्लिक करें.
  3. एक या उससे ज़्यादा लोगों को जोड़ें फ़ील्ड में, अपने चैट ऐप्लिकेशन.

  4. नतीजों में से अपना Chat ऐप्लिकेशन चुनें. एक डायरेक्ट मैसेज खुलता है.

  1. Chat ऐप्लिकेशन पर नए डायरेक्ट मैसेज में, /addContact लिखें और Enter दबाएं.

  2. इसके बाद, खुलने वाले डायलॉग बॉक्स में संपर्क जानकारी डालें:

    1. नाम और सरनेम टेक्स्ट फ़ील्ड में, नाम डालें.
    2. जन्म की तारीख चुनने वाले टूल में, कोई तारीख चुनें.
    3. संपर्क टाइप में जाकर, ऑफ़िस या निजी रेडियो बटन चुनें.

  3. समीक्षा करें और सबमिट करें पर क्लिक करें.

  4. पुष्टि करने वाले डायलॉग बॉक्स में, सबमिट की गई जानकारी की समीक्षा करें और सबमिट करें पर क्लिक करें. Chat ऐप्लिकेशन, मैसेज भेजकर जवाब देता है जिसमें लिखा हो ✅ CONTACT NAME has been added to your contacts..

  5. इसके अलावा, संपर्क फ़ॉर्म की जांच और उसे सबमिट करने के लिए, यहां दिया गया तरीका अपनाएं तरीके:

    • /about स्लैश कमांड का इस्तेमाल करें. चैट ऐप्लिकेशन, टेक्स्ट मैसेज और Add a contact लिखे हुए ऐक्सेसरी विजेट बटन के साथ जवाब देता है. बटन पर क्लिक करके, डायलॉग बॉक्स में संपर्क फ़ॉर्म भरें.
    • Chat ऐप्लिकेशन को डायरेक्ट मैसेज भेजने के लिए, स्लैश कमांड, जैसे कि Hello. Chat ऐप्लिकेशन टेक्स्ट और कार्ड के साथ जवाब देता है जिसमें संपर्क फ़ॉर्म होता है.

व्यवस्थित करें

इसके लिए आपके Google Cloud खाते पर लगने वाले शुल्क से बचने के लिए तो हमारा सुझाव है कि आप Cloud प्रोजेक्ट शामिल है.

  1. Google Cloud Console में, संसाधन मैनेज करें पेज पर जाएं. क्लिक करें मेन्यू &gt; IAM और एडमिन &gt; संसाधन मैनेज करें पर क्लिक करें.

    संसाधन मैनेजर पर जाएं

  2. प्रोजेक्ट की सूची में, वह प्रोजेक्ट चुनें जिसे मिटाना है. इसके बाद, क्लिक करें मिटाएं .
  3. डायलॉग में, प्रोजेक्ट आईडी टाइप करें. इसके बाद, प्रोजेक्ट को मिटाने के लिए बंद करें पर क्लिक करें.