Erstellen Sie eine Canvas App, die einen Power Automate-Flow auslösen kann

Power Automate kann verwendet werden, um eine Logik zu erstellen, die eine oder mehrere Aufgaben ausführt, wenn ein Ereignis in einer Canvas App eintritt. Eine Schaltfläche kann beispielsweise so konfiguriert werden, dass, wenn ein Benutzer sie auswählt, ein Element in einer Liste erstellt wird, eine E-Mail oder eine Besprechungsanfrage gesendet wird, eine Datei zur Cloud hinzugefügt wird, oder all dies. Jedes Steuerelement in der App kann so konfiguriert werden, dass es den Flow startet, der weiter ausgeführt wird, auch wenn Sie die App schließen.

In diesem Artikel erfahren Sie, wie Sie mit Canvas Apps einen Flow erstellen und auslösen.

Sehen Sie sich dieses Video an, um zu erfahren, wie Sie eine Canvas App erstellen, die einen Flow auslösen kann:

Voraussetzungen

Für diese Lektion benötigen Sie die Umgebungen Power Automate und Power Apps mit einer Datenbank Dataverse. Wenn Sie noch keine Lizenz haben, können Sie sich für den Power Apps Developer Plan anmelden oder den Power Apps Test verwenden.

Testumgebung erstellen

Bei einer Umgebung in Power Apps handelt es sich um Speicherplatz zum Verwalten und Freigeben der Geschäftsdaten, Apps, Chatbots und Flows Ihrer Organisation. Sie dienen auch als Container zum Trennen von Apps, die über unterschiedliche Rollen, Sicherheitsanforderungen und Zielgruppen verfügen. Jede Umgebung kann eine eigene Dataverse-Datenbank haben.

Um sicherzustellen, dass Sie alles haben, was Sie für diese Lektion benötigen, erstellen wir eine neue Umgebung mit einer Dataverse Datenbank. Dies ist ein 30-tägiger Test, der nach Ablauf der 30 Tage verschwindet, aber Sie können ihn zu einer Sandbox- oder Produktionsumgebung upgraden, wenn Sie ihn behalten möchten.

Wir erstellen eine Testumgebung, die eine Dataverse-Datenbank und die in diesem Artikel verwendeten Beispieldaten enthält.

  1. Wechseln Sie zum Power Platform Admin Center.

  2. Umgebungen auswählen.

  3. Wählen Sie Neu.

  4. Nennen Sie die Umgebung Dataverse Trial.

  5. Wählen Sie Test als Umgebungstyp.

  6. Schalten Sie Datenbank erstellen auf Ja um.

  7. Wählen Weiter aus.

  8. Schalten Sie Beispiel-Apps und -Daten bereitstellen auf Ja.

  9. Wählen Sie Speichern aus.

Ihre Test Umgebung wird nun erstellt, einschließlich einer Dataverse Datenbank und Beispieldaten.

Eine Canvas-App erstellen

