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

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

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

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

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

Что ты построишь

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

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

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

2. Скопируйте приложение-шаблон Simple Inventory.

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

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

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

  1. На карточке приложения шаблона Simple Inventory нажмите Копировать .

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

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

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

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

Копия шаблона приложения Simple Inventory в редакторе Appsheet.

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

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

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

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

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

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

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

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

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

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

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

  1. Когда приложение Chat будет создано, появится страница настройки .

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

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

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

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

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

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

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

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

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

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

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

Имя

/log

Описание

View the inventory log

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

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

Поздравляем! Ваше первое приложение чата из AppSheet развернуто!

Приложение чата развернуто на экране.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы продолжить, у вас должно быть пространство чата для работы.

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

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

  1. Нажмите Создать пространство.
  2. В диалоговом окне назовите новое пространство как хотите. Рекомендуемое имя — Inventory Chat Space , как оно упоминается в этой кодовой лаборатории позже.

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

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

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

Пользовательский интерфейс Пространств.

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

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

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

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

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

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

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

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

Когда приложение Chat будет добавлено в ваше пространство, оно отправит сообщение в пространство.

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

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

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

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

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

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

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

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

Новая автоматизация появится в редакторе AppSheet.

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

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

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

Откроется окно настроек справа.

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

Добавление Chat Space в автоматизацию чата.

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

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

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

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

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

7. Проверьте автоматизацию чата

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

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

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

  1. В представлении сведений о записи щелкните значок «Редактировать» .

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

  1. Измените описание на «Циркулярная пила с аккумуляторной батареей» .

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

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

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

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

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

8. Поздравления

Вы завершили работу над кодом AppSheet Chat Apps!

дальнейшее чтение