Versnel je workflow: waarom Visual Studio Dev Tunnels beter zijn dan traditionele deployment

By Mirko Peters · 2026-08-12

Welkom terug bij de podcast! Als je ooit vijftien minuten hebt zitten wachten tot een clouddeployment klaar is, alleen om één regel codewijziging te testen, dan ben je…

Automatically translated with AI from the original post. Read the English original

Welkom terug bij de podcast! Als je ooit vijftien minuten hebt zitten wachten tot een clouddeployment klaar was, alleen om één regel code te testen, dan ken je de enorme impact die dat op je productiviteit heeft. Vandaag gaan we dieper in op een onderwerp dat de manier waarop onze engineeringteams lokaal testen, debuggen en integraties bouwen volledig heeft veranderd. Bekijk zeker ook de bijbehorende podcastaflevering, Test Microsoft 365 Apps with Visual Studio Dev Tunnels, waarin we deze werkwijzen in de praktijk laten zien.

In deze uitgebreide gids bekijken we waarom traditionele deploymentmethodes steeds meer terrein verliezen ten gunste van moderne tunneloplossingen, hoe Visual Studio Dev Tunnels achter de schermen werken en hoe je ze naadloos integreert in je Microsoft 365-, Teams- en ASP.NET Core-projecten.

Lokaal testen met Visual Studio Dev Tunnels

Waarom lokaal testen belangrijk is

Je wilt dat je Microsoft 365 Apps perfect werken voordat je ze met gebruikers deelt. Lokaal testen geeft je de kans om bugs vroeg op te sporen en te zien hoe je code zich gedraagt in een veilige omgeving. Wanneer je lokaal test, kun je snel wijzigingen doorvoeren en meteen het resultaat zien. Dat bespaart tijd en helpt je fouten te voorkomen die anders in productie zouden opduiken.

Traditioneel testen op localhost heeft beperkingen. Je lokale machine kan geen verbindingen vanaf het internet accepteren. Daardoor is het lastig om functies te testen die toegang tot de echte wereld nodig hebben, zoals webhooks, authenticatiestromen of integraties met Microsoft 365-services. Je loopt dan al snel vast en kunt niet simuleren hoe je app zich voor echte gebruikers gedraagt.

Dev Tunnels heeft de manier waarop we webapplicaties ontwikkelen en testen radicaal veranderd, vooral voor mobiele ontwikkelaars die vaak moeite hebben met het opzetten van lokale servers voor tests. Het is een baanbrekende functie die samenwerking verbetert en het ontwikkelproces vereenvoudigt.

Met de juiste tools kun je deze uitdagingen overwinnen. Je kunt een realistische omgeving voor je app creëren, zelfs wanneer je vanaf je eigen computer werkt.

Hoe Dev Tunnels lokaal testen mogelijk maken

Je kunt Microsoft 365 Apps vanaf localhost testen met Visual Studio Dev Tunnels. Deze tool biedt een veilige manier om je lokale services beschikbaar te maken op het internet. Je hoeft je code niet naar Azure of een ander cloudplatform te deployen om te zien hoe deze samenwerkt met Microsoft 365.

Visual Studio Dev Tunnels verbeteren traditioneel localhost-testen doordat je je lokale applicaties veilig aan het internet kunt blootstellen. Hierdoor zijn inkomende verbindingen mogelijk, wat essentieel is voor het testen van Microsoft 365 Apps in een realistischere omgeving, en vallen de beperkingen van uitsluitend lokaal testen weg.

Zo verbeteren dev tunnels de snelheid en veiligheid van je lokale tests:

• Dev tunnels zorgen ervoor dat lokale services fungeren als veilige cloudendpoints binnen 3 minuten.
• Ze zorgen voor veilige internettoegang voor lokaal testen van Microsoft 365 Apps.
• Een juiste configuratie is cruciaal om te voorkomen dat je ontwikkelomgeving wordt blootgesteld.

