Latest / M365.FM – Microsoft 365, Copilot & KI Podcast auf Deutsch / Power Apps Code Apps einfach erklärt: React, VS Code und das Power Apps SDK statt Drag-and-Drop (KI-Synchronfassung)

Transcript

Power Apps Code Apps einfach erklärt: React, VS Code und das Power Apps SDK statt Drag-and-Drop (KI-Synchronfassung) · M365.FM – Microsoft 365, Copilot & KI Podcast auf Deutsch

• 0:00
  Bereit für 10 Tage voller Microsoft 365, Co-Pilot, KI-Azure und den Vordenkern der Arbeitswelt von morgen?
• 0:06
  Weiselfon.
• 0:07
  Diesen Januar ist die M3565-Con zurück und wir legen noch eine Schippe drauf.
• 0:11
  On.
• 0:13
  Seien Sie dabei bei Live-Sessions, Praxis-Demos und Expertenwissen von MVPs und Fachleuten aus aller Welt.
• 0:18
  Keine generischen Folien.
• 0:20
  Kein endloses Passwort-Bingo.
• 0:21
  Wir gehen echte Herausforderungen an.
• 0:23
  Co-Pilot Studio, KI-Agenten, Fabrik, Sicherheit, Governance und Automatisierung.
• 0:28
  Egal ob IT-Profi-Entwickler oder Führungskraft.de, es gibt Sessions, die genau auf Sie zugeschnitten sind.
• 0:35
  An zehn vollen Tagen können Sie verschiedenste Technologien entdecken und sich mit einer globalen Community vernetzen.
• 0:40
  Schauen Sie live zu und nehmen Sie praktische Erkenntnisse mit in Ihr Unternehmen.
• 0:45
  Januar 2027. Zehn Tage. Eine Microsoft-Community.
• 0:49
  Die Anmeldung ist jetzt eröffnet.
• 0:51
  Sichern Sie sich heute Ihren Platz.
• 0:52
  Besuchen Sie M2DM65.
• 0:57
  Kontontunktnet.
• 1:00
  Melden Sie sich jetzt auf M3DM65.net an. Wir sehen uns live.
• 1:03
  Im Januar B.
• 1:05
  Sie haben von PowerApps gehört, aber jetzt gibt es etwas namens CodeApps.
• 1:08
  Ist das eine komplett neue Plattform?
• 1:09
  Müssen Sie ein völlig neues Tool erlernen?
• 1:11
  Bin mir kopiert das von M3DM65.m und heute klären wir das ganz einfach auf.
• 1:16
  Am Ende dieser Folge wissen Sie genau, was CodeApps sind, warum Microsoft sie entwickelt hat und ob sie für sie relevant sind.
• 1:20
  Falls Sie sich vom Drag-and-Drop-Canvas hier eingeschränkt fühlten oder Sie fragten, ob PowerApps nur für Nicht-Programmierer sind, das ändert alles.
• 1:28
  Wir beleuchten das Problem, die Lösung und wie alles mit der Power-Plattform zusammenhängt, die Sie bereits kennen.
• 1:33
  Schnappen Sie sich einen Kaffee und legen wir los.
• 1:35
  Die große Verwirrung. Was genau ist eine CodeApp?
• 1:38
  Fangen wir also mit der grundlegenden Frage an, die sich jeder stellt.
• 1:40
  Was ist eine CodeApp?
• 1:42
  Ist die einfachste Definition.
• 1:43
  Eine CodeApp ist eine PowerApp, die Sie mit Code schreiben, statt sie per Drag-and-Drop zusammenzuklicken.
• 1:47
  Canvas-Apps werden in einem visuellen Designer mit PowerFX-Formeln erstellt.
• 1:50
  Sie kennen das Prinzip.
• 1:52
  Sie wählen einen Button, ziehen ihn auf den Bildschirm, geben eine Formel wie Patch oder Filter ein und die App funktioniert.
• 1:57
  Es ist visuell, schnell und für jeden. Zugänglich, der logisch wie bei einer Tabellenkalkulation denken kann.
