HTTP verkeer debuggen met de Network Inspector
ASD bevat een ingebouwde netwerkinspector aangedreven door mitmproxy. Het draait als een proxy die HTTP/HTTPS verkeer vastlegt en weergeeft in een web UI. Handig voor het debuggen van API-aanroepen, het inspecteren van request/response headers, en het begrijpen van wat je applicatie over het netwerk verstuurt.
Status: Alpha. De netwerkinspector draait momenteel als standalone proxy. Automatische verkeersroutering via Caddy is gepland voor een toekomstige release.
Wat je krijgt
- HTTP/HTTPS verkeer vastleggen en weergeven
- Web-gebaseerde UI voor het browsen van requests
- Request/response body inspectie
- Filteren en zoeken in verkeer
Vereisten
- ASD CLI geinstalleerd (
asd init) - Het mitmproxy binary (automatisch gedownload tijdens
asd init)
Stap 1: Start de inspector
asd inspect startVoor status en de web UI:
asd inspectStap 2: Configureer je app om de proxy te gebruiken
Omdat de inspector als standalone proxy draait, moet je je applicatie
configureren om verkeer erdoor te routeren. De standaard proxy-poort is
8080.
export HTTP_PROXY=http://localhost:8080
export HTTPS_PROXY=http://localhost:8080Stap 3: Bekijk verkeer in de web UI
Open de mitmproxy webinterface in je browser. De URL wordt getoond
wanneer je asd inspect uitvoert. Je ziet alle HTTP requests
die door de proxy stromen in realtime.
Configuratie
| Variabele | Standaard | Beschrijving |
|---|---|---|
ASD_MITMPROXY_PORT | 8080 | Proxy-poort |
ASD_BASIC_AUTH_PASSWORD | — | Web UI wachtwoord |
Huidige beperkingen
- Automatische verkeersroutering via Caddy
- Per-service inspectie-toggles in TUI
- Transparante proxy modus
- TLS certificaat auto-installatie
Stoppen
asd inspect stopWat nu
- Web Terminal met ttyd — shell-toegang voor debugging
- Database GUI met DbGate — inspecteer je data
- Basic authenticatie toevoegen — beveilig services met wachtwoorden
Kelvin Wuite
Kelvin Wuite is the founder of ASD B.V. With over eighteen years of development experience, he has witnessed the same patterns repeat across every software team - endless documentation, manual preparation, environment mismatches, and fragmented collaboration. His drive is to remove these barriers, enabling engineers to work together in unified environments with shorter feedback loops and hands-on collaboration. Since 2015 he has been refining these ideas, leading to ASD — a platform designed to create a faster, more integrated way for development teams to collaborate in an age where AI is thriving.
Related Articles
How to Set Up DevInCi in GitHub Actions
Set up DevInCi in GitHub Actions for live CI debugging. Get a web terminal or VS Code IDE inside your runner when a job fails. Step-by-step with code examples.
CI/CDHow to Set Up DevInCi in GitLab CI/CD
Set up DevInCi in GitLab CI/CD for live pipeline debugging. Get a web terminal or VS Code IDE inside your runner when a job fails. Step-by-step with code examples.
TunnelsHow to Expose Local Services with ASD Tunnels
Learn three ways to expose local services with ASD: quick expose for instant sharing, asd.yaml for daily development, and tunnel tokens for CI/CD automation.