Je kunt tunnels opzetten met enkele klikken of commando's. Je kiest de naam en zichtbaarheid van je tunnel, dus jij bepaalt wie toegang heeft tot je app. Je kunt authenticatie gebruiken om je werk te beveiligen. Dat maakt het mogelijk om samen te werken met teamgenoten of testers uit te nodigen zonder je hele computer te delen.

Met dev tunnels kun je functies testen zoals OAuth-authenticatie, Teams-bots of SharePoint-webparts alsof ze in de cloud draaien. Je krijgt realtime feedback en kunt problemen direct debuggen. Zo wordt je ontwikkelcyclus sneller en betrouwbaarder.

Wanneer je dev tunnels gebruikt, bouw je vertrouwen in je code voordat je deployt. Je weet dat je app in de echte wereld werkt, niet alleen op jouw eigen machine.

Overzicht van Visual Studio Dev Tunnels

Belangrijkste functies

Visual Studio Dev Tunnels geven je een krachtige manier om Microsoft 365-apps te testen en debuggen vanaf je lokale machine. Je kunt je asp.net core-services in een paar stappen aan het internet blootstellen. Deze tool helpt je een veilige en flexibele ontwikkelomgeving op te zetten.

Hier zijn enkele van de belangrijkste functies die je nuttig zult vinden:

• Je kunt lokale API's blootstellen via externe URL's, waardoor het eenvoudig is om je asp.net core-projecten te testen en debuggen.
• Integratie met externe services wordt eenvoudig omdat je openbaar toegankelijke URL's hebt voor je lokale apps.
• Je kunt breakpoints instellen op je localhost en zien hoe je asp.net core-code reageert wanneer externe URL's worden benaderd.
• Benoemde tunnels helpen je specifieke projecten of services zonder verwarring te delen.
• Permanente tunnels zorgen dat je de toegang na verloop van tijd behoudt, wat belangrijk is voor doorlopende asp.net core-projecten.
• Je kunt toegangsniveaus voor je tunnels kiezen: privé, organisatie of openbaar. Zo houd je eenvoudig controle over wie je werk kan zien.
• Entra ID-authenticatie beperkt de toegang tot gebruikers met geldige inloggegevens, zodat je gegevens veilig blijven.
• Met de CLI beheer en automatiseer je het maken en configureren van tunnels. Je kunt met opdrachten tunnels maken, weergeven en taggen voor eenvoudiger beheer.

Tip: Permanente en benoemde tunnels voorkomen dat je tunnels opnieuw moet maken telkens wanneer je je asp.net core-project opnieuw start. Dat bespaart tijd en vermindert fouten.

Hoe Dev Tunnels werken

Dev tunnels creëren een veilige brug tussen je lokale asp.net core-server en het internet. Je kunt Microsoft 365-apps testen alsof ze in een live omgeving draaien.

Veilige openbare eindpunten

Je begint met het downloaden en installeren van de devtunnel-CLI. Nadat je bent aangemeld met je Entra ID-, Microsoft- of GitHub-account, start je je lokale asp.net core-server. Vervolgens host of maak je een tunnel met de opdracht devtunnel host –p PORT. Als je een permanente URL wilt, gebruik je de opdracht devtunnel create voor een permanente tunnel.

Dit proces levert een veilig, via internet toegankelijk eindpunt op voor je lokale asp.net core-service. Je kunt nu webhooks, authenticatiestromen en integraties testen die openbare URL's vereisen. Entra ID-authenticatie zorgt ervoor dat alleen goedgekeurde gebruikers toegang hebben tot je tunnels, waardoor het risico op onbedoelde blootstelling van gegevens kleiner wordt.

Integratie met Visual Studio en CLI

Visual Studio maakt het eenvoudig om dev tunnels te maken en te beheren. Je kunt in een paar klikken binnen de IDE een tunnel opzetten. De CLI biedt nog meer opties, zoals tunnels met een vaste levensduur en taggen voor betere organisatie. Je kunt het maken van tunnels voor je asp.net core-projecten automatiseren, waardoor je workflow sneller en betrouwbaarder wordt.

Je kunt ook al je tunnels weergeven, details bekijken en machtigingen voor toegang beheren. Deze flexibiliteit helpt je samen te werken met je team en je ontwikkelomgeving veilig te houden.