• 2:02
  CodeApps sind anders.
• 2:03
  Sie erstellen sie in Visual Studio Code mit JavaScript und React.
• 2:06
  Daher, es gibt keinen Drag-and-Drop-Bildschirm und kein Eigenschaftenpanel auf der rechten Seite.
• 2:09
  Sie schreiben Code in einem Texteditor, genau wie ein Webentwickler bei einer modernen Website.
• 2:14
  Hier ist der entscheidende Punkt.
• 2:15
  Sobald Sie sie bereitstellen, läuft sie in PowerApps wie jede andere App auch.
• 2:19
  Sie wird weiterhin von der Plattform gehostet, authentifiziert und verwaltet.
• 2:22
  Sie müssen keinen eigenen Server einrichten.
• 2:24
  Sie müssen keinen Login-Bildschirm programmieren.
• 2:25
  Sie müssen sich keine Gedanken darüber machen, wo die App gehostet wird oder wie Benutzer darauf zu greifen.
• 2:28
  Das wird alles für Sie erledigt.
• 2:30
  Stellen Sie es sich so vor.
• 2:31
  Canvas-Apps sind möblierte Räume.
• 2:32
  Sie betreten sie und die Möbel sind bereits vorhanden.
• 2:34
  Sie stellen die Dinge einfach nach Ihrem Geschmack um.
• 2:36
  CodeApps sind leere Räume, in die Sie Ihre eigene Möbel mitmachen.
• 2:38
  Aber die Gebäudesicherheit, Elektrik- und Sanitäranlagen sind bereits installiert.
• 2:42
  Sie müssen das Gebäude nicht errichten.
• 2:44
  Sie richten den Raum einfach ein, wie Sie möchten.
• 2:46
  Nun die ehrliche Frage.
• 2:47
  Bedeutet das, dass Sie ein Entwickler sein müssen?
• 2:49
  Die ehrliche Antwort lautet ja.
• 2:50
  CodeApps richten sich an professionelle Programmierer, Leute, die JavaScript beherrschen,
• 2:54
  sich mit einem Terminal auskennen und verstehen, wie React-Komponenten funktionieren.
• 2:57
  Aber das bedeutet nicht, dass Sie nicht davon profitieren können.
• 2:59
  Wenn Sie ein Entwickler sind, der bei Canvas-Apps an Grenzen stößt, können Sie mit einem Entwickler in Ihrem Team zusammenarbeiten.
• 3:04
  Sie entwerfen die Logik, erschreibt den Code.
• 3:05
  Es ist ein Fusionsmodell.
• 3:07
  Was können CodeApps, also was Canvas-Apps nicht können?
• 3:09
  Schauen wir uns die tatsächlichen Grenzen von Canvas-Apps an und wo CodeApps einspringen.
• 3:13
  Zweiter Teil, wo Canvas-Apps enden und CodeApps beginnen.
• 3:16
  Und Canvas-Apps sind leistungsstark.
• 3:17
  Lassen Sie es uns klarstellen.
• 3:18
  Sie können damit echte Geschäftsanwendungen erstellen.
• 3:21
  Tausende Unternehmen tun dies jeden Tag.
• 3:23
  Aber Sie haben Einschränkungen.
• 3:24
  Sie können kein benutzerdefiniertes CSS ergeben.
• 3:25
  Die Styling-Optionen sind eben vorgegeben.
• 3:27
  Sie können Farben, Schriftarten und Größen ändern, sind aber auf das beschränkt, was die Plattform bietet.
• 3:31
  Sie können keine komplexen JavaScript-Bibliotheken einbinden.
• 3:33
  Wenn Sie eine bestimmte Charting-Bibliothek bevorzugen oder eine Datumsauswahl benötigen, die ausgefeilter ist als die Standardvariante, haben Sie Pech.
• 3:40
  Animation und Pixelgenau-Kontrolle sind schwierig.
• 3:42
  Sie können Elemente ein- und ausblenden, aber keine flüssigen, ausgefeilten Animationen erstellen, wie Sie Benutzer von modernen Web-Apps erwarten.
