WEBVTT 00:00:00.240 --> 00:00:06.380 Bereit für 10 Tage voller Microsoft 365, Co-Pilot, KI-Azure und den Vordenkern der Arbeitswelt von morgen? 00:00:06.740 --> 00:00:07.220 Weiselfon. 00:00:07.860 --> 00:00:11.700 Diesen Januar ist die M3565-Con zurück und wir legen noch eine Schippe drauf. 00:00:11.840 --> 00:00:12.040 On. 00:00:13.060 --> 00:00:17.800 Seien Sie dabei bei Live-Sessions, Praxis-Demos und Expertenwissen von MVPs und Fachleuten aus aller Welt. 00:00:18.720 --> 00:00:19.660 Keine generischen Folien. 00:00:20.080 --> 00:00:21.100 Kein endloses Passwort-Bingo. 00:00:21.940 --> 00:00:23.360 Wir gehen echte Herausforderungen an. 00:00:23.760 --> 00:00:28.440 Co-Pilot Studio, KI-Agenten, Fabrik, Sicherheit, Governance und Automatisierung. 00:00:28.440 --> 00:00:34.280 Egal ob IT-Profi-Entwickler oder Führungskraft.de, es gibt Sessions, die genau auf Sie zugeschnitten sind. 00:00:35.420 --> 00:00:40.060 An zehn vollen Tagen können Sie verschiedenste Technologien entdecken und sich mit einer globalen Community vernetzen. 00:00:40.900 --> 00:00:44.200 Schauen Sie live zu und nehmen Sie praktische Erkenntnisse mit in Ihr Unternehmen. 00:00:45.100 --> 00:00:48.840 Januar 2027. Zehn Tage. Eine Microsoft-Community. 00:00:49.420 --> 00:00:50.540 Die Anmeldung ist jetzt eröffnet. 00:00:51.760 --> 00:00:52.880 Sichern Sie sich heute Ihren Platz. 00:00:52.880 --> 00:00:56.380 Besuchen Sie M2DM65. 00:00:57.840 --> 00:00:58.320 Kontontunktnet. 00:01:00.160 --> 00:01:03.380 Melden Sie sich jetzt auf M3DM65.net an. Wir sehen uns live. 00:01:03.720 --> 00:01:04.540 Im Januar B. 00:01:05.080 --> 00:01:07.800 Sie haben von PowerApps gehört, aber jetzt gibt es etwas namens CodeApps. 00:01:08.260 --> 00:01:09.240 Ist das eine komplett neue Plattform? 00:01:09.680 --> 00:01:10.900 Müssen Sie ein völlig neues Tool erlernen? 00:01:11.560 --> 00:01:15.240 Bin mir kopiert das von M3DM65.m und heute klären wir das ganz einfach auf. 00:01:16.360 --> 00:01:20.760 Am Ende dieser Folge wissen Sie genau, was CodeApps sind, warum Microsoft sie entwickelt hat und ob sie für sie relevant sind. 00:01:20.760 --> 00:01:28.000 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. 00:01:28.800 --> 00:01:32.860 Wir beleuchten das Problem, die Lösung und wie alles mit der Power-Plattform zusammenhängt, die Sie bereits kennen. 00:01:33.560 --> 00:01:34.800 Schnappen Sie sich einen Kaffee und legen wir los. 00:01:35.780 --> 00:01:37.900 Die große Verwirrung. Was genau ist eine CodeApp? 00:01:38.620 --> 00:01:40.600 Fangen wir also mit der grundlegenden Frage an, die sich jeder stellt. 00:01:40.960 --> 00:01:41.740 Was ist eine CodeApp? 00:01:42.220 --> 00:01:43.200 Ist die einfachste Definition. 00:01:43.400 --> 00:01:46.940 Eine CodeApp ist eine PowerApp, die Sie mit Code schreiben, statt sie per Drag-and-Drop zusammenzuklicken. 00:01:47.580 --> 00:01:50.440 Canvas-Apps werden in einem visuellen Designer mit PowerFX-Formeln erstellt. 00:01:50.760 --> 00:01:51.480 Sie kennen das Prinzip. 00:01:52.080 --> 00:01:56.880 Sie wählen einen Button, ziehen ihn auf den Bildschirm, geben eine Formel wie Patch oder Filter ein und die App funktioniert. 00:01:57.700 --> 00:02:01.660 Es ist visuell, schnell und für jeden. Zugänglich, der logisch wie bei einer Tabellenkalkulation denken kann. 00:02:02.520 --> 00:02:03.260 CodeApps sind anders. 00:02:03.660 --> 00:02:06.120 Sie erstellen sie in Visual Studio Code mit JavaScript und React. 00:02:06.580 --> 00:02:09.900 Daher, es gibt keinen Drag-and-Drop-Bildschirm und kein Eigenschaftenpanel auf der rechten Seite. 00:02:09.960 --> 00:02:14.260 Sie schreiben Code in einem Texteditor, genau wie ein Webentwickler bei einer modernen Website. 00:02:14.820 --> 00:02:15.500 Hier ist der entscheidende Punkt. 00:02:15.960 --> 00:02:19.080 Sobald Sie sie bereitstellen, läuft sie in PowerApps wie jede andere App auch. 00:02:19.720 --> 00:02:22.200 Sie wird weiterhin von der Plattform gehostet, authentifiziert und verwaltet. 00:02:22.620 --> 00:02:24.000 Sie müssen keinen eigenen Server einrichten. 00:02:24.420 --> 00:02:25.620 Sie müssen keinen Login-Bildschirm programmieren. 00:02:25.980 --> 00:02:28.800 Sie müssen sich keine Gedanken darüber machen, wo die App gehostet wird oder wie Benutzer darauf zu greifen. 00:02:28.880 --> 00:02:29.820 Das wird alles für Sie erledigt. 00:02:30.160 --> 00:02:30.840 Stellen Sie es sich so vor. 00:02:31.220 --> 00:02:32.400 Canvas-Apps sind möblierte Räume. 00:02:32.920 --> 00:02:34.540 Sie betreten sie und die Möbel sind bereits vorhanden. 00:02:34.720 --> 00:02:36.160 Sie stellen die Dinge einfach nach Ihrem Geschmack um. 00:02:36.500 --> 00:02:38.740 CodeApps sind leere Räume, in die Sie Ihre eigene Möbel mitmachen. 00:02:38.740 --> 00:02:42.200 Aber die Gebäudesicherheit, Elektrik- und Sanitäranlagen sind bereits installiert. 00:02:42.700 --> 00:02:44.160 Sie müssen das Gebäude nicht errichten. 00:02:44.340 --> 00:02:46.000 Sie richten den Raum einfach ein, wie Sie möchten. 00:02:46.380 --> 00:02:47.120 Nun die ehrliche Frage. 00:02:47.700 --> 00:02:49.060 Bedeutet das, dass Sie ein Entwickler sein müssen? 00:02:49.380 --> 00:02:50.280 Die ehrliche Antwort lautet ja. 00:02:50.700 --> 00:02:53.680 CodeApps richten sich an professionelle Programmierer, Leute, die JavaScript beherrschen, 00:02:54.100 --> 00:02:56.980 sich mit einem Terminal auskennen und verstehen, wie React-Komponenten funktionieren. 00:02:57.360 --> 00:02:59.120 Aber das bedeutet nicht, dass Sie nicht davon profitieren können. 00:02:59.620 --> 00:03:03.760 Wenn Sie ein Entwickler sind, der bei Canvas-Apps an Grenzen stößt, können Sie mit einem Entwickler in Ihrem Team zusammenarbeiten. 00:03:04.160 --> 00:03:05.520 Sie entwerfen die Logik, erschreibt den Code. 00:03:05.520 --> 00:03:06.780 Es ist ein Fusionsmodell. 00:03:07.100 --> 00:03:08.900 Was können CodeApps, also was Canvas-Apps nicht können? 00:03:09.360 --> 00:03:12.620 Schauen wir uns die tatsächlichen Grenzen von Canvas-Apps an und wo CodeApps einspringen. 00:03:13.540 --> 00:03:15.680 Zweiter Teil, wo Canvas-Apps enden und CodeApps beginnen. 00:03:16.260 --> 00:03:17.480 Und Canvas-Apps sind leistungsstark. 00:03:17.820 --> 00:03:18.620 Lassen Sie es uns klarstellen. 00:03:18.980 --> 00:03:20.720 Sie können damit echte Geschäftsanwendungen erstellen. 00:03:21.200 --> 00:03:22.640 Tausende Unternehmen tun dies jeden Tag. 00:03:23.020 --> 00:03:23.800 Aber Sie haben Einschränkungen. 00:03:24.140 --> 00:03:25.580 Sie können kein benutzerdefiniertes CSS ergeben. 00:03:25.900 --> 00:03:27.180 Die Styling-Optionen sind eben vorgegeben. 00:03:27.600 --> 00:03:31.260 Sie können Farben, Schriftarten und Größen ändern, sind aber auf das beschränkt, was die Plattform bietet. 00:03:31.540 --> 00:03:33.720 Sie können keine komplexen JavaScript-Bibliotheken einbinden. 00:03:33.720 --> 00:03:39.160 Wenn Sie eine bestimmte Charting-Bibliothek bevorzugen oder eine Datumsauswahl benötigen, die ausgefeilter ist als die Standardvariante, haben Sie Pech. 00:03:40.060 --> 00:03:41.900 Animation und Pixelgenau-Kontrolle sind schwierig. 00:03:42.380 --> 00:03:48.000 Sie können Elemente ein- und ausblenden, aber keine flüssigen, ausgefeilten Animationen erstellen, wie Sie Benutzer von modernen Web-Apps erwarten. 00:03:48.580 --> 00:03:49.480 CodeApps ändern all das. 00:03:50.020 --> 00:03:52.240 Sie erhalten die volle Kontrolle über HTML, CSS und JavaScript. 00:03:53.280 --> 00:03:56.200 Sie können jedes beliebige React-Framework und jedes NPM-Paket verwenden. 00:03:56.360 --> 00:03:59.660 Der Node.js-Paketmanager mit hunderttausenden von Bibliotheken steht Ihnen zur Verfügung. 00:04:00.620 --> 00:04:02.480 Sie können alles erstellen, was eine moderne Web-App ausmacht. 00:04:02.480 --> 00:04:04.120 Lassen Sie mich in konkrete Beispiele legen. 00:04:04.460 --> 00:04:06.060 Ausgefallene Animationen? Ganz einfach. 00:04:06.420 --> 00:04:10.820 Sie können Bibliotheken wie Framer Motion verwenden, um flüssige Übergänge, Ziehgesten und Federanimationen hinzuzufügen. 00:04:10.960 --> 00:04:12.760 Benutzerdefinierte Charting-Bibliotheken? Kein Problem. 00:04:13.080 --> 00:04:19.700 Sie können D3.js oder Chart.js einbinden und Visualisierungen erstellen, die aussehen wie aus einem Datendashboard eines großen Tech-Unternehmens. 00:04:19.840 --> 00:04:20.780 Drag-and-Drop innerhalb der App? 00:04:21.040 --> 00:04:23.740 Sie können das selbst mit Bibliotheken wie React Beautiful D&D erstellen. 00:04:24.000 --> 00:04:25.720 Die Möglichkeiten sind grenzenlos, aber es gibt einen Kompromiss. 00:04:25.940 --> 00:04:27.740 Sie verlieren die Einfachheit des visuellen Editors. 00:04:27.740 --> 00:04:34.340 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. 00:04:34.660 --> 00:04:35.180 Das ist abwegend. 00:04:35.460 --> 00:04:37.660 Sie würden Flexibilität, verlieren aber Geschwindigkeit und Zugänglichkeiten. 00:04:38.080 --> 00:04:40.440 Microsoft arbeitet an Werkzeugen, um diese Lücke zu schließen. 00:04:40.960 --> 00:04:42.260 Es gibt eine neue Erfahrung namens Vibe. 00:04:42.720 --> 00:04:47.340 PowerApps.com die Code-Apps zugänglicher machen soll, aber aktuell sind sie für Leute, die sich mit dem Terminal auskennen. 00:04:47.340 --> 00:04:51.020 Wenn Sie die Befehlsteile nervös macht, ist das vielleicht noch nichts für Sie. 00:04:51.480 --> 00:04:53.740 Wie sieht also der tatsächliche Entwicklungs-Workflow aus? 00:04:54.500 --> 00:04:56.540 Werfen wir einen Blick unter die Haube auf die Entwicklererfahrung. 00:04:57.440 --> 00:05:00.020 Der Werkzeugkasten des Entwicklers VouseCode CLI React. 00:05:00.580 --> 00:05:02.060 Was brauchen Sie also tatsächlich für den Start? 00:05:02.460 --> 00:05:03.780 Die Voraussetzungen sind überschaubar. 00:05:04.200 --> 00:05:05.440 Die benötigen Visual Studio Code. 00:05:05.800 --> 00:05:07.580 Das ist der kostenlose Code-Editor von Microsoft. 00:05:08.000 --> 00:05:11.400 Sie benötigen NotiS, eine Laufzeitumgebung, mit der JavaScript außerhalb eines Browsers ausgeführt werden kann. 00:05:11.720 --> 00:05:14.400 Und Sie benötigen eine Power-Plattform-Umgebung mit aktivierten Code-Apps. 00:05:14.400 --> 00:05:16.540 Das ist ein Schalter, den der Administratoren in Einstellungen um. 00:05:16.540 --> 00:05:18.420 Sobald es eingerichtet ist, sieht der Workflow so aus. 00:05:18.760 --> 00:05:20.100 Zuerst erstellen Sie ein Projektgrundgerüst. 00:05:20.440 --> 00:05:23.600 Das bedeutet, Sie führen einen einzigen Befehl aus, der eine Startvorlage herunterlädt. 00:05:23.660 --> 00:05:25.580 Eine Basis-App-Struktur mit allen benötigten Dateien. 00:05:25.980 --> 00:05:28.640 Stellen Sie es sich wie eine leere Leinwand vor, bei der die Staffelei bereits aufgebaut ist. 00:05:29.020 --> 00:05:31.240 Sie führen MPM-Install aus, um die Abhängigkeiten zu laden. 00:05:31.340 --> 00:05:34.020 Das sind vorgefertigte Code-Pakete, die Ihre App zum Funktionieren benötigen. 00:05:34.580 --> 00:05:36.680 Dann initialisieren Sie die App mit MPX PowerApps init. 00:05:37.220 --> 00:05:40.240 Dieser Befehl verbindet Ihr lokales Projekt mit Ihrer Power-Plattform-Umgebung. 00:05:40.240 --> 00:05:46.500 Er fragt nach Ihrer Umgebungs-ID, authentifiziert sie und erstellt eine Konfigurationsdatei, die alles miteinander verknüpft. 00:05:47.080 --> 00:05:47.900 Jetzt wird es interessant. 00:05:48.520 --> 00:05:53.280 Sie führen NPM-Rundef aus und Ihre App erscheint in einem Browserfenster, das lokal auf Ihrem Rechner läuft, 00:05:53.740 --> 00:05:55.900 wo bereits mit Ihrer Power-Plattform-Umgebung verbunden ist. 00:05:56.420 --> 00:05:57.520 Sie können mit echten Daten testen. 00:05:57.880 --> 00:06:00.240 Sie können Ihre Änderungen live sehen, während Sie den Code bearbeiten. 00:06:00.700 --> 00:06:04.360 Das ist Hot-Reloading, was bedeutet, dass Sie eine Datei speichern und der Browser sofort aktualisiert wird. 00:06:04.700 --> 00:06:06.600 Kein Warten auf Builds, kein manuelles Aktualisieren. 00:06:06.600 --> 00:06:09.640 Wenn Sie bereit sind, Ihre App zu teilen, führen Sie NPM-Run-Build aus. 00:06:10.340 --> 00:06:14.960 Dies verpackt alles in einen Distributionsordner, optimiert, minifiziert und bereit für die Produktion. 00:06:15.940 --> 00:06:19.260 Dann stellt MPX PowerApps Pushes als neue Code-App in PowerApps bereit. 00:06:19.680 --> 00:06:21.680 Sie erscheint genau wie eine Canvas-App in Ihrer App-Liste. 00:06:22.380 --> 00:06:26.520 Sie können sie teilen, zu Lösungen hinzufügen und über den normalen Power-Plattform-Lebenszyklus verwalten. 00:06:27.120 --> 00:06:27.740 Hier ist eine Analogie. 00:06:28.220 --> 00:06:31.220 Es ist, als würden Sie einen Film in Ihrem eigenen Studio drehen und dann auf Netflix hochladen. 00:06:31.560 --> 00:06:32.740 Die Plattform kümmert sich um die Verbreitung. 00:06:33.180 --> 00:06:34.300 Sie konzentrieren sich einfach nur auf den Inhalt. 00:06:34.300 --> 00:06:36.300 Sie müssen die Streaming-Infrastruktur nicht selbst aufbauen. 00:06:36.820 --> 00:06:38.660 Sie müssen nicht mit Kabelanbietern verhandeln. 00:06:39.380 --> 00:06:41.720 Sie machen den Film, laden ihn hoch und Netflix erledigt den Rest. 00:06:42.140 --> 00:06:44.500 Auch wenn es technisch klingt, besteht der Workflow aus drei Befehlen. 00:06:45.000 --> 00:06:45.720 Init-Dev-Push. 00:06:46.620 --> 00:06:50.720 Alles andere wie Authentifizierung, Hosting und Sicherheit wird von der Power-Plattform im Hintergrund erledigt. 00:06:51.480 --> 00:06:53.420 Aber wie kommuniziert Ihr Code eigentlich mit der Power-Plattform? 00:06:54.220 --> 00:06:58.180 Wie liest eine React-Komponente Daten aus Dataverse oder löst einen Power-Automate-Flow aus? 00:06:58.800 --> 00:06:59.840 Wie kommt das SDK ins Spiel? 00:07:00.420 --> 00:07:01.740 Was das PowerApps SDK eigentlich macht? 00:07:02.040 --> 00:07:04.440 Das PowerApps SDK ist ein Note-Fund-JS-Paket. 00:07:04.440 --> 00:07:08.500 Es fungiert als Übersetzer zwischen Ihrem benutzerdefinierten Code und den Power-Plattform-Diensten. 00:07:09.000 --> 00:07:13.620 Ohne das SDK müssen Sie API-Aufrufe manuell schreiben, Authentifizierungstoken verwalten und Antworten parsen. 00:07:13.960 --> 00:07:15.520 Das SDK erledigt all das für Sie. 00:07:15.880 --> 00:07:16.900 So funktioniert es in der Praxis. 00:07:16.900 --> 00:07:23.640 Wenn Sie eine Datenquelle hinzufügen, etwa eine Dataverse-Tabelle oder eine SharePoint-Liste, führen Sie NPX-PowerApps-App-Data-Source aus. 00:07:24.320 --> 00:07:27.940 Das SDK kontaktiert die Power-Plattform, lädt das Schimmer der Tabelle und generiert zwei Dinge. 00:07:28.740 --> 00:07:29.700 Erstens eine Modeldatei. 00:07:29.960 --> 00:07:32.760 Das ist ein Typ-Interface, das jede Spalte in Ihrer Tabelle anzeigt. 00:07:32.860 --> 00:07:34.660 Die Spaltennamen, Datentypen und Beziehungen. 00:07:35.140 --> 00:07:36.040 Zweitens eine Service-Datei. 00:07:36.280 --> 00:07:38.720 Das ist eine Reihe von Funktionen, die Sie zum Lesen und Schreiben von Daten aufrufen. 00:07:38.960 --> 00:07:40.360 Lassen Sie mich Ihnen ein konkretes Beispiel geben. 00:07:40.360 --> 00:07:45.100 Sie führen NPX-PowerApps-Add-Data-Source mit Ihrem Dataverse-Tabellennamen aus, zum Beispiel Catalog-Items. 00:07:45.780 --> 00:07:48.420 Das SDK erstellt eine Modeldatei, die alle Spalten anzeigt. 00:07:48.840 --> 00:07:51.080 Name, Preis, Kategorie, Verfügbarkeit. 00:07:51.560 --> 00:07:56.640 Es erstellt außerdem eine Service-Datei mit Funktionen wie Datensatz erstellen, Datensätze abrufen, Datensatz aktualisieren und Datensatz lösen. 00:07:57.160 --> 00:08:01.700 Jede Funktion ist vollständig typisiert, was bedeutet, dass Ihr Code-Editor genau weiß, welche Parameter zu erwarten sind. 00:08:02.100 --> 00:08:04.040 Kein Raten, kein Durchsuchen von Dokumentationen. 00:08:04.360 --> 00:08:05.640 Vergleichen Sie dies mit Canvas-Apps. 00:08:06.020 --> 00:08:08.900 In einer Canvas-App verwenden Sie PowerFX-Formeln wie Patch und Filter. 00:08:08.900 --> 00:08:11.820 Sie geben die Formel ein, die Plattform erledigt den Rest. 00:08:12.640 --> 00:08:15.620 In Code-Apps importieren Sie den Service und rufen ihn mit Parametern auf. 00:08:16.360 --> 00:08:17.760 Gleiches Ergebnis, andere Sprache. 00:08:18.300 --> 00:08:19.780 Das eine ist visuell und formelbasiert. 00:08:20.180 --> 00:08:22.320 Das andere ist code- und funktionsbasiert. 00:08:23.220 --> 00:08:23.720 Ihre Analogie. 00:08:24.140 --> 00:08:26.300 Betrachten Sie das SDK als eine vorgefertigte Anleitung. 00:08:26.780 --> 00:08:29.600 Sie müssen nicht wissen, wie man das Auto baut, Sie benutzen einfach das Lenkrad. 00:08:30.240 --> 00:08:34.360 Das SDK übernimmt die Komplexität der Authentifizierung, Datenserialisierung und Fehlerbehandlung. 00:08:34.800 --> 00:08:38.800 Sie konzentrieren sich auf das, was Sie tun wollen, einen Datensatz lesen, erstellen oder aktualisieren. 00:08:39.440 --> 00:08:40.560 Eines noch, das erwähnenswert ist. 00:08:40.820 --> 00:08:44.500 Das SDK als Open Source auf GitHub wird von Microsoft gepflegt und die Community kann dazu beitragen. 00:08:44.940 --> 00:08:48.520 Das bedeutet, Sie können genau sehen, wie es funktioniert, Fehler melden und sogar Verbesserungen einreichen. 00:08:49.240 --> 00:08:52.960 Es ist dieselbe Technologie, die die neue Vibe-Power-Apps.com-Umgebung antreibt, 00:08:53.060 --> 00:08:56.280 Microsofts Versuch, Code-Apps durch KI-gestützte Entwicklung zugänglicher zu machen. 00:08:56.820 --> 00:08:59.140 Und hinter dem SDK stehen dieselben Konnektoren, die Sie bereits kennen. 00:09:00.020 --> 00:09:02.840 Daten und Konnektoren, dieselbe Plattform, wo andere Steuerelemente. 00:09:03.260 --> 00:09:05.100 Welche Datenquellen funktionieren also tatsächlich mit Code? 00:09:05.560 --> 00:09:08.300 Die kurze Antwort, dieselben, die Sie bereits in Canvas-Apps verwenden. 00:09:08.800 --> 00:09:12.620 SharePoint, Dataverse, SQL Server, Office 365, CC, alle sind verfügbar. 00:09:13.140 --> 00:09:15.600 Sie verlieren keinen Zugriff auf irgendetwas, aber es gibt einige Feinheiten. 00:09:16.060 --> 00:09:19.480 Aktuell werden SharePoint-Dokument-Bibliotheken für den Datei-Upload noch nicht vollständig unterstützt. 00:09:19.760 --> 00:09:22.540 Sie können zwar daraus lesen, aber beim Zurücksinnen von Dateien gibt es Einschränkungen. 00:09:22.680 --> 00:09:24.320 Microsoft arbeitet aktiv an einer Lösung. 00:09:24.580 --> 00:09:26.860 Wenn Sie das in ein paar Monaten sehen, ist es wahrscheinlich bereits behoben. 00:09:27.380 --> 00:09:28.420 Lernen Sie sich dessen vorerst einfach. 00:09:28.920 --> 00:09:30.320 Wie fügt man also einen Konnektor hinzu? 00:09:30.740 --> 00:09:31.440 Sie verwenden die CLE. 00:09:31.840 --> 00:09:35.360 Der Befehl lautet 1px-Power-Apps-Add-Data-Source, gefolgt von der Connector-ID. 00:09:36.020 --> 00:09:37.840 Für SharePoint ist das Shared-Untert-to-SharePoint-Online. 00:09:38.300 --> 00:09:39.500 Für Dataverse ist es sogar noch einfacher. 00:09:39.960 --> 00:09:40.820 Sie gehen mal für Dataverse ein. 00:09:41.160 --> 00:09:42.200 Die CLE erledigt den Rest. 00:09:42.580 --> 00:09:45.420 Sie kontaktiert Ihre Umgebung, authentifiziert sich und lädt das Schema. 00:09:45.960 --> 00:09:47.040 Und hier ist etwas wirklich Mächtiges. 00:09:47.040 --> 00:09:49.680 Sie können auch sofortige Cloudflows als Datenquellen hinzufügen. 00:09:50.080 --> 00:09:53.560 Das bedeutet, Ihre Code-App kann einen Power-Automate-Flow auslösen und eine Antwort erhalten. 00:09:53.560 --> 00:09:59.640 Die CLE generiert eine Service-Datei mit einer Run-Methode, die die Eingabe-Parameter des Flows akzeptiert und die Ausgabe zurückgibt. 00:10:00.140 --> 00:10:01.060 Stellen Sie sich in Helpdesk-App. 00:10:01.540 --> 00:10:02.600 Ein Benutzer erreicht ein Ticket an. 00:10:02.840 --> 00:10:04.460 Ihre Code-App ruft über das SDK ein Flow auf. 00:10:04.840 --> 00:10:09.740 Der Flow führt einen Genehmigungsprozess aus, sendet eine E-Mail, aktualisiert einen Dataverse-Datensatz und gibt einen Status zurück. 00:10:10.380 --> 00:10:11.780 Genehmigt, abgelehnt oder ausstehend. 00:10:12.260 --> 00:10:13.260 Alles innerhalb derselben App. 00:10:13.260 --> 00:10:15.300 Der Benutzer verlässt zu keinem Zeitpunkt die Benutzeroberfläche. 00:10:15.620 --> 00:10:19.480 Und da diese dieselben Konnektoren nutzen, gelten auch all Ihre Richtlinien zur Verhinderung von Datenverlust. 00:10:19.620 --> 00:10:20.480 Sie verlieren keinerlei Sicherheit. 00:10:20.480 --> 00:10:23.420 Wenn ein Connector in Ihrer Umgebung blockiert ist, ist es auch in Code-Apps blockiert. 00:10:23.740 --> 00:10:24.500 Es gibt keine Hintertür. 00:10:24.980 --> 00:10:27.860 Aber wenn Code-Apps so leistungsfähig sind, ersetzen Sie dann Canvas-Apps vollständig? 00:10:28.380 --> 00:10:29.860 Lassen Sie uns über das Offensichtliche sprechen. 00:10:30.920 --> 00:10:33.860 Governance, Lizenzierung und wie Code-Apps in Ihre Strategie passen? 00:10:35.120 --> 00:10:36.040 Governance und Lizenzierung. 00:10:36.380 --> 00:10:37.420 Ja, es sind immer noch Power-Apps. 00:10:38.000 --> 00:10:39.040 Lassen Sie uns eines klarstellen. 00:10:39.460 --> 00:10:41.760 Code-Apps unterliegen derselben Governance wie Canvas-Apps. 00:10:42.120 --> 00:10:42.980 Sie erscheinen in den Lösungen. 00:10:43.380 --> 00:10:44.720 Sie können über Pipelines bereitgestellt werden. 00:10:45.100 --> 00:10:46.300 Sie übernehmen Umgehungsrichtlinien. 00:10:46.720 --> 00:10:47.920 Ihr IT-Team verliert nicht die Kontrolle. 00:10:47.920 --> 00:10:49.420 Die Lizenzierung kompliziert. 00:10:49.900 --> 00:10:52.820 Benutzer benötigen eine Power-Apps-Premium-Lizenz, um Code-Apps auszuführen. 00:10:53.000 --> 00:10:54.260 Es gibt keine zusätzlichen Code-Apps. 00:10:54.400 --> 00:10:56.160 Wenn Sie bereits Premium haben, sind Sie abgedeckt. 00:10:56.500 --> 00:10:57.960 Gleiche Lizenz, gleiche Kosten, gleiche Recht. 00:10:58.400 --> 00:11:00.400 Admins müssen Code-Apps jedoch pro Umgebung aktivieren. 00:11:00.900 --> 00:11:02.760 Es ist ein Schalter im Power-Plattform-Admin-Center. 00:11:03.200 --> 00:11:04.140 Unter Umgebungseinstellungen. 00:11:04.360 --> 00:11:05.320 Dann Produkt, dann Funktion. 00:11:05.860 --> 00:11:09.300 Schalten Sie ihn ein und Ihre Entwickler können mit der Bereitstellung von Code-Apps in dieser Umgebung beginnen. 00:11:09.500 --> 00:11:11.080 Er ist standardmäßig deaktiviert, was sinnvoll ist. 00:11:11.500 --> 00:11:13.640 Sie möchten nicht, dass willkürlich Apps ohne Ihr Wissen auftauchen. 00:11:14.280 --> 00:11:15.300 Komm in den verbreiteten Mythos. 00:11:15.740 --> 00:11:19.740 Manche Leute glauben, Code-Apps könnten nicht gesteuert werden, weil sie in externen Tools wie VS Code erstellt werden. 00:11:20.020 --> 00:11:20.720 Das Gegenteil ist der Fall. 00:11:21.100 --> 00:11:22.640 Sie werden vollständig von der Power-Plattform verwaltet. 00:11:23.000 --> 00:11:26.140 Sie können die LP-Richtlinien, Richtlinien für bedingten Zugriff und Überwachungsprotokolle anwenden. 00:11:26.700 --> 00:11:27.580 Jede Aktion wird nachverfolgt. 00:11:27.980 --> 00:11:29.200 Jede Bereitstellung wird aufgezeichnet. 00:11:29.660 --> 00:11:32.380 Wenn jemand versucht, einen blockierten Connector zu verwenden, stockt die Plattform ihn. 00:11:32.780 --> 00:11:35.040 Vergleichen Sie das mit dem Erstellen eines separaten React-App-Admin-Center. 00:11:35.040 --> 00:11:36.980 Sie müssen sich selbst um die Authentifizierung kümmern. 00:11:37.340 --> 00:11:40.540 Sie müssen das Hosting einrichten, die Sicherheit konfigurieren und die Compliance verwalten. 00:11:40.540 --> 00:11:44.380 Sie müssen eine eigene Anmeldeseite, eine eigene Sitzungsverwaltung und einen eigenen Audit-Trail erstellen. 00:11:44.920 --> 00:11:46.480 Bei Code-Apps ist all das bereits vorhanden. 00:11:46.880 --> 00:11:47.840 Sie schreiben den Frontend-Code. 00:11:48.300 --> 00:11:49.600 Die Plattform kümmert sich um alles Weitere. 00:11:50.000 --> 00:11:50.440 Wie ein Vergleich. 00:11:51.040 --> 00:11:54.140 Es ist, als würde man ein komplett ausgestattetes Büro mieten, anstatt ein eigenes Gebäude zu bauen. 00:11:54.500 --> 00:11:55.340 Beides ermöglicht Ihnen die App. 00:11:55.760 --> 00:11:56.480 Beides bietet Ihnen Raum. 00:11:56.900 --> 00:11:58.480 Doch das eine nimmt Ihnen den gesamten Aufwand ab. 00:11:58.680 --> 00:11:59.980 Nebenkosten, Instandhaltung, Sicherheit. 00:12:00.580 --> 00:12:01.900 Sie kommen einfach an und erledigen Ihre Arbeit. 00:12:02.120 --> 00:12:04.540 Lassen Sie uns nur einen Schritt zurücktreten und sehen, wie all diese Teile zusammen. 00:12:04.960 --> 00:12:06.020 Wie alle Teile ineinander greifen. 00:12:06.600 --> 00:12:08.800 Wie funktioniert also alles, wenn jemand Ihre Code-App nutzt? 00:12:08.800 --> 00:12:09.960 Sie haben drei Ebenen. 00:12:10.320 --> 00:12:13.100 Die App selbst, das ist Ihr React-Code, die Benutzeroberfläche, die Sie erstellt haben. 00:12:13.560 --> 00:12:16.280 Das SDK, das ist der Übersetzer, der Ihren Code mit der Plattform verbindet. 00:12:17.160 --> 00:12:18.160 Und Power-Plattform-Dienste. 00:12:18.260 --> 00:12:20.240 Hosting, Authentifizierung, Connectors, Dataverse. 00:12:20.840 --> 00:12:21.920 Drei Ebenen, ein System. 00:12:22.440 --> 00:12:23.260 So interagieren Sie miteinander. 00:12:23.720 --> 00:12:26.200 Ihre App ruft eine Funktion aus dem generierten Dienst des SDK auf. 00:12:26.760 --> 00:12:31.560 Das SDK übernimmt die Authentifizierung, greift über einen Connector-Proxy zu und ruft Daten aus der verbundenen Quelle ab. 00:12:31.780 --> 00:12:33.880 Dataverse, SharePoint oder SQL-Server. 00:12:34.560 --> 00:12:35.840 Die Plattform gibt die Ergebnisse zurück. 00:12:36.200 --> 00:12:36.980 Ihre App rendert diese. 00:12:36.980 --> 00:12:38.680 Der Benutzer sieht die Daten auf dem Bildschirm. 00:12:39.080 --> 00:12:40.200 Lassen Sie mich ein echtes Beispiel tun. 00:12:40.500 --> 00:12:42.200 Ein Benutzer klickt auf eine Schaltfläche in Ihrer Code. 00:12:42.620 --> 00:12:46.880 Ihr React-Code ruft eine Service-Funktion auf, zum Beispiel Create Record aus Ihrer generierten Service-Datei. 00:12:47.560 --> 00:12:49.820 Dieser Service sendet eine authentifizierte Anfrage an Dataverse. 00:12:50.140 --> 00:12:51.380 Der Datensatz wird der Tabelle hinzugefügt. 00:12:51.660 --> 00:12:53.160 Der Service gibt eine Erfolgsmeldung zurück. 00:12:53.620 --> 00:12:55.340 Ihre App zeigt eine Bestätigung auf dem Bildschirm. 00:12:55.720 --> 00:12:56.780 All das geschieht in Sekundenschnell. 00:12:57.160 --> 00:12:58.960 Der Benutzer sieht die zugrunde liegende Komplexität nie. 00:12:59.400 --> 00:13:00.760 Die wahre Magie liegt nicht im Code selbst. 00:13:01.060 --> 00:13:02.880 Sie könnten dieselbe React-App schreiben und überall hosten. 00:13:02.880 --> 00:13:07.900 Die Magie ist, dass jeder Teil Identität, Datenautomatisierung, Sicherheit bereits verbunden ist. 00:13:08.660 --> 00:13:11.260 Sie schreien das Frontend, aber die Plattform erledigt alles andere. 00:13:12.060 --> 00:13:13.080 Die Authentifizierung Sie kreieren. 00:13:13.480 --> 00:13:14.960 Die Datenverbindungen sind vorkonfiguriert. 00:13:15.380 --> 00:13:17.940 Die Sicherheitsrichtlinien Ihrer Umgebung gelten automatisch. 00:13:18.440 --> 00:13:19.880 Sie müssen nichts davon selbst verknüpfen. 00:13:19.880 --> 00:13:21.640 Sobald Sie das sehen, kommt der Aha-Moment. 00:13:22.040 --> 00:13:23.300 Code-Apps sind keine separate Plattform. 00:13:23.700 --> 00:13:25.540 Sie sind kein neues Tool, das Sie von Grund auf lernen müssen. 00:13:25.900 --> 00:13:28.500 Sie sind eine neue Art, auf dem Fundament aufzubauen, das Sie bereits haben. 00:13:29.000 --> 00:13:32.280 Gleiche Power-Plattform, gleiche Governance, gleiche Datenquellen, nur ein anderer Frontend-Ansatz. 00:13:32.780 --> 00:13:34.580 Wenn Sie also neugierig sind, was sollten Sie als nächstes tun? 00:13:34.960 --> 00:13:35.460 Fangen Sie an. 00:13:35.820 --> 00:13:36.360 Ihre nächsten Schritte. 00:13:36.820 --> 00:13:39.140 Lassen Sie mich Ihnen fünf konkrete Maßnahmen nennen, die Sie heute ergreifen. 00:13:39.780 --> 00:13:42.100 Erstens aktivieren Sie Code-Apps in Ihrer Entwicklungsumgebung. 00:13:42.540 --> 00:13:45.000 Gehen Sie zu den Umgebungseinstellungen, dann zu Produkt und dann zu Funktion. 00:13:45.440 --> 00:13:48.000 Suchen Sie den Schalter für Power-Apps, Code-Apps und schalten Sie ihn ein. 00:13:48.000 --> 00:13:50.980 Das dauert nur fünf Sekunden, aber ohne diesen Schritt funktioniert nichts anderes. 00:13:51.760 --> 00:13:55.700 Zweitens befolgen Sie die offizielle Microsoft-Dokumentation, um Ihre erste Code-App zu erstellen. 00:13:55.940 --> 00:13:57.540 Die Dokumentation führt Sie durch den gesamten Prozess. 00:13:57.860 --> 00:14:02.160 Sie führen einen einzigen Befehl aus und innerhalb weniger Minuten läuft eine funktionierende Hello-World-App in Ihrem Browser. 00:14:02.480 --> 00:14:04.680 Es ist nicht aufregend, aber es beweist, dass die Pipeline funktioniert. 00:14:05.220 --> 00:14:06.880 Plötzlich versuchen Sie eine Datenquelle hinzuzuggen. 00:14:07.040 --> 00:14:09.300 Verbinden Sie sich mit einer Dataverse-Tabelle oder einer SharePoint-Liste. 00:14:09.580 --> 00:14:12.540 Führen Sie den MPX-Befehl zum Hinzufügen einer Datenquelle aus und beobachten, was passiert. 00:14:13.000 --> 00:14:15.460 Das SDK generiert automatisch Modell- und Service-Dateien. 00:14:15.460 --> 00:14:20.400 Sie sehen typisierte Schnittstellen für Ihre Spalten und sofort einsatzbereite Funktionen zum Lesen und Schreiben von Daten. 00:14:20.740 --> 00:14:21.300 Dann macht es Klick. 00:14:21.720 --> 00:14:26.340 Viertens. Nutzen Sie einen KI-Programmiere-Assistenten, GitHub-Copilot oder Cloud-Code können Ihnen beim Schreiben des React-Codes helfen. 00:14:26.600 --> 00:14:27.880 Viele Tutorials zeigen diesen Weg auch. 00:14:28.280 --> 00:14:29.960 Sie beschreiben in einfacher Sprache, was Sie möchten. 00:14:30.400 --> 00:14:33.100 Erstellen Sie eine Tabellenansicht der Katalogelemente mit einer Suchleiste. 00:14:33.320 --> 00:14:34.460 Die KI schreibt die React-Komponenten. 00:14:35.260 --> 00:14:36.300 Sie überprüfen, passt nun bereit. 00:14:36.720 --> 00:14:37.880 Es ist keine Magie, aber es kommt ja nach.