Let op: Dev tunnels zijn ontworpen om je lokale asp.net core-eindpunten veilig bloot te stellen aan het internet, zodat testen en debuggen veilig en efficiënt verloopt.

Een tunnel hosten of maken in Visual Studio

Vereisten en installatie

Voordat je een tunnel host of maakt voor het testen van Microsoft 365-apps, moet je je omgeving voorbereiden. Visual Studio biedt de tools die je nodig hebt, maar eerst moet je aan een paar vereisten voldoen. In de volgende tabel zie je wat je nodig hebt om aan de slag te gaan:

Controleer of je de juiste versie van Visual Studio hebt. Open het installatieprogramma en controleer of de workload ASP.NET en webontwikkeling actief is. Meld je aan met je Microsoft-account om toegang te krijgen tot het venster dev tunnels. Als je je ASP.NET Core-project wilt koppelen aan Power Platform, zorg dan dat je toegang hebt tot Power Automate of Power Apps.

Tip: Als je je tools up-to-date houdt, voorkom je installatieproblemen en kun je de nieuwste functies in het venster dev tunnels gebruiken.

Een tunnel maken en benoemen

Je kunt een tunnel rechtstreeks maken vanuit het venster dev tunnels in Visual Studio. Dit proces maakt het mogelijk om je ASP.NET Core-service beschikbaar te maken op internet voor het testen van de Microsoft 365-app. Volg deze stappen om je tunnel te maken en te benoemen:

1. Selecteer in de vervolgkeuzelijst Debug de optie Dev Tunnels > Een tunnel maken.
2. In het venster dev tunnels wordt een dialoogvenster geopend. Kies het account dat je wilt gebruiken.
3. Geef je tunnel een naam. Deze naam helpt je om de tunnel te herkennen in het venster dev tunnels.
4. Kies het tunneltype. Selecteer Persistent als je elke keer dezelfde URL wilt, of Temporary als je per sessie een nieuwe URL wilt.
5. Kies het verificatietype: Privé, Organisatie of Openbaar.
6. Klik op OK om de tunnel te maken.

Wanneer je een tunnel maakt, maak je het eenvoudiger om je ASP.NET Core-project te koppelen aan Microsoft 365-services. Het venster dev tunnels houdt je tunnels overzichtelijk en zichtbaar. Je vindt je actieve tunnels altijd terug en kunt ze vanuit dit venster beheren.

Let op: Als je je tunnel een naam geeft, zien jij en je team meteen welke ASP.NET Core-service beschikbaar is. Gebruik duidelijke namen voor elke tunnel in het venster dev tunnels.

Zichtbaarheid van de tunnel instellen

Met de zichtbaarheid van de tunnel bepaal je wie toegang heeft tot je dev tunnels. Je stelt deze optie in het venster dev tunnels in wanneer je een tunnel maakt. Het juiste zichtbaarheidsniveau beschermt je werk en ondersteunt samenwerking.

Dit zijn de belangrijkste zichtbaarheidsopties:

Je kunt deze opties ook zien als:

• Privé: Alleen jij kunt de tunnel gebruiken.
• Organisatie: Je team of bedrijf kan de tunnel gebruiken.
• Openbaar: Iedereen kan de tunnel gebruiken.

In het venster dev tunnels kun je de zichtbaarheid wijzigen wanneer je dev tunnels maakt en beheert. Met de juiste zichtbaarheid houd je het verkeer in de gaten en blijft je Microsoft 365-app veilig. Privé-tunnels werken het best bij solo-ontwikkeling. Organisatietunnels helpen teams samen te testen. Openbare tunnels laten externe testers toe, maar vragen extra zorg.

Let op: Openbare tunnels vereisen geen verificatie. Gebruik ze alleen wanneer je je app wilt delen met gebruikers buiten je organisatie, en houd de toegang altijd in de gaten in het venster dev tunnels.

De zichtbaarheid van de tunnel heeft invloed op zowel beveiliging als samenwerking. Wanneer je het juiste niveau kiest, zorg je ervoor dat alleen de juiste mensen toegang hebben tot je app. Dit verkleint het risico en helpt je team soepel samen te werken.

