Schnellstart: Erstellen einer Code-App von Grund auf neu (Vorschau)

In diesem Artikel wird gezeigt, wie Sie eine leere App aus Vite einrichten und sie in eine Power Apps-Code-App umwandeln. Es behandelt die Konfiguration einer TypeScript-App mithilfe des Power Platform SDK.

Hinweis

Previewfunktionen sind nicht für den Produktionseinsatz gedacht und können eine eingeschränkte Funktionalität aufweisen. Diese Funktionen sind vor einer offiziellen Veröffentlichung verfügbar, damit Kunden frühzeitig zugreifen und Feedback geben können.

Voraussetzungen

• Power Platform-Umgebung mit aktivierten Code-Apps
• Node.js Long Term Support (LTS)-Version
• Power Platform CLI
• Git

Steps

1. Öffnen Sie ein neues Terminal, und geben Sie Folgendes ein:

   npx degit github:microsoft/PowerAppsCodeApps/templates/vite my-app
   cd my-app 
   

2. Authentifizieren Sie die Power Platform CLI für Ihren Power Platform-Mandanten, und wählen Sie Ihre Umgebung aus:

   pac auth create
   pac env select --environment < Your environment ID >
   

   Melden Sie sich mit Ihrem Power Platform-Konto an, wenn Sie dazu aufgefordert werden. Alle Power Platform-Apps, -Flows und -Agents werden in einer Umgebung veröffentlicht. Der Authentifizierungsbefehl der PAC CLI fordert Sie auf, sich mit Ihrer Microsoft Entra-Identität zu authentifizieren und stellt sicher, dass die Code-App, bei der Sie Verbindungen hinzufügen und die Sie in Power Platform veröffentlichen, in die angegebene Umgebung veröffentlicht wird.

3. Installieren Sie das Power SDK, und initialisieren Sie Ihre Code-App mithilfe von:

   npm install
   pac code init --displayname "App From Scratch"
   

4. Geben Sie den folgenden Befehl ein, um Ihre Code-App lokal zu testen:

   npm run dev 
   

Öffnen Sie dann die URL mit der Bezeichnung "Lokale Wiedergabe".

Von Bedeutung

Öffnen Sie die URL im selben Browserprofil wie Ihr Power Platform-Mandant.

Hinweis

Einschränkungen für den Lokalen Netzwerkzugriff

Seit Dezember 2025 blockieren Chrome und Microsoft Edge-Browser Standardmäßig Anforderungen von öffentlichen Ursprüngen an lokale Endpunkte.

• Da Ihre Code-App während der Entwicklung eine Verbindung mit localhost herstellt, müssen Sie möglicherweise Browserberechtigungen erteilen oder Unternehmensrichtlinien konfigurieren.
• Fügen Sie allow="local-network-access" für eingebettete Szenarien in iframe-Tags ein.
• Erfahren Sie, wie Sie den Zugriff einer Website auf das lokale Netzwerk in Microsoft Edge steuern und über die neue Berechtigungsaufforderung für den lokalen Netzwerkzugriff mithilfe von Chrome ausführliche Informationen erhalten.

Die App sollte wie folgt geöffnet werden:

Erstellen und Bereitstellen in Power Apps

Führen Sie im Terminalfenster die folgenden Befehle aus:

npm run build | pac code push

• npm run build Führt die in der package.json Datei konfigurierten Skripte mit dem Schlüsselwert build aus. In diesem Fall ist das Skript "tsc -b && vite build".
• Pac-Code-Push Veröffentlicht eine neue Version einer Code-App.

Bei erfolgreicher Ausführung gibt dieser Befehl eine Power Apps-URL zurück, um die App auszuführen.

Optional können Sie Power Apps öffnen, um die App anzuzeigen. Sie können dort etwas abspielen, freigeben oder Details anzeigen.

Glückwunsch! Sie haben Ihre erste Code-App erfolgreich pusht!

Verwandte Informationen

• So verbinden Sie Ihre Code-App mit Daten
• Power Apps CLI