In dieser Lektion erstellen wir eine App zum Suchen, Anzeigen und Erstellen von Kundenkonten unter Verwendung der Tabelle Konten in Dataverse.

  1. Beginnen Sie mit der Erstellung einer leere Canvas-App.

  2. Wählen Sie Eine Galerie erstellen.

    Eine Galerie erstellen

  3. Wählen Sie die Tabelle Konten.

  4. Ziehen Sie die Galerie an den unteren Rand des Bildschirms und fügen Sie oben ein Label mit dem Text Konten hinzu. Und dann aktualisieren Sie die anderen Eigenschaften wie unten aufgeführt.

    Eigenschaft Wert
    Schriftart Open Sans
    Schriftgrad 21
    Schriftbreite Fett
    Textausrichtung Zentrieren
    Automatische Höhe Aus
    Zeilenhöhe 1.2
    Überlauf Ausgeblendet
    Anzeigemodus Bearbeiten
    Visible am
    Position (X, Y) 0, 0
    Größe (Breite, Höhe) 640, 71
    Abstand 5 Oben, 5 Unten, 5 Links, 5 Rechts

    Eigenschaften der Galerie aktualisieren

  5. Fügen Sie ein Hinzufügen Symbol oben rechts auf dem Bildschirm hinzu, indem Sie Einfügen > Symbol > Hinzufügen wählen. Und dann aktualisieren Sie die Eigenschaften des Symbols auf die Farbe Weiß und eine Auffüllung von 5 von allen Seiten.

    Hinzufügen eines Hinzufügen-Symbols

  6. Wählen Sie oben links auf dem Bildschirm Neuer Bildschirm > Formular.

    Neues Formular hinzufügen

  7. Aktualisieren Sie den Titel des Formulars auf Neues Konto und wählen Sie als Datenquelle Konten aus dem Bereich auf der rechten Seite des Bildschirms.

    Titel aktualisieren und Datenquelle auswählen

  8. Wählen Sie Felder bearbeiten im rechten Fensterbereich.

    Felder bearbeiten auswählen.

  9. Wählen Sie Feld hinzufügen und fügen Sie E-Mail zum Formular hinzu.

    E-Mail-Feld hinzufügen.

    Das E-Mail-Feld wird dem Formular hinzugefügt.

    Das E-Mail-Feld wird hinzugefügt.

  10. Standardmodus des Formulars auf Neu festlegen.

    Standardmodus des Formulars

  11. Wählen Sie Screen1 mit dem Katalog der Konten und legen Sie die Eigenschaft OnSelect des Symbols + auf Navigate(Screen2) fest.

    Konfigurieren Sie die Navigation zu Bildschirm 2

  12. Wählen Sie Einfügen > Neuer Bildschirm > Leerer Bildschirm, um einen neuen Bildschirm zu der App hinzuzufügen.

  13. Wählen Sie Einfügen > Symbol, und wählen Sie dann das Symbol für ein Häkchen (Abzeichen), um es dem Bildschirm hinzuzufügen.

    Symbol für Abzeichen einfügen

  14. Verschieben Sie das Symbol in die obere Mitte des Canvas.

    Symbol nach oben-zentral verschieben

  15. Fügen Sie ein Label mit dem Text Konto wurde erfolgreich erstellt! hinzu und verschieben Sie es unter das Symbol, das Sie im vorherigen Schritt hinzugefügt haben.

    Beschriftung Konto hinzufügen wurde erfolgreich erstellt hinzufügen

  16. Fügen Sie unter dem im vorherigen Schritt hinzugefügten Label ein weiteres Label mit dem Text Senden Sie dem Kunden eine Begrüßungsnotiz? hinzu.

    Senden Sie dem Kunden eine Willkommensnotiz

  17. Fügen Sie ein Feld Eingabefeld hinzu, indem Sie Einfügen > Eingabe > Eingabefeld wählen. Legen Sie den Modus des Steuerelements auf Mehrzeilig und den Standardtext auf Danke, dass Sie ein Konto bei uns erstellt haben. Wir freuen uns darauf, Sie zu bedienen!. Verschieben Sie das Steuerelement unter das Label, das Sie im vorherigen Schritt hinzugefügt haben.

    Hinzufügen eines mehrzeiligen Steuerelements für die Texteingabe

  18. Legen Sie die OnVisible Eigenschaft von Screen3 auf Reset(TextInput1) fest.

    OnVisible Eigenschaft von Screen 3

  19. Fügen Sie dem Bildschirm zwei Schaltflächen mit dem Text Ja und Nein hinzu und platzieren Sie sie unter dem im vorherigen Schritt hinzugefügten Eingabe-Textfeld.

    Ja Nein Schaltflächen

  20. Gehen Sie zum Bildschirm Neues Konto des Formulars und legen Sie die Eigenschaft OnVisible des Bildschirms auf ResetForm(EditForm3) fest.

    Eigenschaft OnVisible des Formulars „Neues Konto“

  21. Wählen Sie das Symbol mit dem Häkchen oben rechts und legen Sie die Eigenschaft OnSelect auf SubmitForm(EditForm3);Navigate(Screen3) fest.

    Navigieren Sie zu Bildschirm 3

  22. Wählen Sie die Schaltfläche X oben rechts und legen Sie die Eigenschaft OnSelect auf Back() fest.

    Zurück-Funktion zum Schließen

  23. Gehen Sie zurück zu Bildschirm3, indem Sie Bildschirm3 in der Strukturansicht auswählen.

    Zu Bildschirm 3 gehen

  24. Wählen Sie die Schaltfläche Nein und legen Sie die Eigenschaft OnSelect der Schaltfläche auf Navigate(Screen1) fest.

    Navigieren Sie zu Bildschirm 1

  25. Wählen Sie Ja Schaltfläche aus, im App-Authoring-Menü Power Automate auswählen.

    Auswählen Power Automate aus dem App-Authoring-Menü.

  26. Wählen Sie Erstelle einen neuen Flow, um einen neuen Power Automate-Flow zu erstellen.

    Wählen Sie einen neuen Flow erstellen.

