ym88659208ym87991671
Создаем интерфейс Canvas App | Документация для разработчиков

Создаем интерфейс Canvas App

Обновлено 15 декабря 2023

Вы можете сделать интерфейс для Canvas App на любой веб-технологии с возможностью запуска через компонент WebView.

Для взаимодействия с виртуальным ассистентом можно использовать Assistant Client. Также у вас должна быть последняя версия JavaScript API.

Способы создания интерфейса

При создании Canvas App вы можете использовать дизайн-систему Plasma — набор готовых компонентов интерфейса, которые позволят вашему смартапу соответствовать единому стилю Studio. В состав дизайн-системы входят базовые компоненты, написанные на React.

Еще один способ создания интерфейса — с помощью AML-разметки прямо в сценарии Canvas App.

Поддержка медиаконтента

Canvas App запускается и работает внутри компонента WebView. Это значит, что смартап поддерживает те же возможности, что и обычный веб-браузер. Однако у Canvas App есть несколько ограничений, из-за которых вам будут не доступны следующие возможности:

  • использование localStorage для хранения данных в браузере;
  • использование getUserMedia для получения доступа к камере и микрофону;
  • получение доступа к персональным данным пользователей (например, к геолокации).

Эти ограничения распространяются на все устройства. Остальные возможности веб-браузера доступны в Canvas App по умолчанию. Например, в своем смартапе вы сможете отображать контент веб-сайтов, а также воспроизводить видео и аудио.

Используйте библиотеку salutejs-client при создании Canvas App с голосовым ассистентом Салют. Подробная информация — на GitHub.

ПАО Сбербанк использует cookie для персонализации сервисов и удобства пользователей.
Вы можете запретить сохранение cookie в настройках своего браузера.