De Dev Tunnels CLI gebruiken

Je kunt dev tunnels rechtstreeks vanaf de opdrachtregel beheren met de Dev Tunnels CLI. Deze tool geeft je flexibiliteit en snelheid, vooral wanneer je je workflow wilt automatiseren of buiten de Visual Studio-interface wilt werken. De CLI werkt goed voor zowel snelle tests als geavanceerdere opstellingen.

Om te beginnen installeer je de Dev Tunnels CLI. Dat doe je door het volgende commando in je terminal uit te voeren:

dotnet tool install -g Microsoft.DevTunnels.Cli

Na de installatie moet je je aanmelden. Gebruik je Microsoft-account, Entra ID of GitHub-account. Deze stap koppelt je CLI-sessie aan je Visual Studio-omgeving en zorgt voor veilige toegang.

devtunnel login

Zodra je bent aangemeld, kun je tunnels maken en beheren. Hier is een eenvoudige manier om een tunnel voor je lokale project te maken:

devtunnel host -p 5000

Dit commando maakt je lokale service op poort 5000 beschikbaar op internet. De CLI toont een openbare URL die je kunt gebruiken om je Microsoft 365-app te testen. Je kunt deze URL met je team delen of gebruiken voor integratietests.

Als je een persistente tunnel met een eigen naam wilt, gebruik je:

devtunnel create my-tunnel --persistent
devtunnel host my-tunnel -p 5000

Met deze aanpak houd je dezelfde URL over sessies heen, wat belangrijk is voor OAuth-redirect-URI's en consistente tests. Je kunt de zichtbaarheid van de tunnel ook rechtstreeks via de CLI instellen. Om je tunnel bijvoorbeeld alleen toegankelijk te maken voor je organisatie, voeg je de vlag --access organization toe:

devtunnel create my-tunnel --persistent --access organization

Tip: Gebruik duidelijke en beschrijvende namen voor je tunnels. Dat maakt het makkelijker om meerdere projecten in Visual Studio te beheren en voorkomt verwarring.

Je kunt op elk moment een overzicht opvragen van al je actieve tunnels:

devtunnel list

Om een tunnel te stoppen, gebruik je:

devtunnel close my-tunnel

Met de CLI kun je het aanmaken van tunnels ook automatiseren in scripts. Deze functie is handig als je dev tunnels wilt opzetten als onderdeel van je build- of deploymentproces. Je kunt CLI-commando's met je team delen zodat iedereen dezelfde configuratie gebruikt, wat de consistentie verbetert en fouten vermindert.

Let op: De Dev Tunnels CLI werkt naadloos samen met Visual Studio. Je kunt schakelen tussen de CLI en de Visual Studio-interface zonder je tunnelinstellingen te verliezen.

Door de Dev Tunnels CLI onder de knie te krijgen, heb je meer controle over je ontwikkelomgeving. Je kunt snel tunnels maken, beheren en beveiligen voor elk Microsoft 365 App-project. Deze flexibiliteit helpt je om je apps efficiënt te testen en debuggen, of je nu alleen werkt of als onderdeel van een team.

Microsoft 365 Apps configureren voor Dev Tunnels

App-registratie en redirect-URI's bijwerken

Je moet je app-registratie en redirect-URI's bijwerken om je lokale ASP.NET Core-project via Visual Studio te verbinden met Microsoft 365-services. Dit proces zorgt ervoor dat je app het beveiligde endpoint gebruikt dat dev tunnels biedt. Zo stel je je app-registratie eenvoudig in:

1. Open het portaal Microsoft Entra ID – App-registraties.
2. Selecteer "Nieuwe registratie" en voer de naam van je app in.
3. Kies de ondersteunde accounttypen voor je app.
4. Laat het veld Redirect-URI voorlopig leeg.
5. Klik op "Registreren" om je app aan te maken.
6. Kopieer op de overzichtspagina de Application (client) ID en de Directory (tenant) ID.
7. Selecteer onder "Beheren" de optie "Een API beschikbaar maken".
8. Klik op de link "Instellen" om de Application ID URI te genereren.
9. Voeg een bereik toe met de naam "access_as_user".
10. Stel "Wie kan toestemming geven?" in op "Beheerders en gebruikers".
11. Vul de prompts voor toestemming van beheerders en gebruikers in.
12. Zorg dat de status is ingesteld op "Ingeschakeld".
13. Selecteer "Bereik toevoegen" om af te ronden.