• 3:48
  CodeApps ändern all das.
• 3:50
  Sie erhalten die volle Kontrolle über HTML, CSS und JavaScript.
• 3:53
  Sie können jedes beliebige React-Framework und jedes NPM-Paket verwenden.
• 3:56
  Der Node.js-Paketmanager mit hunderttausenden von Bibliotheken steht Ihnen zur Verfügung.
• 4:00
  Sie können alles erstellen, was eine moderne Web-App ausmacht.
• 4:02
  Lassen Sie mich in konkrete Beispiele legen.
• 4:04
  Ausgefallene Animationen? Ganz einfach.
• 4:06
  Sie können Bibliotheken wie Framer Motion verwenden, um flüssige Übergänge, Ziehgesten und Federanimationen hinzuzufügen.
• 4:10
  Benutzerdefinierte Charting-Bibliotheken? Kein Problem.
• 4:13
  Sie können D3.js oder Chart.js einbinden und Visualisierungen erstellen, die aussehen wie aus einem Datendashboard eines großen Tech-Unternehmens.
• 4:19
  Drag-and-Drop innerhalb der App?
• 4:21
  Sie können das selbst mit Bibliotheken wie React Beautiful D&D erstellen.
• 4:24
  Die Möglichkeiten sind grenzenlos, aber es gibt einen Kompromiss.
• 4:25
  Sie verlieren die Einfachheit des visuellen Editors.
• 4:27
  Sie schreiben jetzt Code. Das bedeutet, Sie müssen verstehen, wie React funktioniert, wie Zustandsverwaltung funktioniert und wie man JavaScript-Fehler in der Browser-Konsole debuggt.
• 4:34
  Das ist abwegend.
• 4:35
  Sie würden Flexibilität, verlieren aber Geschwindigkeit und Zugänglichkeiten.
• 4:38
  Microsoft arbeitet an Werkzeugen, um diese Lücke zu schließen.
• 4:40
  Es gibt eine neue Erfahrung namens Vibe.
• 4:42
  PowerApps.com die Code-Apps zugänglicher machen soll, aber aktuell sind sie für Leute, die sich mit dem Terminal auskennen.
• 4:47
  Wenn Sie die Befehlsteile nervös macht, ist das vielleicht noch nichts für Sie.
• 4:51
  Wie sieht also der tatsächliche Entwicklungs-Workflow aus?
• 4:54
  Werfen wir einen Blick unter die Haube auf die Entwicklererfahrung.
• 4:57
  Der Werkzeugkasten des Entwicklers VouseCode CLI React.
• 5:00
  Was brauchen Sie also tatsächlich für den Start?
• 5:02
  Die Voraussetzungen sind überschaubar.
• 5:04
  Die benötigen Visual Studio Code.
• 5:05
  Das ist der kostenlose Code-Editor von Microsoft.
• 5:08
  Sie benötigen NotiS, eine Laufzeitumgebung, mit der JavaScript außerhalb eines Browsers ausgeführt werden kann.
• 5:11
  Und Sie benötigen eine Power-Plattform-Umgebung mit aktivierten Code-Apps.
• 5:14
  Das ist ein Schalter, den der Administratoren in Einstellungen um.
• 5:16
  Sobald es eingerichtet ist, sieht der Workflow so aus.
• 5:18
  Zuerst erstellen Sie ein Projektgrundgerüst.
• 5:20
  Das bedeutet, Sie führen einen einzigen Befehl aus, der eine Startvorlage herunterlädt.
• 5:23
  Eine Basis-App-Struktur mit allen benötigten Dateien.
• 5:25
  Stellen Sie es sich wie eine leere Leinwand vor, bei der die Staffelei bereits aufgebaut ist.
• 5:29
  Sie führen MPM-Install aus, um die Abhängigkeiten zu laden.
• 5:31
  Das sind vorgefertigte Code-Pakete, die Ihre App zum Funktionieren benötigen.
