Erstellen von Seiten mit generativer KI

  • 6 Minuten

Mithilfe von generativen Seiten können Sie eine voll funktionsfähige Seite in Ihrer modellgesteuerten App erstellen, indem Sie beschreiben, was Sie in einfacher Sprache wünschen. Anstatt Layouts und Steuerelemente manuell zu konfigurieren, geben Sie eine Beschreibung der benötigten Daten und des Entwurfs ein, und ein KI-Agent generiert den zugrunde liegenden React-Code für Sie.

Was ist eine generative Seite?

Eine generative Seite ist eine KI-generierte React-basierte Seite, die sich in einer modellgesteuerten App befindet. Sie interagieren mit einem App-Agent im App-Designer mit einer Unterhaltungsoberfläche: Beschreiben Sie die gewünschte Seite, fügen Sie optional ein Bild des Layouts an, und der Agent generiert Arbeitscode in Echtzeit. Sie können die Seite verfeinern, indem Sie die Unterhaltung fortsetzen – den Agent auffordern, das Layout anzupassen, Spalten hinzuzufügen oder Fehler zu beheben – und veröffentlichen, wenn Sie zufrieden sind.

Generative Seiten sind lösungsfähig, was bedeutet, dass sie in eine Lösung verpackt und zwischen Umgebungen wie jeder anderen App-Komponente verschoben werden können.

Note

Die Maker-Erfahrung für generative Seiten ist derzeit in Umgebungen verfügbar, die sich in den USA, Großbritannien, Australien und Singapur befinden. Entwickler in anderen Regionen können generative Seiten mithilfe von KI-Codegenerierungstools erstellen und bearbeiten.

Generative Seite erstellen

  1. Melden Sie sich bei Power Apps an, und öffnen Sie eine modellgesteuerte App zum Bearbeiten.

  2. Wählen Sie im App-Designer Seite hinzufügen>Eine Seite beschreiben aus. Eine ganzseitige konversationsbasierte Oberfläche wird geöffnet.

  3. Beschreiben Sie im Textfeld die gewünschte Seite. Machen Sie konkrete Angaben zu den Daten, dem Layout und dem Verhalten. Beispiel:

    Erstellen Sie eine Seite, auf der Kontodatensätze als Kartengalerie angezeigt werden. Geben Sie den Kontonamen, die E-Mail-Adresse und die Telefonnummer an. Machen Sie die Galerie scrollfähig.

  4. Wählen Sie optional Daten hinzufügen>Tabelle hinzufügen aus, um bis zu sechs Dataverse-Tabellen zu verknüpfen, oder Daten hinzufügen>Bild anfügen, um eine Skizze oder ein Wireframe hochzuladen, um das Layout vorzugeben.

  5. Wählen Sie "Seite generieren" aus. Der Agent verarbeitet Ihre Eingabeaufforderung, schreibt den Code und rendert eine Vorschau.

  6. Überprüfen Sie das Ergebnis auf der Registerkarte "Vorschau". Um die Seite zu verfeinern, chatten Sie mit dem Agent, oder wählen Sie auf der Registerkarte "Codebearbeiten" aus, um den Code direkt zu ändern.

  7. Wenn Sie zufrieden sind, wählen Sie Speichern und veröffentlichen aus, um die App zu veröffentlichen und die Seite für Benutzer verfügbar zu machen.

Von Bedeutung

Der Agent versucht am besten, produktionsbereiten Code zu generieren, aber Sie sind für die Überprüfung der Ausgabe verantwortlich. Überprüfen Sie den generierten Code, um zu bestätigen, dass er die Sicherheits- und Complianceanforderungen Ihrer Organisation erfüllt.

Ihre Seite überarbeiten

Nach der ersten Generierung haben Sie mehrere Möglichkeiten, die Seite zu verfeinern:

  • Chat: Setzen Sie die Unterhaltung fort, um das Layout anzupassen, Funktionen hinzuzufügen oder Probleme zu beheben.
  • Code bearbeiten: Wählen Sie " Bearbeiten" auf der Registerkarte "Code " aus, um den generierten Code manuell zu ändern.
  • Iterationen vergleichen: Wählen Sie nach zwei oder mehr Iterationen die Option "Vergleichen " auf der Registerkarte "Code " aus, um einen Diff zwischen Versionen anzuzeigen.
  • Barrierefreiheits-Assistent: Nach jeder Generation durchsucht der Barrierefreiheits-Assistent den Code auf Probleme und bietet eine Option zum automatischen Beheben dieser Fehler.

Als Nächstes erfahren Sie, wie Sie die Sicherheit steuern und Ihre modellgesteuerte App für andere Benutzer freigeben.