Schnellstart: Erstellen einer Code-App von Grund auf mithilfe der neuen npm CLI (Vorschau)

Ab Power Apps SDK Version 1.0.4 enthält das SDK eine npm-basierte CLI für Code-Apps. Diese neue CLI reduziert die Voraussetzungen für die Erstellung von Code-Apps und ersetzt die Befehle der Power Platform CLI pac code , die in einer zukünftigen Version veraltet sind.

In diesem Artikel erfahren Sie, wie Sie das Power Apps SDK installieren, eine leere App aus Vite einrichten und mithilfe der neuen npm-basierten CLI-Befehle in eine Power Apps-Code-App konvertieren.

Voraussetzungen

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

Befehle

Die Code-Apps npm CLI verfügen über drei Befehle:

Command	Description
init	Initialisieren Sie Ihre Code-App.
run	Startet einen lokalen Entwicklungsserver.
push	Veröffentlicht eine neue Version der Code-App in Ihrer Umgebung.

Erfahren Sie, wie Sie diese Befehle verwenden, indem Sie die Schritte in diesem Artikel ausführen.

Schritt 1: Initialisieren des Projekts

Öffnen Sie ein Terminal, und führen Sie den folgenden Befehl aus:

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

Erfahren Sie mehr über den Befehl "Degit ".

Schritt 2: Installieren von Abhängigkeiten und Initialisieren der Code-App

Installieren Sie die Projektabhängigkeiten und das Power Apps SDK:

npm install
npm install @microsoft/power-apps

Initialisieren Sie Ihre Code-App. Sie können optionen entweder direkt bereitstellen oder interaktive Eingabeaufforderungen verwenden:

Option A: Interaktiver Modus (die CLI fordert Sie zur Eingabe der erforderlichen Informationen auf):

npx power-apps init

Option B: Optionen direkt übergeben:

npx power-apps init --displayName "App From Scratch" --environmentId <Your environment ID>

Wenn Sie den init Befehl ausführen, authentifiziert sich die CLI automatisch. Melden Sie sich mit Ihrem Power Platform-Konto an, wenn Sie dazu aufgefordert werden.

Schritt 3: Lokal testen

Führen Sie die Code-App lokal für die Entwicklung aus:

npx power-apps run

Dadurch wird ein lokaler Entwicklungsserver gestartet. Öffnen Sie 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.
• Weitere Informationen finden Sie unter Steuern des Zugriffs einer Website auf das lokale Netzwerk in Microsoft Edge und die neue Berechtigungsaufforderung für den lokalen Netzwerkzugriff mit Chrome.

Die App sollte wie folgt geöffnet werden:

Erstellen und Bereitstellen in Power Apps

Erstellen Sie Ihre App, und übertragen Sie sie an Ihre Power Apps-Umgebung:

npm run build
npx power-apps push

Befehlsdetails:

• npm run build - Führt Skripte aus package.json. Führt aus tsc -b && vite build.
• npx power-apps push – Veröffentlicht eine neue Version der Code-App in Ihrer Umgebung.

Wenn der Befehl erfolgreich abgeschlossen ist, wird eine Power Apps-URL zurückgegeben, um die App auszuführen.

Wechseln Sie optional zu Power Apps , um App-Details anzuzeigen, wiederzugeben, zu teilen oder zu überprüfen.