• 5:34
  Dann initialisieren Sie die App mit MPX PowerApps init.
• 5:37
  Dieser Befehl verbindet Ihr lokales Projekt mit Ihrer Power-Plattform-Umgebung.
• 5:40
  Er fragt nach Ihrer Umgebungs-ID, authentifiziert sie und erstellt eine Konfigurationsdatei, die alles miteinander verknüpft.
• 5:47
  Jetzt wird es interessant.
• 5:48
  Sie führen NPM-Rundef aus und Ihre App erscheint in einem Browserfenster, das lokal auf Ihrem Rechner läuft,
• 5:53
  wo bereits mit Ihrer Power-Plattform-Umgebung verbunden ist.
• 5:56
  Sie können mit echten Daten testen.
• 5:57
  Sie können Ihre Änderungen live sehen, während Sie den Code bearbeiten.
• 6:00
  Das ist Hot-Reloading, was bedeutet, dass Sie eine Datei speichern und der Browser sofort aktualisiert wird.
• 6:04
  Kein Warten auf Builds, kein manuelles Aktualisieren.
• 6:06
  Wenn Sie bereit sind, Ihre App zu teilen, führen Sie NPM-Run-Build aus.
• 6:10
  Dies verpackt alles in einen Distributionsordner, optimiert, minifiziert und bereit für die Produktion.
• 6:15
  Dann stellt MPX PowerApps Pushes als neue Code-App in PowerApps bereit.
• 6:19
  Sie erscheint genau wie eine Canvas-App in Ihrer App-Liste.
• 6:22
  Sie können sie teilen, zu Lösungen hinzufügen und über den normalen Power-Plattform-Lebenszyklus verwalten.
• 6:27
  Hier ist eine Analogie.
• 6:28
  Es ist, als würden Sie einen Film in Ihrem eigenen Studio drehen und dann auf Netflix hochladen.
• 6:31
  Die Plattform kümmert sich um die Verbreitung.
• 6:33
  Sie konzentrieren sich einfach nur auf den Inhalt.
• 6:34
  Sie müssen die Streaming-Infrastruktur nicht selbst aufbauen.
• 6:36
  Sie müssen nicht mit Kabelanbietern verhandeln.
• 6:39
  Sie machen den Film, laden ihn hoch und Netflix erledigt den Rest.
• 6:42
  Auch wenn es technisch klingt, besteht der Workflow aus drei Befehlen.
• 6:45
  Init-Dev-Push.
• 6:46
  Alles andere wie Authentifizierung, Hosting und Sicherheit wird von der Power-Plattform im Hintergrund erledigt.
• 6:51
  Aber wie kommuniziert Ihr Code eigentlich mit der Power-Plattform?
• 6:54
  Wie liest eine React-Komponente Daten aus Dataverse oder löst einen Power-Automate-Flow aus?
• 6:58
  Wie kommt das SDK ins Spiel?
• 7:00
  Was das PowerApps SDK eigentlich macht?
• 7:02
  Das PowerApps SDK ist ein Note-Fund-JS-Paket.
• 7:04
  Es fungiert als Übersetzer zwischen Ihrem benutzerdefinierten Code und den Power-Plattform-Diensten.
• 7:09
  Ohne das SDK müssen Sie API-Aufrufe manuell schreiben, Authentifizierungstoken verwalten und Antworten parsen.
• 7:13
  Das SDK erledigt all das für Sie.
• 7:15
  So funktioniert es in der Praxis.
• 7:16
  Wenn Sie eine Datenquelle hinzufügen, etwa eine Dataverse-Tabelle oder eine SharePoint-Liste, führen Sie NPX-PowerApps-App-Data-Source aus.
• 7:24
  Das SDK kontaktiert die Power-Plattform, lädt das Schimmer der Tabelle und generiert zwei Dinge.
• 7:28
  Erstens eine Modeldatei.
• 7:29
  Das ist ein Typ-Interface, das jede Spalte in Ihrer Tabelle anzeigt.
• 7:32
  Die Spaltennamen, Datentypen und Beziehungen.