Nadat je de tunnel in Visual Studio hebt gemaakt, moet je de Redirect-URI in je app-registratie bijwerken. Gebruik de publieke URL van je ASP.NET Core-tunnel als Redirect-URI. Met deze stap weet Microsoft 365 waar het authenticatieantwoorden naartoe moet sturen tijdens het testen.

Tip: Bewaar altijd je client-ID en tenant-ID. Je hebt ze nodig voor authenticatie en OAuth-configuratie.

Teams, SharePoint en Power Platform-apps verbinden

Je kunt Visual Studio gebruiken om je ASP.NET Core-services te verbinden met Teams, SharePoint en Power Platform-apps. Dev tunnels maken dit proces veilig en eenvoudig. Wanneer je tunnels gebruikt, krijg je een waarschuwing als je verbinding maakt met een tunnel-endpoint. Deze waarschuwingen helpen je phishingaanvallen en het per ongeluk delen van gevoelige URL's te voorkomen.

• Teams-bots en berichtextensies gebruiken standaard dev tunnels voor lokale ontwikkeling. Zo kun je functies veilig testen voordat je ze uitrolt.
• SharePoint-webparts en Power Platform-connectors profiteren ook van beveiligde endpoints. Je kunt webhooks, authenticatie en gegevensstromen testen in een praktijksituatie.
• Authenticatie via Microsoft 365-identiteit biedt nog een extra beveiligingslaag. Je moet je aanmelden met je Microsoft 365-account om tunnels in Visual Studio te maken en te beheren.

Let op: Extra aandacht voor beveiliging helpt jou en je team veilig te blijven terwijl jullie je ASP.NET Core-apps testen.

Authenticatie en OAuth afhandelen

Je moet authenticatie en OAuth configureren zodat je Microsoft 365-apps kunnen samenwerken met dev tunnels. Hier is een stapsgewijze handleiding:

1. Registreer je app in het portaal Microsoft Entra ID.
2. Stel je application-URI in zodat deze overeenkomt met het tunnel-endpoint uit Visual Studio.
3. Maak een clientgeheim aan voor de tokenuitwisseling.
4. Voeg API-machtigingen toe voor toegang tot Microsoft Graph.
5. Werk de Redirect-URI's bij zodat ze je ASP.NET Core-tunnel-URL gebruiken.
6. Stel dev tunnels in om je lokale service te hosten.
7. Kloon je projectrepository en werk de configuratiebestanden bij met je client-ID, tenant-ID en geheim.
8. Open Visual Studio en start je ASP.NET Core-project.

Met deze opzet kan je app aanmelding, tokenuitwisseling en API-aanroepen veilig afhandelen. Je kunt authenticatiestromen, zoals OAuth, testen in een veilige omgeving voordat je naar productie gaat.

Controleer altijd dubbel je omleidings-URI's en machtigingen. Deze stap voorkomt veelvoorkomende authenticatiefouten en houdt je tests veilig.

Beveiliging en best practices

Zichtbaarheidsopties voor tunnels

Je bepaalt wie toegang heeft tot je ontwikkelomgeving door de zichtbaarheid van de tunnel in te stellen. Wanneer je een tunnel maakt, kies je tussen privé, organisatie of openbare toegang. Privétunnels laten alleen jou verbinding maken. Organisatietunnels laten iedereen in je bedrijf de tunnel gebruiken. Openbare tunnels openen de toegang voor iedereen met de link. Kies altijd de laagst mogelijke zichtbaarheid die je project nodig heeft.

Volg om de beveiliging tijdens het testen van je Microsoft 365-app te maximaliseren deze best practices:

• Stel tunnels waar mogelijk in op privé of organisatie.
• Implementeer split tunneling voor Office 365-toepassingen. Deze methode verbetert de prestaties en houdt je gegevens veilig.
• Gebruik door Microsoft aangeleverde IP-adresbereiken voor split tunneling. Vermijd het gebruik van volledig gekwalificeerde domeinnamen.
• Schakel SSL-interceptie uit voor Office 365-verkeer. Deze stap helpt je te voldoen aan de beveiligingsaanbevelingen van Microsoft.
• Controleer of je split tunneling-beleid werkt met de Microsoft 365-connectiviteitstesttool.
• Schakel SSL Break and Inspect uit voor Office 365-domeinen.

Tip: Controleer je zichtbaarheidsinstellingen voor tunnels voordat je URL's deelt. Deze gewoonte voorkomt dat je ontwikkelomgeving per ongeluk wordt blootgesteld.

Beveiligde toegang met Entra ID

Je kunt je tunnels beveiligen door authenticatie met Entra ID te vereisen. Deze functie zorgt ervoor dat alleen goedgekeurde gebruikers toegang hebben tot je lokale services. Wanneer je Entra ID-authenticatie inschakelt, voeg je een sterke beveiligingslaag toe aan je dev-tunnels. Alleen gebruikers met geldige inloggegevens kunnen verbinding maken, wat helpt om je gegevens veilig te houden.

Entra ID ondersteunt ook organisatietoegang. Je kunt je hele team toestemming geven om apps te testen en debuggen zonder je tunnel openbaar te maken. Deze aanpak zorgt voor een goede balans tussen beveiliging en samenwerking. Gebruik altijd Entra ID-authenticatie voor gevoelige projecten of wanneer je vertrouwelijke informatie verwerkt.

Let op: Entra ID-authenticatie werkt naadloos met zowel de Visual Studio-interface als de opdrachtregelprogramma's.

Tunnels monitoren en beheren

Je moet je tunnels monitoren en beheren om een veilige en efficiënte werkwijze te behouden. Visual Studio biedt ingebouwde functies voor het beheren van dev-tunnels. Je kunt actieve tunnels bekijken, hun status controleren en toegangsinstellingen aanpassen vanuit de IDE. Met de opdrachtregelinterface kun je tunnels ook snel maken, weergeven en sluiten.

Best practices voor het beheren van tunnels zijn onder andere:

• Bekijk regelmatig je lijst met actieve tunnels.
• Sluit tunnels wanneer je klaar bent met testen om beveiligingsrisico's te beperken.
• Gebruik beschrijvende namen voor elke tunnel om verwarring te voorkomen.
• Kies tussen tijdelijke of permanente tunnels op basis van de behoeften van je project.
• Stel toegangsbeheer in die past bij je beveiligingseisen.

Een tabel kan je helpen de opties voor tunnelbeheer te vergelijken:

Onthoud: goed tunnelbeheer houdt je ontwikkelomgeving georganiseerd en veilig.

Veelvoorkomende valkuilen om te vermijden

Wanneer je Visual Studio Dev Tunnels gebruikt voor het testen van Microsoft 365-apps, wil je fouten vermijden die je kunnen vertragen of je project in gevaar brengen. Veel ontwikkelaars lopen tegen dezelfde problemen aan. Als je weet waar je op moet letten, bespaar je tijd en houd je je omgeving veilig.

1. De verkeerde tunnelzichtbaarheid kiezen

Een publieke tunnel is misschien handig, maar die keuze kan je app blootstellen aan iedereen met de link. Controleer altijd de zichtbaarheid van je tunnel voordat je begint met testen. Gebruik voor de meeste projecten een privé- of organisatietunnel. Gebruik publieke tunnels alleen wanneer je externe testers nodig hebt, en houd de toegang dan altijd in de gaten.

Tip: Controleer je tunnelinstellingen voordat je URL's met je team of testers deelt.

2. Vergeten de redirect-URI's bij te werken

Als je de URL van je tunnel wijzigt, moet je de redirect-URI's in je app-registratie bijwerken. Als je deze stap overslaat, mislukt de authenticatie. Controleer altijd of je app-registratie overeenkomt met het huidige eindpunt van je tunnel.

