Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
In diesem Artikel wird erläutert, wie Sie eine leere App aus Vite einrichten und in eine Power Apps Code-App umwandeln. Es behandelt die Konfiguration einer TypeScript-App mithilfe der Power Apps Clientbibliothek für Code-Apps.
Voraussetzungen
- Power Platform-Umgebung mit aktivierten Code-Apps
- Node.js Long Term Support (LTS)-Version
- Power Platform CLI
- Git
Hinweis
Ab Power Apps-Clientbibliothek für Code-Apps v1.0.4 und höher enthält die Clientbibliothek für Code-Apps eine npm-basierte CLI für Code-Apps. Diese neue CLI reduziert die Voraussetzungen für das Erstellen von Code-Apps und ersetzt die Befehle der Power Platform CLI pac code , die in einer zukünftigen Version veraltet sein werden. Weitere Informationen zu den neuen Befehlen und get started finden Sie unter Quickstart mit der neuen npm CLI.
Steps
Öffnen Sie ein neues Terminal, und geben Sie Folgendes ein:
npx degit github:microsoft/PowerAppsCodeApps/templates/vite my-app cd my-appAuthentifizieren 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 Befehl Auth der PAC CLI fordert Sie auf, sich mithilfe Ihrer Microsoft Entra Identität zu authentifizieren und stellt sicher, dass die Code-App, der Sie Verbindungen hinzufügen und in Power Platform veröffentlichen, in die angegebene Umgebung wechselt.
Installieren Sie die Power Apps Clientbibliothek für Code-Apps, und initialisieren Sie Ihre Code-App mithilfe von:
npm install pac code init --displayname "App From Scratch"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
Local Network Access Restrictions
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 für eingebettete Szenarien
allow="local-network-access"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 Zugriff auf das lokale Netzwerk in Chrome.
Die App sollte wie folgt geöffnet werden:
Erstellen und Bereitstellen für 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.jsonDatei konfigurierten Skripte mit dem Schlüsselwertbuildaus. 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 zum Ausführen der App zurück.
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!