Erstellen Sie den Power Automate Flow

  1. Wählen Sie auf dem Bildschirm Erstellen Sie Ihren Ablauf aus der Liste der Instant-Vorlagen aus, wählen Klicken Sie auf eine Schaltfläche Power Apps eine E-Mail senden.

    Wählen Sie „Klicken Sie auf eine Schaltfläche in Power Apps, um eine E-Mail-Vorlage zu senden“ zeigt.

  2. Geben Sie einen Namen für den Flow ein wie „Flow ausgelöst durch Power Apps“, und wählen Sie Power Apps als Auslöser.

    Geben Sie einen Namen für den Flow ein

  3. Wählen Sie Im erweiterten Modus bearbeiten und dann auswählen, Fortsetzen.

    Bearbeiten Sie den Flow im erweiterten Modus

  4. Das Zu Feld und das Körper Feld werden automatisch mit Folgendem ausgefüllt:

    • Zu: Sendanemail(V2)_To.
    • Text: Sendanemail(V2)_Body
  5. Im Thema Feld, löschen Sie Sendanemail(V2)_To und geben Sie Vielen Dank für Ihr Geschäft! ein in das Feld Betreff ein.

    Geben Sie „Danke für Ihr Geschäft“ ein

  6. Wählen Sie Speichern aus, um den Flow zu speichern.

Auslösen des Flows aus der Canvas App heraus

  1. Wählen Sie die Ja Schaltfläche > in der OnSelect Eigenschaft füllen Sie die beiden Parameter für die E-Mail-Adresse An und den Text der E-Mail wie folgt aus:

    FlowtriggeredbyaPowerapp.Run(
       EditForm3.LastSubmit.Email,
       TextInput1.Text
    );
    Navigate(Screen1);
    

    Hinweis

    Die E-Mail-Adresse wird aus dem Datensatz des neuen Kontos kommissioniert, der auf dem vorherigen Bildschirm erstellt wurde. und der Text für die E-Mail wird aus dem Textfeld kommissioniert, das auf diesem Bildschirm erfasst wurde.

    Füllen Sie die beiden Parameter für die An-E-Mail-Adresse aus.

Testen der App

Führen Sie die App im Vorschaumodus aus. In diesem Test erstellen wir ein neues Konto, indem wir auf dem Bildschirm Neues Konto Details wie Kontoname, Telefonnummer, Stadt und E-Mail-Adresse eingeben. Nach dem Speichern der neuen Kontodaten werden wir aufgefordert, eine E-Mail an den Kunden zu senden, in der wir den Wortlaut der E-Mail aktualisieren können. Wählen Sie dann Ja, um die E-Mail zu senden. Dadurch wird der Flow ausgelöst und die E-Mail wird an die E-Mail-Adresse des Kontos gesendet.

Starten Sie die App im Vorschau-Modus

Erstellen Sie ein neues Konto, indem Sie Details wie den Kontonamen eingeben

Eine E-Mail wie diese sollte in Ihrem Posteingang erscheinen

Eine E-Mail wie diese sollte in Ihrem Posteingang erscheinen

Siehe auch

Power Automate-Bereich verwenden