Developing in a devcontainer

[mfcollins3]

Can anyone share how they're getting Aspire to work in a devcontainer?

I'm trying to add Aspire to a project that I have already started to use it for managing local development. I want to do all of my service development inside of a devcontainer. I've sort of got it running but running into an issue with Blazor's web socket when trying to access the dashboard.

I finally figured out the trust issues with the developer cert and I'm able to view the Aspire Dashboard over HTTPS. The browser is indicating that the dev cert is trusted. But the dashboard isn't working.

I'm on a MacBook Pro M3 if it makes any difference.

I'm seeing this error in the JavaScript console:

Error: Grpc.Core.RpcException: Status(StatusCode="Internal", Detail="Error starting gRPC call. HttpRequestException: The SSL connection could not be established, see inner exception. AuthenticationException: The remote certificate is invalid because of errors in the certificate chain: UntrustedRoot", DebugException="System.Net.Http.HttpRequestException: The SSL connection could not be established, see inner exception.")
 ---> System.Net.Http.HttpRequestException: The SSL connection could not be established, see inner exception.
 ---> System.Security.Authentication.AuthenticationException: The remote certificate is invalid because of errors in the certificate chain: UntrustedRoot
   at System.Net.Security.SslStream.SendAuthResetSignal(ReadOnlySpan`1 alert, ExceptionDispatchInfo exception)
   at System.Net.Security.SslStream.CompleteHandshake(SslAuthenticationOptions sslAuthenticationOptions)
   at System.Net.Security.SslStream.ForceAuthenticationAsync[TIOAdapter](Boolean receiveFirst, Byte[] reAuthenticationData, CancellationToken cancellationToken)
   at System.Net.Http.ConnectHelper.EstablishSslConnectionAsync(SslClientAuthenticationOptions sslOptions, HttpRequestMessage request, Boolean async, Stream stream, CancellationToken cancellationToken)
   --- End of inner exception stack trace ---
   at System.Net.Http.ConnectHelper.EstablishSslConnectionAsync(SslClientAuthenticationOptions sslOptions, HttpRequestMessage request, Boolean async, Stream stream, CancellationToken cancellationToken)
   at System.Net.Http.HttpConnectionPool.ConnectAsync(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
   at System.Net.Http.HttpConnectionPool.AddHttp2ConnectionAsync(QueueItem queueItem)
   at System.Threading.Tasks.TaskCompletionSourceWithCancellation`1.WaitWithCancellationAsync(CancellationToken cancellationToken)
   at System.Net.Http.HttpConnectionPool.SendWithVersionDetectionAndRetryAsync(HttpRequestMessage request, Boolean async, Boolean doRequestAuth, CancellationToken cancellationToken)
   at System.Net.Http.DiagnosticsHandler.SendAsyncCore(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
   at System.Net.Http.RedirectHandler.SendAsync(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
   at Grpc.Net.Client.Balancer.Internal.BalancerHttpHandler.SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
   at Grpc.Net.Client.Internal.GrpcCall`2.RunCall(HttpRequestMessage request, Nullable`1 timeout)
   --- End of inner exception stack trace ---
   at Grpc.Net.Client.Internal.Retry.RetryCall`2.StartRetry(Action`1 startCallFunc)
   at Grpc.Net.Client.Internal.Retry.RetryCallBase`2.GetResponseCoreAsync()
   at Aspire.Dashboard.Model.DashboardClient.<>c__DisplayClass27_0.<<EnsureInitialized>g__ConnectAsync|2>d.MoveNext() in /_/src/Aspire.Dashboard/Model/DashboardClient.cs:line 238
--- End of stack trace from previous location ---
   at Aspire.Dashboard.Components.ApplicationName.OnInitializedAsync() in /_/src/Aspire.Dashboard/Components/Controls/ApplicationName.razor.cs:line 32
   at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

I'm running dotnet dev-certs https to trust and export the certificate:

dotnet dev-certs https -ep ${HOME}/.aspnet/https/appname.pfx -p password --trust

I'm mounting the bind point for the ${HOME}/.aspnet/https directory in the volume. Here's my devcontainer.json file:

{
    "name": "MyApp",
    "image": "mcr.microsoft.com/devcontainers/base:1.0.12-bookworm",
    "mounts": [
        {
            "source": "${localEnv:HOME}/.aspnet/https/",
            "target": "/home/vscode/.aspnet/https/",
            "type": "bind"
        },
        {
            "source": "${localEnv:HOME}/.microsoft/usersecrets/",
            "target": "/home/vscode/.microsoft/usersecrets/",
            "type": "bind"
        }
    ],
    "features": {
        "ghcr.io/devcontainers/features/git:1": {},
        "ghcr.io/devcontainers/features/git-lfs:1": {},
        "ghcr.io/devcontainers/features/github-cli:1": {},
        "ghcr.io/devcontainers/features/node:1": {
            "version": "20.15.0"
        },
        "ghcr.io/devcontainers/features/azure-cli:1": {
            "installBicep": true
        },
        "ghcr.io/devcontainers/features/docker-in-docker:2": {},
        "ghcr.io/azure/azure-dev/azd:latest": {},
        "ghcr.io/devcontainers/features/hugo:1": {
            "extended": true,
            "version": "0.128.2"
        },
        "ghcr.io/devcontainers/features/go:1": {
            "version": "1.22.5"
        },
        "ghcr.io/devcontainers/features/ruby:1": {
            "version": "3.1.6"
        },
        "ghcr.io/devcontainers/features/python:1": {
            "version": "3.12.4"
        },
        "ghcr.io/devcontainers/features/dotnet:2": {
            "version": "8.0.302",
            "workloads": "aspire"
        },
        "ghcr.io/nils-geistmann/devcontainers-features/zsh:0": {
            "plugins": "dotnet git gitignore git-lfs git-prompt golang vscode"
        },
        "ghcr.io/dapr/cli/dapr-cli:0": {}
    },
    "postCreateCommand": ".devcontainer/scripts/install.sh",
    "customizations": {
        "vscode": {
            "extensions": [
                "akmittal.hugofy",
                "asciidoctor.asciidoctor-vscode",
                "budparr.language-vscode-hugo",
                "eliostruyf.vscode-front-matter",
                "eliostruyf.vscode-hugo-themer",
                "esbenp.prettier-vscode",
                "GitHub.vscode-github-actions",
                "kaellarkin.hugo-shortcode-syntax",
                "ms-azuretools.azure-dev",
                "ms-azuretools.vscode-bicep",
                "ms-azuretools.vscode-docker",
                "rusnasonov.vscode-hugo",
                "ms-dotnettools.csdevkit",
                "ms-dotnettools.csharp",
                "ms-dotnettools.vscodeintellicode-csharp"
            ]
        }
    },
    "remoteUser": "vscode",
    "remoteEnv": {
        "ASPNETCORE_Kestrel__Certificates__Default__Password": "password",
        "ASPNETCore_Kestrel__Certificates__Default__Path": "/home/vscode/.aspnet/https/appnamet.pfx"
    },
    "portsAttributes": {
        "17098": {
            "protocol": "https"
        }
    },
    "containerEnv": {
        "HUGO_MODULE_WORKSPACE": "/workspaces/sharedexperiences/hugo.work"
    }
}

The postCreateCommand script is below:

. ${NVM_DIR}/nvm.sh

if [ ! -d "node_modules" ]; then
    echo "Installing NPM dependencies..."
    npm ci
fi

bundle install

[zacutti]

@davidfowl is there any plan to support this setup?

[davidfowl]

Yes it’s in main. There’s more work @mitchdenny is doing to make it work more seamlessly with port forwarding.

[JeevarajK]

I am using same approach to run Aspire in dev container with .NET 8.0 and Aspire 9.0.
It runs some times then stops working after 2-3 times.
Getting errors like "Aspire.Hosting.Dcp.dcpctrl.IdeExecutableRunner: Information: Executables cannot be started via IDE: missing required environment variable 'DEBUG_SESSION_PORT'"