3. Authenticatie-instellingen negeren

Je bent misschien vergeten Entra ID-authenticatie voor je tunnel in te schakelen. Zonder deze instelling heeft iedereen met de link toegang tot je lokale service. Vereis altijd authenticatie voor gevoelige projecten. Deze stap beschermt je gegevens en je gebruikers.

4. Tunnels open laten na het testen

Als je tunnels blijft laten draaien nadat je klaar bent, vergroot je het beveiligingsrisico. Ongebruikte tunnels kunnen een doelwit worden voor ongewenste toegang. Sluit tunnels altijd wanneer je ze niet meer nodig hebt.

5. Generieke of verwarrende tunnelnamen gebruiken

Als je onduidelijke namen voor je tunnels gebruikt, kunnen jij en je team in de war raken. Gebruik beschrijvende namen die passen bij je project of dienst. Met deze gewoonte houd je het overzicht over meerdere tunnels en voorkom je fouten.

6. Logboekbewaking over het hoofd zien

Misschien controleer je je tunnellogboeken niet. Logboeken helpen je ongebruikelijke activiteit of ongeautoriseerde toegang op te sporen. Maak er een gewoonte van om logboeken regelmatig te bekijken.

Let op: Je kunt de meeste problemen voorkomen door voor en na elke testsessie een checklist te volgen.

Door alert te blijven op deze veelvoorkomende valkuilen, houd je je ontwikkelproces soepel en blijven je Microsoft 365-apps veilig. Je bouwt betere gewoonten op en helpt je team onnodige problemen te voorkomen.

Probleemoplossing en geavanceerde tips

Verbindingsproblemen oplossen

Bij het werken met tunnels kun je af en toe te maken krijgen met verbindingsproblemen. Controleer eerst of je lokale service actief is en luistert op de juiste poort. Gebruik de opdrachtregel om te bevestigen dat je service reageert op verzoeken. Als je fouten ziet, start je de service opnieuw en probeer je het nogmaals.

Controleer vervolgens je firewallinstellingen. Firewalls kunnen inkomende verbindingen blokkeren. Sta verkeer toe op de poort die je voor je tunnel gebruikt. Als je een VPN gebruikt, verbreek die dan en test opnieuw. VPN's kunnen je netwerkinstellingen wijzigen en problemen veroorzaken.

Als je nog steeds problemen hebt, gebruik dan de opdracht devtunnel list om alle actieve tunnels te zien. Zorg dat je de juiste tunnel-URL gebruikt in je Microsoft 365-app. Soms veroorzaakt het kopiëren van de verkeerde URL verbindingsfouten.

Tip: Test je tunnel-URL altijd in een browser voordat je begint met testen en debuggen. Deze stap helpt je eenvoudige fouten vroeg op te sporen.

Authenticatiefouten afhandelen

Authenticatiefouten kunnen voorkomen dat je app werkt met Microsoft 365-diensten. Controleer eerst je app-registratie in het Microsoft Entra ID-portaal. Zorg dat je redirect-URI's exact overeenkomen met de tunnel-URL. Zelfs een kleine typfout kan fouten veroorzaken.

Controleer je client-ID en geheim. Deze waarden moeten overeenkomen met wat je in de configuratie van je app hebt ingesteld. Als je je tunnel wijzigt of een nieuwe aanmaakt, werk dan de redirect-URI's in je app-registratie bij.

Als je de melding "unauthorized" ziet, controleer dan de zichtbaarheid en authenticatie-instellingen van je tunnel. Gebruik bij gevoelige projecten altijd Entra ID-authenticatie. Deze stap houdt je gegevens veilig en voorkomt ongewenste toegang.

Let op: De meeste authenticatiefouten komen voort uit niet-overeenkomende URL's of ontbrekende machtigingen. Controleer deze instellingen dubbel tijdens het debuggen.

Geavanceerde CLI en automatisering

