Поделиться через


Создание страницы с помощью естественного языка

Используйте естественный язык для создания генеративной страницы, созданной с помощью ИИ. Генеративные страницы — это интерфейс на основе ИИ, предназначенный для упрощения, ускорения и улучшения процесса разработки приложений на основе модели. Взаимодействуя с агентом приложения, вы создаете полнофункциональные страницы в приложениях на основе модели, описывая то, что вам нужно, на естественном языке и указывая, на какие таблицы Microsoft Dataverse ссылаться. Вы даже можете прикрепить изображение того, как должна выглядеть страница.

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

Необходимые компоненты

  • Среда Power Platform должна находиться в регионе США. Эта функция пока недоступна в других регионах.

Создание генеративных страниц в приложениях на основе модели

  1. Выполните вход в Power Apps.

  2. Откройте приложение на основе модели для редактирования.

  3. В конструкторе приложений выберите Добавить страницу>Описать страницу.

    Откроется полностраничная генеративная страница.

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

  5. Добавьте таблицы и изображения по мере необходимости, выбрав Добавить данные>Добавить таблицу. Вы можете связать до шести таблиц Dataverse. На снимке экрана добавлена таблица учетных записей. Добавление таблицы на генеративную страницу

  6. При необходимости загрузите изображение, чтобы направлять пользовательский интерфейс созданной страницы, выбрав Добавить данные>Прикрепить изображение. Это может быть грубый набросок на салфетке или изображение с более высоким разрешением.

  7. При необходимости выберите модель ИИ, которую вы хотите использовать для создания страницы. Выберите модель искусственного интеллекта, которую вы хотите использовать для создания страницы

  8. Закончив описание страницы, выберите Создать страницу.

Агент начнет процесс многоэтапной сборки, который можно наблюдать в режиме реального времени:

  • Формулирование мыслей: агент сначала описывает свою интерпретацию запроса, перечисляет требования, предположения и план выполнения.
  • Создание кода: далее он записывает базовый код для страницы на основе плана.
  • Транспилирование: созданный код затем транспилирован, чтобы обеспечить совместимость и правильную отрисовку.
  • Окончательная отрисовка: наконец, отображается завершенный пользовательский интерфейс.

Если взаимодействие с пользователем не отображается в конце этого процесса, его можно просмотреть, выбрав вкладку "Предварительный просмотр".

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

Просмотр созданного кода, внесение изменений и публикация

После создания страницы у вас есть несколько вариантов для уточнения и завершения:

  1. Просмотр и изменение созданного кода Перейдите на вкладку "Код" , чтобы просмотреть код, созданный агентом приложения. Просмотр кода генеративной страницы и внесение изменений в дизайн

    Вы можете уточнить выходные данные двумя способами:

    • Итеративно общаться с агентом приложений для устранения ошибок, настройки макета или добавления функций.
    • Вручную измените код, выбрав "Изменить" на вкладке "Код". После внесения некоторых изменений можно нажать кнопку "Сохранить ", чтобы зафиксировать изменения в качестве новой итерации, или отменить изменения.
  2. Сравнение итераций Завершив две или более итерации с агентом, вы можете выбрать "Сравнить " на вкладке "Код", чтобы просмотреть диффы кода между текущим и предыдущим итерацией.

    Заметка

    Эта возможность в настоящее время доступна только после второй итерации в текущем сеансе.

  3. Присоединение снимка экрана для быстрого получения справки В интерфейсе чата нажмите кнопку "Присоединить>снимок экрана", чтобы включить снимок экрана текущей предварительной версии с последующим взаимодействием с агентом приложений. Это полезно для настройки визуальных элементов страницы.

  4. Сохранение и публикация На панели команд нажмите кнопку "Сохранить ", чтобы избежать потери хода выполнения на странице.
    Когда вы удовлетворены страницей, нажмите кнопку "Сохранить и опубликовать ", чтобы опубликовать все ожидающие изменения для приложения, включая все созданные страницы.

Важно

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

Добавление генеративных страниц в решения

Созданные страницы являются решениями и могут быть добавлены в решение (через приложение) для упрощения перемещения между средами. Чтобы добавить генерированную страницу в решение, сделайте следующее:

Важно

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

  1. Добавьте приложение, содержащее генеративные страницы, в решение
    • В Power Apps выберите решения в области навигации слева и откройте нужное решение.
    • Выберите "Добавить существующее > приложение на основе модели приложений>".
    • Выберите приложение, содержащее генеративные страницы.
  2. Экспорт решения (как управляемый или неуправляемый)
    • Убедитесь, что карта сайта приложения включена в решение. Если нет, его следует запрашивать во время проверок зависимостей.
    • Генеративные страницы (показанные как строки проекта агента UX) также должны будут запрашиваться на основе их зависимости от сайтмапа.

Заметка

Проверьте эти элементы, если во время проверок зависимостей не запрашиваются генеративные страницы.

  • Страницы, созданные во время предварительной версии, будут отображаться только в том случае, если они были перенесены. Загрузите их в конструктор для запуска миграции.
  • Если карта сайта включена в решение и страницы создания были перенесены, попробуйте внести незначительные изменения в карту сайта (например, переупорядочение или переименование страницы), повторно опубликовать приложение, а затем повторить экспорт.

После экспорта вы можете импортировать приложение и сгенерированные страницы в другую среду. При открытии в средстве проектирования в целевой среде будет доступна только первая подсказка и опубликованный код. Полная беседа агента не переносится вместе со страницей.

Ограничения

Ниже перечислены текущие ограничения генеративных страниц:

  • Страница может подключаться только к таблицам Dataverse (до 6 для одной страницы). С этими таблицами можно выполнять операции создания, чтения, обновления и удаления (CRUD). Никакие другие источники данных не могут быть использованы.
  • Запрос может содержать не более 50 000 символов.
  • Поддерживается только английский язык (США).
  • Совместная работа не поддерживается. Убедитесь, что только один создатель работает над генеративной страницей в каждый момент времени, чтобы избежать непреднамеренных конфликтов.
  • Поддерживаются только следующие типы данных:
    • Выбранный вариант
    • Валюта
    • Customer
    • Дата и время
    • Только дата
    • Десятичное число
    • Число с плавающей точкой
    • Изображения
    • Подстановка
    • Многострочный текст
    • Status
    • Причина состояния
    • Текст
    • Целое число
    • Да/нет
    • Уникальный идентификатор

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

Можно ли начать разработку приложения в Конструкторе планов, а затем использовать генеративные страницы?

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

Требуются ли какие-либо дополнительные сборы или кредиты для использования генеративных страниц?

Нет, для создания страниц (и планов) разработчик не требует дополнительных кредитов ИИ или сообщений.

Какие изображения лучше всего подходят для направления процесса создания пользовательского интерфейса?

Это зависит от вашей цели. Если вы точно знаете, как должна выглядеть конечная страница, четкие и подробные эскизы или каркасы (будь то нарисованные вручную или цифровые) являются наиболее эффективными. Если у вас есть только общая концепция и вы хотите, чтобы агент заполнил детали, то быстрые эскизы на маркерной доске или даже рисунки на салфетках могут сработать хорошо.

Можно ли использовать генеративные страницы с приложениями на основе холста или приложениями других типов?

Нет, генеративные страницы в настоящее время поддерживаются только в приложениях на основе модели.

Можно ли повторно использовать или клонировать генеративную страницу в разных средах?

Да, созданные страницы — это элементы, поддерживающие решение, которые можно перемещать в разных средах. В решении поддерживается только последняя опубликованная версия кода и первый запрос; Полный журнал редакций остается в исходной среде.

Можно ли отредактировать сгенерированный код вручную?

Да. Вы можете вручную изменить созданный код, нажав кнопку "Изменить " на вкладке "Код ". Изменения сохраняются в виде новой итерации. Нажмите кнопку "Отмена" , чтобы отменить изменения, если вы решили не хранить их.

Является ли код, созданный генерируемыми страницами, гарантированно готов к работе и соответствует стандартам моей организации?

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

Как оставить отзыв об этой функции?

Лучший способ оставить отзыв о генеративных страницах — использовать кнопки «палец вверх» или «вниз» в чате, которые доступны после каждой итерации. Мы также настоятельно рекомендуем вам выбрать Да для параметра Поделиться соответствующими образцами содержимого и дополнительными файлами журналов, чтобы мы могли выполнить отладку или попытаться воссоздать любые проблемы, с которыми вы столкнулись при использовании этой функции.

Что делать, если генеративные страницы не включены в моей среде?

Убедитесь, что ваша среда находится в регионе США.