• 7:35
  Zweitens eine Service-Datei.
• 7:36
  Das ist eine Reihe von Funktionen, die Sie zum Lesen und Schreiben von Daten aufrufen.
• 7:38
  Lassen Sie mich Ihnen ein konkretes Beispiel geben.
• 7:40
  Sie führen NPX-PowerApps-Add-Data-Source mit Ihrem Dataverse-Tabellennamen aus, zum Beispiel Catalog-Items.
• 7:45
  Das SDK erstellt eine Modeldatei, die alle Spalten anzeigt.
• 7:48
  Name, Preis, Kategorie, Verfügbarkeit.
• 7:51
  Es erstellt außerdem eine Service-Datei mit Funktionen wie Datensatz erstellen, Datensätze abrufen, Datensatz aktualisieren und Datensatz lösen.
• 7:57
  Jede Funktion ist vollständig typisiert, was bedeutet, dass Ihr Code-Editor genau weiß, welche Parameter zu erwarten sind.
• 8:02
  Kein Raten, kein Durchsuchen von Dokumentationen.
• 8:04
  Vergleichen Sie dies mit Canvas-Apps.
• 8:06
  In einer Canvas-App verwenden Sie PowerFX-Formeln wie Patch und Filter.
• 8:08
  Sie geben die Formel ein, die Plattform erledigt den Rest.
• 8:12
  In Code-Apps importieren Sie den Service und rufen ihn mit Parametern auf.
• 8:16
  Gleiches Ergebnis, andere Sprache.
• 8:18
  Das eine ist visuell und formelbasiert.
• 8:20
  Das andere ist code- und funktionsbasiert.
• 8:23
  Ihre Analogie.
• 8:24
  Betrachten Sie das SDK als eine vorgefertigte Anleitung.
• 8:26
  Sie müssen nicht wissen, wie man das Auto baut, Sie benutzen einfach das Lenkrad.
• 8:30
  Das SDK übernimmt die Komplexität der Authentifizierung, Datenserialisierung und Fehlerbehandlung.
• 8:34
  Sie konzentrieren sich auf das, was Sie tun wollen, einen Datensatz lesen, erstellen oder aktualisieren.
• 8:39
  Eines noch, das erwähnenswert ist.
• 8:40
  Das SDK als Open Source auf GitHub wird von Microsoft gepflegt und die Community kann dazu beitragen.
• 8:44
  Das bedeutet, Sie können genau sehen, wie es funktioniert, Fehler melden und sogar Verbesserungen einreichen.
• 8:49
  Es ist dieselbe Technologie, die die neue Vibe-Power-Apps.com-Umgebung antreibt,
• 8:53
  Microsofts Versuch, Code-Apps durch KI-gestützte Entwicklung zugänglicher zu machen.
• 8:56
  Und hinter dem SDK stehen dieselben Konnektoren, die Sie bereits kennen.
• 9:00
  Daten und Konnektoren, dieselbe Plattform, wo andere Steuerelemente.
• 9:03
  Welche Datenquellen funktionieren also tatsächlich mit Code?
• 9:05
  Die kurze Antwort, dieselben, die Sie bereits in Canvas-Apps verwenden.
• 9:08
  SharePoint, Dataverse, SQL Server, Office 365, CC, alle sind verfügbar.
• 9:13
  Sie verlieren keinen Zugriff auf irgendetwas, aber es gibt einige Feinheiten.
• 9:16
  Aktuell werden SharePoint-Dokument-Bibliotheken für den Datei-Upload noch nicht vollständig unterstützt.
• 9:19
  Sie können zwar daraus lesen, aber beim Zurücksinnen von Dateien gibt es Einschränkungen.
• 9:22
  Microsoft arbeitet aktiv an einer Lösung.
• 9:24
  Wenn Sie das in ein paar Monaten sehen, ist es wahrscheinlich bereits behoben.
• 9:27
  Lernen Sie sich dessen vorerst einfach.
• 9:28
  Wie fügt man also einen Konnektor hinzu?
