Latest / M365.FM – Microsoft 365, Copilot & AI podcast in het Nederlands / Power Apps Code Apps uitgelegd: React, VS Code en de Power Apps SDK in plaats van slepen en neerzetten (AI-nasynchronisatie)

Transcript

Power Apps Code Apps uitgelegd: React, VS Code en de Power Apps SDK in plaats van slepen en neerzetten (AI-nasynchronisatie) · M365.FM – Microsoft 365, Copilot & AI podcast in het Nederlands

0:00
Speaker 2: Klaar voor 10 dagen vol Microsoft 365, Copilot, AI, Azure
0:05
Speaker 2: en de mensen die de toekomst van werk vormgeven. In
0:08
Speaker 2: januari is M365 komt terug en we pakken het groter aan.
0:12
Speaker 2: Doe mee aan live sessies, praktijkdemonstraties en praktische kennis van
0:16
Speaker 2: MVP's en experts uit de hele wereld. Geen generieke sliedes,
0:20
Speaker 2: geen eindeloze modewoorden. We pakken de echte uitdagingen aan Copilot Studio,
0:25
Speaker 2: AI Agents, Fabric, Beveiliging, Governance en Automatisering. Of je nu
0:30
Speaker 2: een IT-professional, ontwikkelaar of bedrijfsleider bent, er zijn sessies speciaal
0:34
Speaker 2: voor jou. Gedurende tien volle dagen kun je verschillende technologieën
0:38
Speaker 2: verkennen en in contact komen met een wereldwijde community. Kijk
0:41
Speaker 2: live mee en neem praktische inzichten mee terug naar je organisatie.
0:44
Speaker 2: Januari 2027, tien dagen, één Microsoft Community. Registratie is nu geopend.
0:52
Speaker 2: Ga vandaag nog naar m365con.net Meld je nu aan op m365con.net
1:03
Speaker 2: en we zien je live in januari. Je hebt vast
1:05
Speaker 2: wel eens van Power Apps gehoord, maar nu is er
1:07
Speaker 2: ook zoiets als Code Apps. Is dat een compleet nieuw platform?
1:09
Speaker 2: Moet je een compleet andere tool leren gebruiken? Ik ben
1:12
Speaker 2: Mirko Peters van m365.fm en vandaag leggen we dit in
1:15
Speaker 2: begrijpelijke taal uit. Aan het einde van deze aflevering begrijp
1:17
Speaker 2: je precies wat Code Apps zijn, waarom Microsoft ze heeft
1:20
Speaker 2: ontwikkeld en of ze voor jou relevant zijn. Als je
1:22
Speaker 2: je ooit beperkt hebt gevoeld door het slepen en neerzetten
1:24
Speaker 2: op het canvas, of je hebt afgevraagd of Power Apps
1:26
Speaker 2: alleen voor niet-programmeurs is, dan verandert dit alles. We bespreken
1:29
Speaker 2: het probleem, de oplossing en hoe dit alles aansluit op
1:32
Speaker 2: het Power Platform dat je al kent. Pak een kop
1:34
Speaker 2: koffie en laten we beginnen. De grote verwarring. Wat is
1:37
Speaker 2: een code app precies? Laten we beginnen met de meest
1:39
Speaker 2: gestelde vraag. Wat is een code app? Hier is de
1:42
Speaker 2: eenvoudigste definitie. Een code app is een Power App die
1:45
Speaker 2: je schrijft in code in plaats van te slepen en neerzetten.
1:47
Speaker 2: Canvas apps worden gemaakt in een visuele ontwerper met behulp
1:49
Speaker 2: van Power Fx formules. Je kent het wel. Je kiest
1:52
Speaker 2: een knop. plaatst deze op het scherm, typt een formule
1:55
Speaker 2: zoals patch of filter en de app werkt. Het is visueel,
1:58
Speaker 2: snel en toegankelijk voor iedereen die logisch kan nadenken over
2:01
Speaker 2: een spreadsheet. Code apps zijn anders. Je bouwt ze in
2:04
Speaker 2: Visual Studio Code met JavaScript, TypeScript en React. Er is
2:07
Speaker 2: geen scherm met drag-and-drop functionaliteit, geen eigenschappenpaneel aan de rechterkant.
2:10
Speaker 2: Je schrijft code in een teksteditor, net zoals een webontwikkelaar
2:13
Speaker 2: een moderne website bouwt. Maar hier komt het belangrijkste. Zodra
2:16
Speaker 2: je de app implementeert, draait deze binnen Power Apps net
2:18
Speaker 2: als elke andere app. De app wordt nog steeds gehost,
2:20
Speaker 2: Geauthenticeerd en beheerd door het platform. Je hoeft geen eigen
2:23
Speaker 2: server in te stellen. Je hoeft geen inlogscherm te bouwen.
2:26
Speaker 2: Je hoeft je geen zorgen te maken over waar de
2:27
Speaker 2: app zich bevindt of hoe gebruikers er toegang toe krijgen.
2:29
Speaker 2: Dat wordt allemaal voor je geregeld. Zie het zo, canvas
2:31
Speaker 2: apps zijn kant en klare kamers. Je loopt naar binnen
2:33
Speaker 2: en de meubels staan er al. Je hoeft ze alleen
2:35
Speaker 2: maar naar eigen smaak te herschikken. Code apps zijn lege
2:37
Speaker 2: kamers waar je je eigen meubels neerzet. Maar de beveiliging,
2:40
Speaker 2: elektriciteit en sanitair zijn al geïnstalleerd. Je hoeft het gebouw
2:43
Speaker 2: niet te bouwen. Je kunt de kamer gewoon naar eigen
2:45
Speaker 2: smaak inrichten. Nu de eerlijke vraag... Betekent dat dat je
2:48
Speaker 2: een ontwikkelaar moet zijn? Het eerlijke antwoord is ja. Codeapps
2:51
Speaker 2: zijn gericht op professionele programmeurs, mensen die al JavaScript kennen,
2:54
Speaker 2: die vertrouwd zijn met de terminal en die begrijpen hoe
2:56
Speaker 2: React-componenten werken. Maar dat betekent niet dat je er geen
2:58
Speaker 2: baat bij kunt hebben. Als je een maker bent die
3:00
Speaker 2: vastloopt met Canvas-apps, kun je samenwerken met een ontwikkelaar in
3:03
Speaker 2: je team. Jij ontwerpt de logica, zij schrijven de code.
3:06
Speaker 2: Het is een fusiemodel. Dus, wat kunnen Codeapps dat Canvas-apps
3:09
Speaker 2: niet kunnen? Laten we eens kijken naar de echte beperkingen
3:11
Speaker 2: van Canvas-apps en waar Codeapps het verschil maken. Deel 2,
3:13
Speaker 2: waar Canvas-apps ophouden en code verder gaat. En Canvas-apps zijn krachtig.
3:17
Speaker 2: Laten we dat duidelijk stellen. Je kunt er echte zakelijke
3:20
Speaker 2: applicaties mee bouwen. Duizenden bedrijven doen dat dagelijks. Maar ze
3:23
Speaker 2: hebben beperkingen. Je kunt geen aangepaste CSS gebruiken. De styling-opties
3:27
Speaker 2: zijn wat ze zijn. Je kunt kleuren, lettertypen en formaten aanpassen,
3:30
Speaker 2: maar je bent beperkt tot wat het platform je biedt.
3:31
Speaker 2: Je kunt geen complexe JavaScript-bibliotheken integreren. Als je een favoriete
3:35
Speaker 2: grafiekbibliotheek hebt, of een datumkiezer die geavanceerder is dan de standaard,
3:39
Speaker 2: Dan heb je pech. Animatie en pixel-perfecte controle zijn lastig.
3:42
Speaker 2: Je kunt elementen laten in- en uitvaden, maar je kunt
3:44
Speaker 2: niet de vloeiende, gepolijste animaties maken die gebruikers van moderne
3:47
Speaker 2: webapps verwachten. Codeapps veranderen dat allemaal. Je krijgt volledige controle
3:51
Speaker 2: over HTML, CSS en JavaScript. Je kunt elk React framework
3:54
Speaker 2: gebruiken dat je wilt, elk NPM-pakket, dat is de nood.
3:57
Speaker 2: JS-pakketbeheerder met honderdduizenden bibliotheken is beschikbaar. Je kunt alles bouwen
4:01
Speaker 2: wat een moderne webapp kan zijn. Laat ik je concrete
4:03
Speaker 2: voorbeelden geven. Mooie animaties? Geen probleem. Je kunt bibliotheken zoals
4:07
Speaker 2: Framer Motion gebruiken om vloeiende overgangen, sleebewegingen en veeranimaties toe
4:10
Speaker 2: te voegen. Aangepaste grafiekbibliotheken? Ook geen probleem. Je kunt D3,
4:14
Speaker 2: JS of Chart, JS gebruiken om visualisaties te maken die
4:16
Speaker 2: eruit zien alsof ze thuishoren in een datadashboard van een
4:19
Speaker 2: groot techbedrijf. Drag & Drop binnen een app? Dat kun
4:21
Speaker 2: je zelf bouwen met libraries zoals React Beautiful D & D.
4:23
Speaker 2: De mogelijkheden zijn eindeloos, maar er is een keerzijde. Je
4:26
Speaker 2: verliest de eenvoud van de visuele editor. Je schrijft nu code.
4:29
Speaker 2: Dat betekent dat je moet begrijpen hoe React werkt, hoe
4:31
Speaker 2: statenmanagement werkt en hoe je JavaScript fouten in de browserconsole
4:33
Speaker 2: kunt debuggen. Het is een afweging. Je wint aan flexibiliteit,
4:36
Speaker 2: maar verliest aan snelheid en toegankelijkheid. Microsoft werkt aan tools
4:39
Speaker 2: om deze kloof te overbruggen. Er is een nieuwe ervaring
4:42
Speaker 2: genaamd Fiebepowerapps.com die codeapps toegankelijker moet maken, maar op dit
4:45
Speaker 2: moment zijn codeapps vooral geschikt voor mensen die vertrouwd zijn
4:47
Speaker 2: met de terminal. Als de commando regel je zenuwachtig maakt,
4:50
Speaker 2: is dit misschien nog niet iets voor jou. Dus, hoe
4:52
Speaker 2: ziet de daadwerkelijke ontwikkelworkflow eruit? Laten we eens kijken naar
4:55
Speaker 2: de ontwikkelaarservaring. De gereedschapskist van de ontwikkelaar, VS Code, CLI, React.
5:00
Speaker 2: Wat heb je nu eigenlijk nodig om te beginnen? De
5:02
Speaker 2: vereisten zijn eenvoudig. Je hebt Visual Studio Code nodig, de
5:06
Speaker 2: gratis code-editor van Microsoft. Je hebt Node.js nodig, een runtime
5:09
Speaker 2: waarmee JavaScript buiten een browser kan worden uitgevoerd. En je
5:11
Speaker 2: hebt een Power Platform omgeving nodig met code-apps ingeschakeld. Dat
5:14
Speaker 2: is een schakelaar die je beheerder in de instellingen aan
5:16
Speaker 2: of uitzet. Zodra dat is ingesteld, is dit de workflow.
5:19
Speaker 2: Eerst maak je een projectstructuur aan. Dat betekent dat je
5:21
Speaker 2: één commando uitvoert om een startschabloon te downloaden, een basisstructuur
5:24
Speaker 2: voor een app met alle benodigde bestanden. Zie het als
5:26
Speaker 2: een blanco canvas met een reeds gemonteerd schildersezel. Je voert
5:29
Speaker 2: Accentgraven NPM en Stal Accentgraven uit om de afhankelijkheden binnen
5:31
Speaker 2: te halen. Dit zijn vooraf gebouwde codepakketten die je app
5:33
Speaker 2: nodig heeft om te werken. Vervolgens initialiseer je de app
5:35
Speaker 2: met Accentgraven NPM en PX Power Apps in het Accentgraven.
5:37
Speaker 2: Dit commando verbindt je lokale project met je Power Platform omgeving.
5:41
Speaker 2: Het vraagt om je omgevingsidee, authenticeert je en maakt een
5:44
Speaker 2: configuratiebestand aan dat alles met elkaar verbindt. En nu wordt
5:47
Speaker 2: het interessant. Je voert Accentgraven NPM RunDev Accentgraven uit en
5:51
Speaker 2: je app verschijnt in een browservenster dat lokaal op je
5:53
Speaker 2: computer draait, maar al verbonden is met je Power Platform omgeving.
5:56
Speaker 2: Je kunt testen met echte data. Je ziet je wijzigingen
5:59
Speaker 2: live terwijl je de code bewerkt. Het is hot reloading,
6:01
Speaker 2: wat betekent dat je een bestand opslaat en de browser
6:03
Speaker 2: direct wordt bijgewerkt. Geen wachten op beelds, geen handmatig vernieuwen nodig.
6:07
Speaker 2: Wanneer je klaar bent om je app te delen, voer
6:08
Speaker 2: je Accentgraven en PM Run beeld Accentgraven uit. Daarmee wordt
6:11
Speaker 2: alles verpakt in een distributiemap, geoptimaliseerd, geminificeerd en klaar voor productie.
6:15
Speaker 2: Vervolgens implementeert Accentgraven en PX Power Apps Push Accentgraven de
6:18
Speaker 2: app naar Power Apps als een nieuwe code app. Deze
6:20
Speaker 2: verschijnt in je applijst, net als een Canvas-app. Je kunt
6:22
Speaker 2: de app delen, toevoegen aan oplossingen en beheren volgens de
6:25
Speaker 2: normale Power Platform levenscyclus. Ter vergelijking, het is alsof je
6:28
Speaker 2: een film opneemt in je eigen studio en deze vervolgens
6:30
Speaker 2: upload naar Netflix. Het platform regelt de distributie. Jij concentreert
6:33
Speaker 2: je op de content. Je hoeft de streaming-infrastructuur niet te bouwen.
6:37
Speaker 2: Je hoeft niet te onderhandelen met kabelaanbieders. Je maakt de film,
6:40
Speaker 2: upload hem en Netflix regelt de rest. Hoewel het technisch klinkt,
6:43
Speaker 2: bestaat de workflow uit slechts drie commando's, init, dev en push.
6:46
Speaker 2: Dat is alles. Al het andere, zoals authenticatie, hosting en beveiliging,
6:49
Speaker 2: wordt achter de schermen afgehandeld door Power Platform. Maar hoe
6:51
Speaker 2: communiceert jouw code eigenlijk met Power Platform? Hoe leest een
6:54
Speaker 2: React-component gegevens uit dataverse of activeert een Power Automate Flow?
6:58
Speaker 2: Dat is waar de SDK om de hoek komt kijken.
7:00
Speaker 2: Wat de Power Apps SDK precies doet, de Power Apps
7:03
Speaker 2: SDK is een node, JS pakket. Het fungeert als een
7:05
Speaker 2: vertaler tussen jouw aangepaste code en Power Platform Services. Zonder
7:09
Speaker 2: de SDK zou je handmatig API aanroepen moeten schrijven, authenticatietokens
7:12
Speaker 2: moeten verwerken en reacties moeten parsen. De SDK doet dat
7:15
Speaker 2: allemaal voor je. Zo werkt het in de praktijk, wanneer
7:17
Speaker 2: je een gegevensbron toevoegt, Bijvoorbeeld een dataverse tabel of een SharePoint-lijst,
7:20
Speaker 2: voer je accentgraven MPX PowerApps het datasource-accentgraven uit. De SDK
7:24
Speaker 2: maakt verbinding met Power Platform, haalt het schema van die
7:27
Speaker 2: tabel op en genereert twee dingen. Ten eerste een modelbestand.
7:30
Speaker 2: Dat is een type interface die elke kolom in je
7:31
Speaker 2: tabel weergeeft, inclusief de kolomnamen, gegevenstypen en relaties. Ten tweede
7:35
Speaker 2: is er een servicebestand. Dat is een set functies die
7:37
Speaker 2: je kunt aanroepen om gegevens te lezen en te schrijven.
7:39
Speaker 2: Laat ik een concreet voorbeeld geven. Je voert Accentgraven en
7:41
Speaker 2: PX Power Apps het data source Accentgraven uit met de
7:43
Speaker 2: naam van je dataverse tabel, bijvoorbeeld Catalog Items. De SDK
7:46
Speaker 2: maakt een modelbestand aan dat alle kolommen weergeeft naam, prijs,
7:49
Speaker 2: categorie en beschikbaarheid. Het maakt ook een servicebestand aan met
7:52
Speaker 2: functies zoals record aanmaken, records ophalen, record bijwerken en record verwijderen.
7:57
Speaker 2: Elke functie is volledig getypt, wat betekent dat je code
7:59
Speaker 2: editor precies weet welke parameters hij kan verwachten. Geen giswerk,
8:02
Speaker 2: geen documentatie doorzoeken. Vergelijk dit eens met Canvas apps. In
8:06
Speaker 2: een Canvas-app gebruik je PowerFX-formules zoals Patch en Filter. Je
8:10
Speaker 2: typt de formule en het platform doet de rest. In
8:12
Speaker 2: code-apps importeer je de service en roep je Run aan
8:15
Speaker 2: met parameters. Hetzelfde resultaat, maar een andere taal. De ene
8:19
Speaker 2: is visueel en formule gebaseerd, de andere is code en
8:22
Speaker 2: functie gebaseerd. Ter vergelijking, zie de SDK als een voorafgeschreven handleiding.
8:26
Speaker 2: Je hoeft niet te weten hoe je een auto bouwt,
8:28
Speaker 2: je gebruikt gewoon het stuur. De SDK regelt de complexiteit
8:31
Speaker 2: van authenticatie, data-surrealisatie en foutafhandeling. Jij concentreert je op wat
8:36
Speaker 2: je wilt doen, een record lezen, een record aanmaken of
8:38
Speaker 2: een record bijwerken. Nog iets om te vermelden, de SDK
8:41
Speaker 2: is open source op GitHub, Microsoft onderhoudt hem en de
8:43
Speaker 2: community kan eraan bijdragen. Dat betekent dat je precies kunt
8:46
Speaker 2: zien hoe hij werkt, bugs kunt melden en zelfs verbeteringen
8:48
Speaker 2: kunt indienen. Het is dezelfde technologie die de nieuwe Vibepowerapps.com
8:51
Speaker 2: ervaring aandrijft, Microsofts poging om codeapps toegankelijker te maken door
8:55
Speaker 2: middel van AI-ondersteunde ontwikkeling. En achter de SDK zitten dezelfde
8:58
Speaker 2: connectors die je al kent. Data & Connectors, hetzelfde platform,
9:01
Speaker 2: andere besturingselementen. Dus, welke databronnen werken eigenlijk met code-apps? Het
9:05
Speaker 2: korte antwoord is, dezelfde die je al gebruikt in Canvas-apps. SharePoint, Dataverse,
9:10
Speaker 2: SQL Server, Office 365, ze zijn allemaal beschikbaar. Je verliest
9:13
Speaker 2: geen toegang tot iets, maar er zijn wel een paar nuances.
9:15
Speaker 2: Op dit moment worden SharePoint-documentbibliotheken nog niet volledig ondersteund voor
9:19
Speaker 2: het uploaden van bestanden. Je kunt ze wel lezen, maar
9:21
Speaker 2: het terugsturen van bestanden heeft beperkingen. Microsoft werkt hier actief
9:24
Speaker 2: aan en als je dit over een paar maanden nog
9:25
Speaker 2: eens leest, is het waarschijnlijk al opgelost. Hou er voorlopig
9:28
Speaker 2: rekening mee. Hoe voeg je nu eigenlijk een connector toe?
9:30
Speaker 2: Je gebruikt de CLI. De opdracht is MPX Power Apps
9:33
Speaker 2: bij gegevensbron en vervolgens geef je de connector ID door.
9:35
Speaker 2: Voor SharePoint is dat gedeelde SharePoint online. Voor dataverse is
9:39
Speaker 2: het nog eenvoudiger. Je typt gewoon dataverse. De CLI regelt
9:42
Speaker 2: de rest. Het maakt verbinding met je omgeving, authentiseert en
9:45
Speaker 2: haalt het schema op. En dit is echt krachtig, je
9:47
Speaker 2: kunt ook direct Cloud Flows toevoegen als gegevensbronnen. Dat betekent
9:50
Speaker 2: dat je code-app een Power Automate Flow kan activeren en
9:53
Speaker 2: een reactie terug kan krijgen. De CLI genereert een servicebestand
9:56
Speaker 2: met een run-methode die de invoerparameters van de flow accepteert
9:58
Speaker 2: en de uitvoer retourneert. Stel je een helpdesk-app voor. Een
10:01
Speaker 2: gebruiker dient een ticket in. Je code-app roept een flow
10:04
Speaker 2: aan via de SDK. De workflow doorloopt een goedkeuringsproces. Verzend
10:07
Speaker 2: een e-mail, werkt een dataverse record bij en stuurt een
10:09
Speaker 2: status terug, goedgekeurd, afgewezen of in behandeling. Dit alles binnen
10:12
Speaker 2: dezelfde app. De gebruiker verlaat de interface nooit. En omdat
10:15
Speaker 2: dezelfde connectors worden gebruikt, zijn al uw beleidsregels voor gegevensverliespreventie
10:18
Speaker 2: van toepassing. U verliest geen beveiliging. Als een connector in
10:21
Speaker 2: uw omgeving is geblokkeerd, is deze ook geblokkeerd in CodeApps.
10:24
Speaker 2: Er is geen achterdeur. Maar als CodeApps zo krachtig zijn,
10:26
Speaker 2: vervangen ze dan Canvas-apps volledig? Laten we het hebben over
10:29
Speaker 2: de olifant in de kamer, governance, licenties en de plaats
10:33
Speaker 2: van CodeApps in uw strategie. Governance en licenties. Ja. Het
10:36
Speaker 2: is nog steeds Power Apps. Laten we één ding duidelijk stellen.
10:39
Speaker 2: Code apps zijn onderworpen aan dezelfde governance als canvas apps.
10:41
Speaker 2: Ze verschijnen in oplossingen. Ze kunnen via pipelines worden geïmplementeerd.
10:45
Speaker 2: Ze erven omgevingsbeleid. Uw IT-team verliest de controle niet. Licenties
10:49
Speaker 2: zijn eenvoudig. Gebruikers hebben een Power Apps premium licentie nodig
10:51
Speaker 2: om code apps uit te voeren. Er is geen aparte
10:53
Speaker 2: code app SKU. Als u al een premium licentie hebt,
10:55
Speaker 2: bent u gedekt. Dezelfde licentie, dezelfde kosten, dezelfde rechten. Beheerders
10:59
Speaker 2: moeten code-apps echter wel per omgeving inschakelen. Dit is een
11:01
Speaker 2: schakelaar in het Power Platform Beheer Centrum, omgevingsinstellingen, vervolgens product
11:05
Speaker 2: en dan functies. Schakel deze in en uw ontwikkelaars kunnen
11:07
Speaker 2: code-apps in die omgeving implementeren. Standaard is deze functie uitgeschakeld,
11:10
Speaker 2: wat logisch is. U wilt immers niet dat er zonder
11:12
Speaker 2: uw medeweten willekeurige apps verschijnen. Laten we nu een veel
11:14
Speaker 2: voorkomende misvatting uit de wereld helpen. Sommige mensen denken dat
11:17
Speaker 2: code-apps niet beheerd kunnen worden omdat ze in externe tools
11:18
Speaker 2: zoals VS Code worden gemaakt. Het tegendeel is waar. Ze
11:21
Speaker 2: worden volledig beheerd door Power Platform. U kunt DLP-beleid, beleid
11:24
Speaker 2: voor voorwaardelijke toegang en ad-logboekregistratie toepassen. Elke actie wordt bijgehouden.
11:28
Speaker 2: Elke implementatie wordt vastgelegd. Als iemand een geblokkeerde connector probeert
11:31
Speaker 2: te gebruiken, blokkeert het platform dit. Vergelijk dat eens met
11:33
Speaker 2: het bouwen van een aparte React-app op Azure. U zou
11:35
Speaker 2: zelf de authenticatie moeten afhandelen. U zou hosting moeten instellen,
11:38
Speaker 2: beveiliging moeten configureren en compliance moeten beheren. U zou uw
11:41
Speaker 2: eigen inlogpagina, uw eigen sessiebeheer en uw eigen ad-logboek moeten bouwen.
11:44
Speaker 2: Bij code-apps is dit allemaal inbegrepen. Jij schrijft de front-end code.
11:48
Speaker 2: Het platform regelt de rest. Ter vergelijking, het is alsof
11:51
Speaker 2: je een volledig ingericht kantoor huurt versus je eigen gebouw bouwt.
11:54
Speaker 2: Beide bieden je werkruimte, maar de ene optie neemt alle
11:57
Speaker 2: overheadkosten weg, de nutsvoorzieningen, het onderhoud, de beveiliging. Je hoeft
12:00
Speaker 2: alleen maar te komen opdagen en je werk te doen.
12:02
Speaker 2: Laten we nu eens kijken hoe al deze onderdelen met
12:04
Speaker 2: elkaar verbonden zijn. Hoe alles in elkaar past. Hoe werkt
12:06
Speaker 2: het nu precies wanneer iemand jouw code-app gebruikt? Je hebt
12:09
Speaker 2: drie lagen. De app zelf, dat is je React-code, de
12:12
Speaker 2: gebruikersinterface die je hebt gebouwd. De SDK, dat is de
12:14
Speaker 2: vertaler die je code met het platform verbindt. En Power
12:17
Speaker 2: Platform Services, hosting, authenticatie, connectors, dataverse. Drie lagen, één systeem.
12:22
Speaker 2: Zo werken ze samen. Jouw app roept een functie aan
12:24
Speaker 2: van de door de SDK gegenereerde service. De SDK regelt
12:27
Speaker 2: de authenticatie, maakt verbinding via een connector proxy en haalt
12:30
Speaker 2: gegevens op van de bron die je hebt verbonden, dataverse, SharePoint,
12:33
Speaker 2: SQL Server. Het platform retourneert de resultaten. Jouw app rendert ze.
12:37
Speaker 2: De gebruiker ziet de gegevens op het scherm. Laat me
12:39
Speaker 2: een concreet voorbeeld geven. Een gebruiker klikt op een knop
12:42
Speaker 2: in je code-app. Je React-code roept een servicefunctie aan, bijvoorbeeld
12:45
Speaker 2: record aanmaken vanuit je gegenereerde servicebestand. Die service stuurt een
12:48
Speaker 2: geauthenticeerd verzoek naar dataverse. Het record wordt aan de tabel toegevoegd.
12:51
Speaker 2: De service retourneert een succesbericht. Je app toont een bevestigingsbericht
12:54
Speaker 2: op het scherm. Dit alles gebeurt binnen enkele seconden. De
12:57
Speaker 2: gebruiker merkt de onderliggende complexiteit niet op. De magie zit
13:00
Speaker 2: hem niet in de code zelf. Je zou diezelfde React
13:02
Speaker 2: app overal kunnen schrijven en hosten. De magie zit hem
13:04
Speaker 2: erin dat elk onderdeel identiteit, data, automatisering, beveiliging al met
13:07
Speaker 2: elkaar verbonden is. Jij schrijft de front-end, maar het platform
13:10
Speaker 2: regelt de rest. De authenticatie is ingebouwd. De dataverbindingen zijn
13:14
Speaker 2: vooraf geconfigureerd. De beveiligingsregels uit je omgeving worden automatisch toegepast.
13:18
Speaker 2: Je hoeft daar zelf niets aan te koppelen. Zodra je
13:20
Speaker 2: dat ziet, breekt het kwartje. Code apps zijn geen apart platform.
13:23
Speaker 2: Het is geen nieuwe tool die je helemaal opnieuw moet leren.
13:26
Speaker 2: Het is een nieuwe manier om voor te bouwen op
13:27
Speaker 2: de basis die je al hebt. Hetzelfde Power Apps platform,
13:30
Speaker 2: hetzelfde beheer, dezelfde gegevensbronnen, maar een andere front en benadering.
13:32
Speaker 2: Dus als je nieuwsgierig bent, wat moet je dan doen?
13:35
Speaker 2: Begin hier, je volgende stappen. Ik geef je vijf concrete
13:38
Speaker 2: acties die je vandaag nog kunt ondernemen. Ten eerste, schakel
13:40
Speaker 2: code apps in je ontwikkelomgeving in. Ga naar de omgevingsinstellingen,
13:43
Speaker 2: vervolgens naar product en dan naar functies. Zoek de schakelaar
13:46
Speaker 2: voor Power Apps code apps en schakel deze in. Dat
13:48
Speaker 2: is een stap van vijf seconden, maar zonder deze functie
13:50
Speaker 2: werkt niets anders. Ten tweede, volg de officiële Microsoft-documentatie om
13:54
Speaker 2: je eerste code-app te genereren. De documentatie leidt je door
13:57
Speaker 2: het hele proces. Je voert één opdracht uit en binnen
13:59
Speaker 2: enkele minuten heb je een werkende Hello World-app in je browser.
14:02
Speaker 2: Het is niet spectaculair, maar het bewijst dat de pipeline werkt.
14:04
Speaker 2: Ten derde, probeer een gegevensbron toe te voegen. Maak verbinding
14:07
Speaker 2: met een dataverse tabel of een SharePoint-lijst. Voor de MPX
14:10
Speaker 2: Power Apps opdracht, gegevensbron toevoegen, uit en kijk wat er gebeurt.
14:13
Speaker 2: De SDK genereert automatisch model- en servicebestanden. Je ziet getypte
14:16
Speaker 2: interfaces voor je kolommen en kant-en-klare functies voor het lezen
14:19
Speaker 2: en schrijven van gegevens. Dan valt het kwartje. Ten vierde
14:22
Speaker 2: kun je een AI-codeerassistent gebruiken, zoals GitHub Copilot of Cloud Code,
14:25
Speaker 2: om je te helpen bij het schrijven van de React-code.
14:26
Speaker 2: Veel tutorials laten deze aanpak zien. Je beschrijft in eenvoudige
14:29
Speaker 2: taal wat je wilt. Je bouwt een tabelweergave van de
14:31
Speaker 2: catalogus-items met een zoekbalk en de AI schrijft de React-componenten.
14:34
Speaker 2: Je controleert, past aan en implementeert de code. Het is
14:37
Speaker 2: geen toverkunst, maar het komt er wel dichtbij.