Met de Dev Tunnels CLI kun je je workflow automatiseren. Automatisering bespaart tijd en voorkomt fouten. Je kunt bijvoorbeeld een script schrijven dat een tunnel aanmaakt, je lokale service start en de testpagina in je browser opent.

Hier is een voorbeeldscript voor Windows PowerShell:

devtunnel create my-automation-tunnel --persistent --access organization
devtunnel host my-automation-tunnel -p 5000
Start-Process "https://my-automation-tunnel.devtunnels.ms"

Je kunt zulke scripts met je team delen. Iedereen kan dezelfde setup gebruiken voor testen en debuggen. Zo werken jullie beter samen en vermijd je configuratiefouten.

Als je alle tunnels in één keer wilt sluiten, gebruik je:

devtunnel close --all

Het automatiseren van tunnelbeheer maakt je ontwikkelproces soepeler en betrouwbaarder. Probeer scripts te gebruiken voor taken die je regelmatig herhaalt.

Je kunt je ontwikkeling van Microsoft 365-apps een boost geven door Visual Studio Dev Tunnels te gebruiken. Deze tool maakt testen sneller en veiliger. Begin met het instellen van je eerste tunnel en volg de best practices voor zichtbaarheid en authenticatie. Ontdek geavanceerde functies om je workflow te verbeteren. Vergeet niet om bij het verder testen en bouwen van betere apps de nadruk te leggen op beveiliging en samenwerking.

Visual Studio Dev Tunnels-checklist

Snelle checklist om Visual Studio Dev Tunnels te configureren, te gebruiken en problemen op te lossen.

• Controleer of je Visual Studio-versie Visual Studio Dev Tunnels ondersteunt (Visual Studio 2022 of nieuwer / vereiste workload geïnstalleerd)
• Installeer of werk de dev tunnels-extensie of CLI-component indien nodig bij
• Meld je aan met het Microsoft-account of de Entra ID-tenant die je voor tunneltoegang gebruikt
• Maak een nieuwe dev tunnel aan vanuit Visual Studio of via de dev tunnels CLI
• Kies en bevestig de juiste tunnelnaam en regio voor lage latentie
• Selecteer en configureer het lokale eindpunt (poort) dat je via de tunnel wilt blootstellen
• Bevestig het protocol (HTTP/HTTPS of TCP) en schakel TLS in als je HTTPS blootstelt
• Configureer en reserveer indien nodig aangepaste domeinen of subdomeinen
• Stel toegangsbeleid in: openbaar, geauthenticeerde gebruikers, of specifieke Entra ID-gebruikers/-groepen
• Controleer firewall- en routerinstellingen om uitgaand tunnelverkeer toe te staan
• Controleer of de lokale app draait en luistert op de geconfigureerde poort
• Test de tunnelverbinding vanaf een extern apparaat of door een collega
• Gebruik HTTPS en geldige certificaten voor gevoelige productie-eindpunten
• Roteer inloggegevens en tokens regelmatig en trek ongebruikte tokens in
• Houd actieve tunnelsessies en het gebruik bij via het Visual Studio- of portaldashboard
• Beperk de blootgestelde routes en stuur alleen de noodzakelijke eindpunten door
• Schakel logging in en controleer de tunnellogs op verbindingsfouten of prestatieproblemen
• Los veelvoorkomende problemen op: poortconflicten, authenticatiefouten, regio-mismatch
• Werk Visual Studio en de dev tunnel-tooling regelmatig bij voor beveiligingsfixes
• Sluit of verwijder inactieve tunnels om het aanvalsoppervlak en het resourcegebruik te beperken

Conclusie

Kortom, het gebruik van Visual Studio Dev Tunnels in plaats van traditionele clouddeployments stelt ontwikkelaars in staat om feedbackloops drastisch te versnellen, kosten voor cloudinfrastructuur te beperken en lokaal te debuggen met volledige getrouwheid. Of je nu webhooks, Teams-apps of moderne API's bouwt, deze ingebouwde functie haalt de wrijving weg. Voor een diepere duik in deze concepten en een live walkthrough kun je onze bijbehorende aflevering beluisteren: Test Microsoft 365 Apps with Visual Studio Dev Tunnels.