Добавьте чат в свои приложения AppSheet

1. Прежде чем начать

Приложения для чата — это веб-приложения или сервисы, работающие в Google Chat. Теперь AppSheet позволяет любому приложению AppSheet работать как приложение для чата. После включения и публикации они добавляют дополнительный форм-фактор к данным, отображаемым в приложениях AppSheet.

Что вы узнаете

  • Как взять существующий пример шаблона приложения и включить в него функции чата.
  • Как настроить поведение приложения «Чат».
  • Как добавить ваше приложение для чата в существующее пространство чата Workspace.
  • Как создать автоматизированную систему чата , которая отправляет сообщения в пространство чата.

Что вы построите

В этом практическом занятии вы узнаете, как взять существующее шаблонное приложение, включить, настроить и опубликовать его как приложение для чата. Затем будет показано, как добавить приложение чата в существующее пространство чата для автоматической рассылки сообщений.

Что вам понадобится

  • Доступ к среде разработки AppSheet ( appsheet.com ).

2. Скопируйте шаблон приложения «Простая инвентаризация».

Для начала скопируйте приложение Simple Inventory Template. После этого в данном практическом задании в приложении будет включена функция чата.

  1. Перейдите на главную страницу AppSheet ( appsheet.com ), затем нажмите «Создать» > «Приложение» > «Начать с шаблона» .

Создайте приложение, используя шаблон.

  1. На карточке шаблона приложения «Простая инвентаризация» нажмите «Копировать» .

Нажмите кнопку «Копировать» в шаблоне «Простая опись имущества».

  1. В диалоговом окне «Клонировать приложение» назовите приложение Simple Inventory Chat .

Диалог клонирования приложения.

Создается новая копия шаблона приложения, которая загружается в редактор AppSheet.

Простой шаблон приложения для учета запасов, скопированный в редакторе таблиц приложений.

  1. При загрузке приложения обратите внимание на предупреждение о том, что боты отправляют электронные письма только владельцу приложения, поскольку оно еще не развернуто. Чтобы включить чат, необходимо развернуть приложение, поэтому разверните его, перейдя на страницу «Управление» в редакторе. Затем нажмите «Опубликовать» , а затем « Перевести приложение в развернутое состояние» .

Развертывание приложения.

3. Создайте и настройте новое приложение для чата.

Следующие шаги показывают, как создать новое приложение «Чат» в текущем приложении AppSheet.

Создайте приложение для чата.

  1. Чтобы просмотреть настройки чата, перейдите на страницу настроек чата в навигаторе AppSheet.

Страница настроек чата в редакторе AppSheet.

  1. Чтобы начать настройку приложения «Чат», нажмите «Создать» .
  2. В диалоговом окне «Включить» нажмите «Далее» , чтобы продолжить.

Включить изображение диалогового окна.

Важно: появится сообщение о том, что создание приложения чата занимает несколько минут . Не обновляйте эту страницу .

Сообщение с пояснением, что удалять страницу не следует.

  1. При создании приложения «Чат» появляется страница «Настройка» .

На данном этапе приложение «Чат» создано и уже опубликовано. Все последующие шаги по настройке являются необязательными.

Страница настройки приложения для чата.

  1. Нажмите на «Первое сообщение» и выберите «Текст сообщения» , чтобы настроить первое сообщение, отображаемое при появлении чата. Добавьте любое пользовательское сообщение, которое вы хотите видеть при первом отображении приложения чата.

Настройка текста сообщения.

  1. Прокрутите вниз до раздела «Настройка действий» и нажмите «Действие» .

Страница настройки действий.

  1. В появившемся меню «Действия» выберите первый пункт: «Кодировка косой чертой: Открыть вид приложения» .

Контекстное меню действий

  1. Введите следующее:

Просмотр приложения

Inventory_log (выберите из выпадающего списка)

Имя

/log

Описание

View the inventory log

Параметры командной строки.

  1. Нажмите «Далее» , чтобы продолжить.

Поздравляем! Ваше первое чат-приложение, созданное с помощью AppSheet, успешно развернуто!

Экран развертывания приложения для чата.

4. Установите приложение для чата.

Теперь, когда ваше приложение развернуто, для его использования вам необходимо установить его в вашей среде чата.

Для установки выполните следующие шаги:

  1. Откройте Google Чат .
  2. Нажмите на значок «+» справа от «Чата» .
  3. Найдите своё приложение: Simple Inventory Chat .

Добавить приложение для чата в раздел «Чат»

  1. Найдите нужное приложение в результатах поиска, затем нажмите на него, чтобы установить.

Приложение чата после установки открывается в окне чата.

После установки ваше приложение «Чат» отправляет прямое сообщение с карточкой меню.

  1. Чтобы протестировать приложение, нажмите на «Журнал инвентаризации» (или на любую другую ссылку в карточке чата).

Текущий ассортимент товаров отображается в окне чата.

Простое приложение для чата по учету запасов.

  1. Дополнительно: Щелкните по другой ссылке, «Элементы». Обратите внимание, что это откроет приложение в новом окне. Это связано с тем, что отображение «Элементов» не поддерживается в интерфейсе чата.

