メニュー
Deploy MCP Inspector to Azure Container Apps with nginx reverse proxy for same-origin routing. Use when asked to deploy Inspector to Azure, containerize Inspector, or preconfigure Inspector UI for cloud.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | azure-mcp-inspector |
| description | Deploy MCP Inspector to Azure Container Apps with nginx reverse proxy for same-origin routing. Use when asked to deploy Inspector to Azure, containerize Inspector, or preconfigure Inspector UI for cloud. |
Deploy MCP Inspector to Azure Container Apps. Inspector requires two ports (6274 UI + 6277 proxy) but Azure Container Apps supports only one ingress port. Use a custom Docker image with nginx reverse proxy to combine both behind port 80.
aspire-mcp-inspector skill for local Aspire usage and Inspector architecture internalsnginx routes proxy API paths to port 6277 and everything else to port 6274. This puts the proxy at the same origin as the UI.
Why same-origin matters: The React client's getMCPProxyAddress() function defaults to ${protocol}//${hostname}:6277 when MCP_PROXY_FULL_ADDRESS is empty. In Azure Container Apps, only port 80/443 is exposed — the client would fail trying to reach 6277 directly. By routing proxy paths through nginx on the same origin, we solve this with a localStorage injection.
Three mechanisms work together for zero-config preconfiguration:
nginx sub_filter — Injects a <script> into the HTML <head> that sets MCP_PROXY_FULL_ADDRESS in localStorage (key: inspectorConfig_v1) to location.origin. This makes the React client fetch /config from the same origin instead of :6277.
CLI args → /config endpoint — The entrypoint passes --transport streamable-http --server-url $MCP_SERVER_URL to the Inspector. The proxy server exposes these via GET /config as defaultTransport and defaultServerUrl. The React client fetches this on mount and auto-fills the UI.
nginx path routing — All proxy routes (/config, /mcp, /sse, /stdio, /message, /health, /sandbox) are forwarded to 6277. The React UI at / comes from 6274.
https://<inspector-fqdn> (plain URL, no query params)<script> sets MCP_PROXY_FULL_ADDRESS = location.origin in localStorageGET /config → nginx proxies to 6277 → returns {defaultTransport: "streamable-http", defaultServerUrl: "https://<dab-fqdn>/mcp"}App.tsx state setters fire: setTransportType("streamable-http"), setSseUrl("https://<dab-fqdn>/mcp")POST /mcp → nginx proxies to 6277 → proxy connects to DABFROM node:22-alpine
RUN npm install -g @modelcontextprotocol/inspector@0.20.0
RUN apk add --no-cache nginx
COPY nginx.conf /etc/nginx/nginx.conf
COPY entrypoint.sh /entrypoint.sh
RUN chmod +x /entrypoint.sh
ENV DANGEROUSLY_OMIT_AUTH=true
ENV MCP_AUTO_OPEN_ENABLED=false
ENV HOST=0.0.0.0
EXPOSE 80
ENTRYPOINT ["/entrypoint.sh"]
#!/bin/sh
nginx
ARGS=""
if [ -n "$MCP_SERVER_URL" ]; then
ARGS="--transport streamable-http --server-url $MCP_SERVER_URL"
fi
exec npx @modelcontextprotocol/inspector@0.20.0 $ARGS
worker_processes 1;
events { worker_connections 1024; }
http {
server {
listen 80;
# Proxy API routes → Inspector proxy server (port 6277)
location = /config { proxy_pass http://127.0.0.1:6277; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; }
location = /health { proxy_pass http://127.0.0.1:6277; proxy_set_header Host $host; }
location = /sandbox { proxy_pass http://127.0.0.1:6277; proxy_set_header Host $host; }
location = /message { proxy_pass http://127.0.0.1:6277; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; }
location /mcp { proxy_pass http://127.0.0.1:6277; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_buffering off; proxy_cache off; proxy_read_timeout 86400; }
location /stdio { proxy_pass http://127.0.0.1:6277; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_buffering off; proxy_cache off; proxy_read_timeout 86400; }
location /sse { proxy_pass http://127.0.0.1:6277; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_buffering off; proxy_cache off; proxy_read_timeout 86400; }
# React UI with auto-config injection
location / {
proxy_pass http://127.0.0.1:6274;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header Accept-Encoding "";
sub_filter '</head>' '<script>(function(){var k="inspectorConfig_v1";try{var c=JSON.parse(localStorage.getItem(k)||"{}");if(!c.MCP_PROXY_FULL_ADDRESS||!c.MCP_PROXY_FULL_ADDRESS.value){c.MCP_PROXY_FULL_ADDRESS={value:location.origin,label:"MCP Proxy Full Address",description:"Full address of MCP proxy"};localStorage.setItem(k,JSON.stringify(c))}}catch(e){}})();</script></head>';
sub_filter_once on;
}
}
}
Key nginx details:
proxy_set_header Accept-Encoding "" disables upstream compression so sub_filter can modify the HTML responsesub_filter_once on ensures the script is injected only once per page/mcp, /stdio, /sse need proxy_http_version 1.1 + WebSocket upgrade headers for streamingproxy_read_timeout 86400 (24h) prevents nginx from closing long-lived connectionsproxy_buffering off and proxy_cache off are essential for SSE/streaming responses| Variable | Value | Purpose |
|---|---|---|
DANGEROUSLY_OMIT_AUTH | true | Disable session token auth (safe behind Azure auth/network) |
MCP_AUTO_OPEN_ENABLED | false | Don't try to open a browser inside the container |
HOST | 0.0.0.0 | Bind to all interfaces (required in containers) |
MCP_SERVER_URL | https://<dab-fqdn>/mcp | Passed as --server-url CLI arg → populates /config response |
ALLOWED_ORIGINS | https://<inspector-fqdn> | DNS rebinding protection (origin validation middleware) |
var mcpInspectorName = 'mcp-inspector-${resourceToken}'
var mcpInspectorOrigin = 'https://${mcpInspectorName}.${cae.properties.defaultDomain}'
resource mcpInspector 'Microsoft.App/containerApps@2024-03-01' = {
name: mcpInspectorName
location: location
tags: tags
properties: {
managedEnvironmentId: cae.id
configuration: {
ingress: { external: true, targetPort: 80 }
registries: [{ server: acr.properties.loginServer, username: acr.listCredentials().username, passwordSecretRef: 'acr-password' }]
secrets: [{ name: 'acr-password', value: acr.listCredentials().passwords[0].value }]
}
template: {
containers: [{
name: 'mcp-inspector'
image: '${acr.properties.loginServer}/mcp-inspector:latest'
resources: { cpu: json('0.5'), memory: '1Gi' }
env: [
{ name: 'DANGEROUSLY_OMIT_AUTH', value: 'true' }
{ name: 'MCP_AUTO_OPEN_ENABLED', value: 'false' }
{ name: 'HOST', value: '0.0.0.0' }
{ name: 'MCP_SERVER_URL', value: 'https://${dabApp.properties.configuration.ingress.fqdn}/mcp' }
{ name: 'ALLOWED_ORIGINS', value: mcpInspectorOrigin }
]
}]
scale: { minReplicas: 0, maxReplicas: 1 }
}
}
}
# Create ACR (if not exists)
az acr create --name <acr-name> --resource-group <rg> --sku Basic --admin-enabled true
# Build and push from the inspector/ directory
az acr build --registry <acr-name> --image mcp-inspector:latest ./inspector/
If you cannot modify the Docker image (e.g., using a prebuilt Inspector image with a simple /proxy/ nginx config), you can still preconfigure via query params:
https://<inspector-fqdn>/?transport=streamable-http&serverUrl=https://<dab-fqdn>/mcp&MCP_PROXY_FULL_ADDRESS=https://<inspector-fqdn>/proxy
This works but produces an unwieldy URL. The same-origin approach above is preferred.
Cause: MCP_PROXY_FULL_ADDRESS not set — client tries port 6277 directly.
Fix: The nginx sub_filter injection handles this automatically. Verify the location / block includes the sub_filter directive.
/config returns STDIO defaultsCause: MCP_SERVER_URL env var not set, so entrypoint doesn't pass --transport or --server-url.
Fix: Set MCP_SERVER_URL in Bicep env vars.
Cause: DAB /mcp endpoint not reachable from the Inspector container.
Fix: Verify DAB ingress is external: true and the FQDN in MCP_SERVER_URL is correct. Test with curl https://<dab-fqdn>/health from the container.
Cause: Inspector processes haven't started yet when nginx tries to proxy. Fix: The entrypoint starts nginx first, then the Inspector. Brief 502s during startup are normal — wait a few seconds and retry.
Dockerfile, entrypoint.sh, nginx.conf in an inspector/ directoryGuide for .NET Aspire orchestration of SQL Server + Data API Builder + SQL Commander + MCP Inspector. Use when asked to create an Aspire-based DAB environment.
Add MCP Inspector to a .NET Aspire AppHost for debugging MCP servers like Data API Builder. Use when asked to inspect MCP traffic, debug MCP connections, or add MCP Inspector to Aspire.
Add SQL Commander to a .NET Aspire AppHost for browsing and querying SQL Server. Use when asked to add a SQL query tool, browse database tables, or configure SQL Commander in Aspire.
Deploy Data API Builder to Azure Container Apps with Azure SQL, ACR, and azd. Use when asked to deploy DAB to Azure, create Bicep for DAB, or set up cloud API hosting.
Deploy SQL Commander to Azure Container Apps for browsing and querying Azure SQL databases. Use when asked to deploy SQL Commander to Azure, add a SQL query tool to Azure, or configure SQL Commander in Bicep.
Guide for creating and auditing GitHub Copilot Agent Skills. Use this when asked to create new skills, understand skill structure, or improve existing skills.