• 9:30
  Sie verwenden die CLE.
• 9:31
  Der Befehl lautet 1px-Power-Apps-Add-Data-Source, gefolgt von der Connector-ID.
• 9:36
  Für SharePoint ist das Shared-Untert-to-SharePoint-Online.
• 9:38
  Für Dataverse ist es sogar noch einfacher.
• 9:39
  Sie gehen mal für Dataverse ein.
• 9:41
  Die CLE erledigt den Rest.
• 9:42
  Sie kontaktiert Ihre Umgebung, authentifiziert sich und lädt das Schema.
• 9:45
  Und hier ist etwas wirklich Mächtiges.
• 9:47
  Sie können auch sofortige Cloudflows als Datenquellen hinzufügen.
• 9:50
  Das bedeutet, Ihre Code-App kann einen Power-Automate-Flow auslösen und eine Antwort erhalten.
• 9:53
  Die CLE generiert eine Service-Datei mit einer Run-Methode, die die Eingabe-Parameter des Flows akzeptiert und die Ausgabe zurückgibt.
• 10:00
  Stellen Sie sich in Helpdesk-App.
• 10:01
  Ein Benutzer erreicht ein Ticket an.
• 10:02
  Ihre Code-App ruft über das SDK ein Flow auf.
• 10:04
  Der Flow führt einen Genehmigungsprozess aus, sendet eine E-Mail, aktualisiert einen Dataverse-Datensatz und gibt einen Status zurück.
• 10:10
  Genehmigt, abgelehnt oder ausstehend.
• 10:12
  Alles innerhalb derselben App.
• 10:13
  Der Benutzer verlässt zu keinem Zeitpunkt die Benutzeroberfläche.
• 10:15
  Und da diese dieselben Konnektoren nutzen, gelten auch all Ihre Richtlinien zur Verhinderung von Datenverlust.
• 10:19
  Sie verlieren keinerlei Sicherheit.
• 10:20
  Wenn ein Connector in Ihrer Umgebung blockiert ist, ist es auch in Code-Apps blockiert.
• 10:23
  Es gibt keine Hintertür.
• 10:24
  Aber wenn Code-Apps so leistungsfähig sind, ersetzen Sie dann Canvas-Apps vollständig?
• 10:28
  Lassen Sie uns über das Offensichtliche sprechen.
• 10:30
  Governance, Lizenzierung und wie Code-Apps in Ihre Strategie passen?
• 10:35
  Governance und Lizenzierung.
• 10:36
  Ja, es sind immer noch Power-Apps.
• 10:38
  Lassen Sie uns eines klarstellen.
• 10:39
  Code-Apps unterliegen derselben Governance wie Canvas-Apps.
• 10:42
  Sie erscheinen in den Lösungen.
• 10:43
  Sie können über Pipelines bereitgestellt werden.
• 10:45
  Sie übernehmen Umgehungsrichtlinien.
• 10:46
  Ihr IT-Team verliert nicht die Kontrolle.
• 10:47
  Die Lizenzierung kompliziert.
• 10:49
  Benutzer benötigen eine Power-Apps-Premium-Lizenz, um Code-Apps auszuführen.
• 10:53
  Es gibt keine zusätzlichen Code-Apps.
• 10:54
  Wenn Sie bereits Premium haben, sind Sie abgedeckt.
• 10:56
  Gleiche Lizenz, gleiche Kosten, gleiche Recht.
• 10:58
  Admins müssen Code-Apps jedoch pro Umgebung aktivieren.
• 11:00
  Es ist ein Schalter im Power-Plattform-Admin-Center.
• 11:03
  Unter Umgebungseinstellungen.
• 11:04
  Dann Produkt, dann Funktion.
• 11:05
  Schalten Sie ihn ein und Ihre Entwickler können mit der Bereitstellung von Code-Apps in dieser Umgebung beginnen.
• 11:09
  Er ist standardmäßig deaktiviert, was sinnvoll ist.