Отображение элементов в режиме чата не поддерживается.

  1. Дополнительно: поэкспериментируйте с версией приложения Simple Inventory Chat в режиме чата.

5. Добавьте приложение «Чат» в пространство чата.

Следующие шаги добавят приложение «Чат» в пространство чата. Это полезно, если вы хотите, чтобы приложение «Чат» транслировало сообщения группе людей.

Создать новое пространство для чата

Для продолжения вам необходимо иметь доступ к чату.

  1. В окне чата в левом нижнем углу нажмите на значок «+» рядом с пунктом «Пространства» , чтобы добавить новое пространство.

Контекстное меню чатов.

  1. Нажмите «Создать пространство».
  2. В диалоговом окне назовите новое пространство как угодно. Рекомендуемое название — «Пространство для чата инвентаря» , поскольку в этом практическом задании оно будет упоминаться далее.

Создать диалоговое окно «Пространство».

  1. Нажмите «Создать» , чтобы завершить создание нового пространства.

После создания новое пространство для чата отображается в левом нижнем углу окна чата.

Интерфейс Spaces.

Добавьте свое приложение для чата в новое пространство для чата.

  1. Чтобы добавить ваше приложение для чата в ваше пространство чата, щелкните по пространству, а затем щелкните стрелку вниз справа от названия пространства чата. Это вызовет контекстное выпадающее меню.
  2. Нажмите на «Приложения и интеграции» .

Приложения и интеграции.

Появляется диалоговое окно, позволяющее добавлять приложения в ваше пространство.

  1. Нажмите кнопку «+ Добавить приложения» .

Добавьте приложения в чат-зону инвентаря.

  1. В диалоговом окне найдите приложение Simple Inventory Chat и нажмите «Добавить» .

Добавление приложения в пространство чата.

После завершения добавления приложения «Чат» в ваше пространство, оно отправляет сообщение этому пространству.

Добавлено окно чата с новым приложением для чата.

Теперь, когда ваше новое приложение «Чат» установлено в вашем чат-пространстве, вернитесь в приложение «Чат» и добавьте автоматизацию для отправки сообщений в это чат-пространство.

6. Создайте автоматизацию чата для отправки сообщений в пространство чата.

Следующие шаги показывают, как опубликовать приложение «Чат»:

  1. Вернитесь в приложение AppSheet и снова откройте страницу настроек чата (если она еще не открыта).
  2. Нажмите «Настроить» , чтобы открыть настройки приложения «Чат».
  3. Нажмите кнопку «+ Действие» , чтобы вызвать контекстное меню для действий в чате.

Кнопка действия.

  1. Нажмите на опцию «Сообщение при изменении данных» . Это создаст полностью автоматизированную систему для отправки сообщений при любых изменениях данных.

Контекстное меню действий.

Новая функция автоматизации отображается в редакторе AppSheet.

Важно: Пока не нажимайте кнопку «Сохранить» в правом верхнем углу. Вам необходимо дополнительно настроить автоматизацию.

  1. Нажмите на кнопку «Отправить сообщение в чате» .

Автоматизация чата.

Это откроет окно настроек справа.

  1. В разделе «Содержание сообщения» и «Идентификатор(ы) пространства» нажмите «Добавить» .

Добавление пространства для чата в автоматизацию чата.

  1. Нажмите на опцию «Чат в разделе «Инвентарь»» , чтобы настроить автоматическую отправку сообщений в этот чат.
  2. Обновите текст сообщения , так как таблица «Элементы» была обновлена .
  3. В раскрывающемся списке параметра «Отправить представление приложения (необязательно)» выберите Items_Detail .

Содержание сообщения должно быть окончательно доработано.

Настройки содержимого заключительного сообщения.

  1. В правом верхнем углу редактора AppSheet нажмите кнопку «Сохранить» .

Ваше приложение для чата теперь настроено на отправку сообщений в ваше чат-пространство!

7. Протестируйте автоматизацию чата.

Следующие шаги позволят вам протестировать автоматизацию и увидеть, как она отправляет сообщения в ваше чат-пространство. В окне предварительного просмотра редактора Appsheet обновите запись в таблице Items . Это запустит автоматизацию для отправки сообщения в чат-пространство.

  1. В окне предварительного просмотра редактора AppSheet нажмите на значок мобильного устройства . 63e1499db148fde8.png Чтобы отобразить приложение в мобильном режиме, нажмите на запись — например, «Пила» .

Приложение в окне предварительного просмотра на мобильном устройстве.

  1. В окне « Подробная информация о записи» нажмите на значок «Редактировать» .

Просмотр сведений о записи.

  1. Измените описание на «Беспроводная циркулярная пила» .

Редактирование описания в записи.

  1. Нажмите кнопку «Сохранить» в окне предварительного просмотра, после чего будет отправлено сообщение в ваш чат.

После получения сообщения вы услышите уведомление от Chat Bing!

  1. Вернитесь в окно чата, затем нажмите на значок чата в правом нижнем углу и просмотрите новое сообщение: «Таблица товаров была обновлена ​​вместе с карточкой чата Items_Detail» .

Интерфейс чата с сообщением из приложения «Чат».

8. Поздравляем!

Вы завершили практическое занятие по созданию чат-приложений AppSheet!

Дополнительная информация