Это небольшое Todo приложение (добавление, выполнение и удаление задач. См. видео) демонстрирует пример взаимодействия с Assistant Client. Для работы необходимо создать проект в "SmartApp Code" и смартап в "SmartApp Studio", сгенерировать token и запустить проект.
- Идём на страницу SmartApp Code (ссылка);
- Нажимаем "Создать проект";
- Указываем "Имя";
- Нажимаем "Создать";
- Переходим на страницу с проектами (ссылка);
- В меню проекта (кнопка "⋮") выбираем "Загрузить";
- Выбирает архив "scenario-example.zip" (лежит в корне проекта);
- Нажимаем "Сценарии";
- Нажимаем "Собрать";
- Нажимаем "Публикации";
- Нажимаем "Получить вебхук" (URL на Webhook в буфере обмена).
- Идём на страницу SmartApp Studio (ссылка);
- Нажимаем "Создать смартап";
- Указываем "Название смартапа" (указываем это же название в файле ".env.sample", в строке "REACT_APP_SMARTAPP");
- Переключаем "Выбор типа смартапа" на "Canvas App";
- Переключаем "Выбор инструмента" на "Есть готовое приложение";
- Указываем URL на "Webhook" (полученный в "SmartApp Code");
- Указываем URL на "Frontend Endpoint" (url страницы, где будет размещаться клиентская часть вашего приложения. Для локального запуска не используется, можете указать любой);
- Нажимаем "Создать смартап".
- Идём на страницу SmartApp Studio (ссылка);
- В меню пользователя (правый верхний угол) выбираем "Настройки профиля";
- Нажимаем "Auth Token";
- Нажимаем "Обновить ключ";
- Нажимаем "Скопировать ключ" (сейчас token в буфере);
- Указываем токен в файле ".env.sample", в строке "REACT_APP_TOKEN".
- Переименовываем файл ".env.sample" в ".env".
npm install
npm start