• 11:11
  Sie möchten nicht, dass willkürlich Apps ohne Ihr Wissen auftauchen.
• 11:14
  Komm in den verbreiteten Mythos.
• 11:15
  Manche Leute glauben, Code-Apps könnten nicht gesteuert werden, weil sie in externen Tools wie VS Code erstellt werden.
• 11:20
  Das Gegenteil ist der Fall.
• 11:21
  Sie werden vollständig von der Power-Plattform verwaltet.
• 11:23
  Sie können die LP-Richtlinien, Richtlinien für bedingten Zugriff und Überwachungsprotokolle anwenden.
• 11:26
  Jede Aktion wird nachverfolgt.
• 11:27
  Jede Bereitstellung wird aufgezeichnet.
• 11:29
  Wenn jemand versucht, einen blockierten Connector zu verwenden, stockt die Plattform ihn.
• 11:32
  Vergleichen Sie das mit dem Erstellen eines separaten React-App-Admin-Center.
• 11:35
  Sie müssen sich selbst um die Authentifizierung kümmern.
• 11:37
  Sie müssen das Hosting einrichten, die Sicherheit konfigurieren und die Compliance verwalten.
• 11:40
  Sie müssen eine eigene Anmeldeseite, eine eigene Sitzungsverwaltung und einen eigenen Audit-Trail erstellen.
• 11:44
  Bei Code-Apps ist all das bereits vorhanden.
• 11:46
  Sie schreiben den Frontend-Code.
• 11:48
  Die Plattform kümmert sich um alles Weitere.
• 11:50
  Wie ein Vergleich.
• 11:51
  Es ist, als würde man ein komplett ausgestattetes Büro mieten, anstatt ein eigenes Gebäude zu bauen.
• 11:54
  Beides ermöglicht Ihnen die App.
• 11:55
  Beides bietet Ihnen Raum.
• 11:56
  Doch das eine nimmt Ihnen den gesamten Aufwand ab.
• 11:58
  Nebenkosten, Instandhaltung, Sicherheit.
• 12:00
  Sie kommen einfach an und erledigen Ihre Arbeit.
• 12:02
  Lassen Sie uns nur einen Schritt zurücktreten und sehen, wie all diese Teile zusammen.
• 12:04
  Wie alle Teile ineinander greifen.
• 12:06
  Wie funktioniert also alles, wenn jemand Ihre Code-App nutzt?
• 12:08
  Sie haben drei Ebenen.
• 12:10
  Die App selbst, das ist Ihr React-Code, die Benutzeroberfläche, die Sie erstellt haben.
• 12:13
  Das SDK, das ist der Übersetzer, der Ihren Code mit der Plattform verbindet.
• 12:17
  Und Power-Plattform-Dienste.
• 12:18
  Hosting, Authentifizierung, Connectors, Dataverse.
• 12:20
  Drei Ebenen, ein System.
• 12:22
  So interagieren Sie miteinander.
• 12:23
  Ihre App ruft eine Funktion aus dem generierten Dienst des SDK auf.
• 12:26
  Das SDK übernimmt die Authentifizierung, greift über einen Connector-Proxy zu und ruft Daten aus der verbundenen Quelle ab.
• 12:31
  Dataverse, SharePoint oder SQL-Server.
• 12:34
  Die Plattform gibt die Ergebnisse zurück.
• 12:36
  Ihre App rendert diese.
• 12:36
  Der Benutzer sieht die Daten auf dem Bildschirm.
• 12:39
  Lassen Sie mich ein echtes Beispiel tun.
• 12:40
  Ein Benutzer klickt auf eine Schaltfläche in Ihrer Code.
• 12:42
  Ihr React-Code ruft eine Service-Funktion auf, zum Beispiel Create Record aus Ihrer generierten Service-Datei.
• 12:47
  Dieser Service sendet eine authentifizierte Anfrage an Dataverse.
• 12:50
  Der Datensatz wird der Tabelle hinzugefügt.
• 12:51
  Der Service gibt eine Erfolgsmeldung zurück.
