Übung – Den Quellcode verwenden, um eine App zu erstellen und Tools zu installieren

  • 5 Minuten

In diesem Übungsszenario wurden Sie aufgefordert, eine Kontoverwaltungs-App für Ihre Organisation zu erstellen. Eine Entwicklungsanforderung innerhalb Ihres Unternehmen besteht darin, dass die Quelle jeder internen App im Textformat verfügbar ist. Diese Anforderung ermöglicht es dem Unternehmen, einen den Quellcode automatisch auf potenzielle Urheberrechtsverletzungen zu scannen.

Sie haben sich dazu entschieden, eine Canvas-App zu erstellen und die App-Quelle im Textformat zur Verfügung zu stellen.

Anforderung

Stellen Sie sicher, dass Sie über eine Microsoft Dataverse-Umgebung mit installierter Datenbank verfügen, um diese Übung abzuschließen.

Ziele

Die Ziele dieser Übung sind, dass Sie Folgendes lernen:

  • Eine Canvas-Anwendung erstellen, und sie auf Ihren Computer herunterladen

  • Die Power Platform-Erweiterung für Visual Studio Code herunterladen

  • Eine Canvas-Anwendung in Visual Studio Code entpacken

Übung 1: App erstellen

In dieser Übung erstellen Sie eine Canvas-App zur Kontoverwaltung und speichern sie auf Ihrem lokalen Computer.

Aufgabe: Eine Anwendung erstellen

In dieser Aufgabe erstellen Sie eine Anwendung und speichern sie auf Ihrem lokalen Computer.

  1. Navigieren Sie zum Power Apps Maker Portal, und melden Sie sich bei der Umgebung an, die Sie für diese Übung verwenden möchten.

  2. Wählen Sie Erstellen > Dataverse aus.

    Screenshot der Power Apps Maker Portal-Startseite mit dem hervorgehobenen Dataverse-Link

  3. Erstellen Sie eine neue Verbindung, oder wählen Sie eine vorhandene Verbindung aus.

  4. Wählen Sie die Kontentabelle und dann Verbinden aus.

  5. Sobald die App erstellt wurde, wählen Sie oben rechts auf dem Bildschirm den Pfeil neben dem Symbol Speichern und dann Kopie herunterladen aus.

    Screenshot des Bildschirms „Speichern unter“ mit der ausgewählten Option „Dieser Computer“

  6. Wählen Sie Herunterladen aus.

  7. Erstellen Sie einen neuen Ordner auf Ihrem Computer, und geben Sie ihm den Namen Learn-Übungskonto-Manager.

  8. Verschieben Sie die heruntergeladene App in den Ordner, den Sie erstellt haben.

    Screenshot der heruntergeladenen Anwendung

Übung 2: Tools installieren und entpacken

In dieser Übung installieren Sie Visual Studio Code sowie die Power Platform-Erweiterung für Visual Studio und entpacken Sie dann die Canvas-Anwendung.

Aufgabe: Tools installieren

In dieser Aufgabe installieren Sie Visual Studio Code.

  1. Wechseln Sie zu Visual Studio Code herunterladen – Mac, Linux, Windows, und wählen Sie dann den Download für Ihre Plattform aus.

  2. Folgen Sie den Anweisungen, um Visual Studio Code zu installieren.

  3. Starten Sie Visual Studio Code, nachdem die Installation abgeschlossen ist.

  4. Klicken Sie im Menü auf Ansicht, und wählen Sie Erweiterungen aus. Suchen Sie nach Power Platform, und wählen Sie sie aus.

    Screenshot der Power Platform-Erweiterung für Visual Studio

  5. Wählen Sie Installieren aus, und warten Sie dann, bis die Installation abgeschlossen ist.

    Screenshot der Schaltfläche „Installieren“ für die Power Platform-Erweiterung

  6. Wählen Sie das Menü Datei aus, und klicken Sie auf Ordner öffnen.

  7. Wählen Sie den Ordner Learn-Übungskonto-Manager aus, den Sie zuvor erstellt haben.

  8. Wählen Sie das Menü Terminal und dann Neues Terminal aus.

    Screenshot der Schaltfläche „Neues Terminal“

  9. Führen Sie den folgenden Befehl aus, um die Konto-Manager-Anwendung zu entpacken.

    pac canvas unpack --msapp "Account manager.msapp" --sources src

  10. Der Entpackvorgang sollte erfolgreich ausgeführt werden. Erweitern Sie den erstellten src-Ordner.

    Screenshot des Ordners, der durch den Befehl „unpack“ erstellt wurde

  11. Erweitern Sie jeden Ordner im src-Ordner, und prüfen Sie dann den Inhalt jedes einzelnen.