• 12:53
  Ihre App zeigt eine Bestätigung auf dem Bildschirm.
• 12:55
  All das geschieht in Sekundenschnell.
• 12:57
  Der Benutzer sieht die zugrunde liegende Komplexität nie.
• 12:59
  Die wahre Magie liegt nicht im Code selbst.
• 13:01
  Sie könnten dieselbe React-App schreiben und überall hosten.
• 13:02
  Die Magie ist, dass jeder Teil Identität, Datenautomatisierung, Sicherheit bereits verbunden ist.
• 13:08
  Sie schreien das Frontend, aber die Plattform erledigt alles andere.
• 13:12
  Die Authentifizierung Sie kreieren.
• 13:13
  Die Datenverbindungen sind vorkonfiguriert.
• 13:15
  Die Sicherheitsrichtlinien Ihrer Umgebung gelten automatisch.
• 13:18
  Sie müssen nichts davon selbst verknüpfen.
• 13:19
  Sobald Sie das sehen, kommt der Aha-Moment.
• 13:22
  Code-Apps sind keine separate Plattform.
• 13:23
  Sie sind kein neues Tool, das Sie von Grund auf lernen müssen.
• 13:25
  Sie sind eine neue Art, auf dem Fundament aufzubauen, das Sie bereits haben.
• 13:29
  Gleiche Power-Plattform, gleiche Governance, gleiche Datenquellen, nur ein anderer Frontend-Ansatz.
• 13:32
  Wenn Sie also neugierig sind, was sollten Sie als nächstes tun?
• 13:34
  Fangen Sie an.
• 13:35
  Ihre nächsten Schritte.
• 13:36
  Lassen Sie mich Ihnen fünf konkrete Maßnahmen nennen, die Sie heute ergreifen.
• 13:39
  Erstens aktivieren Sie Code-Apps in Ihrer Entwicklungsumgebung.
• 13:42
  Gehen Sie zu den Umgebungseinstellungen, dann zu Produkt und dann zu Funktion.
• 13:45
  Suchen Sie den Schalter für Power-Apps, Code-Apps und schalten Sie ihn ein.
• 13:48
  Das dauert nur fünf Sekunden, aber ohne diesen Schritt funktioniert nichts anderes.
• 13:51
  Zweitens befolgen Sie die offizielle Microsoft-Dokumentation, um Ihre erste Code-App zu erstellen.
• 13:55
  Die Dokumentation führt Sie durch den gesamten Prozess.
• 13:57
  Sie führen einen einzigen Befehl aus und innerhalb weniger Minuten läuft eine funktionierende Hello-World-App in Ihrem Browser.
• 14:02
  Es ist nicht aufregend, aber es beweist, dass die Pipeline funktioniert.
• 14:05
  Plötzlich versuchen Sie eine Datenquelle hinzuzuggen.
• 14:07
  Verbinden Sie sich mit einer Dataverse-Tabelle oder einer SharePoint-Liste.
• 14:09
  Führen Sie den MPX-Befehl zum Hinzufügen einer Datenquelle aus und beobachten, was passiert.
• 14:13
  Das SDK generiert automatisch Modell- und Service-Dateien.
• 14:15
  Sie sehen typisierte Schnittstellen für Ihre Spalten und sofort einsatzbereite Funktionen zum Lesen und Schreiben von Daten.
• 14:20
  Dann macht es Klick.
• 14:21
  Viertens. Nutzen Sie einen KI-Programmiere-Assistenten, GitHub-Copilot oder Cloud-Code können Ihnen beim Schreiben des React-Codes helfen.
• 14:26
  Viele Tutorials zeigen diesen Weg auch.
• 14:28
  Sie beschreiben in einfacher Sprache, was Sie möchten.
• 14:30
  Erstellen Sie eine Tabellenansicht der Katalogelemente mit einer Suchleiste.
• 14:33
  Die KI schreibt die React-Komponenten.
• 14:35
  Sie überprüfen, passt nun bereit.
• 14:36
  Es ist keine Magie, aber es kommt ja nach.