Pinniped server CORS headers missing

[exolicious]

What happened?

I want to configure pinniped-oidc for a webapp according to this guide: https://pinniped.dev/docs/howto/configure-auth-for-webapps/

It says: "Clients must use PKCE during the authorization code flow."
However the supervisor does not seem to set CORS related Headers.
Setting them on an httpproxy (contour) is also not an option, since tlspassthrough is recomended.

What did you expect to happen?

I expect the CORS headers to be set on the response, since the guide's title is "Using the Pinniped Supervisor to provide authentication for web applications" and it says "Clients must use PKCE during the authorization code flow."

What is the simplest way to reproduce this behavior?

Connect any SPA as an oidcclient in pinniped supervisor and try to access the wellknown endpoint through a js-fetch.

In what environment did you see this bug?

• Pinniped server version: pinniped-server:v0.35.0
• Pinniped client version: N/A
• Pinniped container image (if using a public container image): ghcr.io/vmware-tanzu/pinniped/pinniped-server:v0.35.0@sha256:bf926dfd78ecca75fce0e43e243021dd9c122bd2cd94d38187b3c9f80138fca4
  (other stuff is not relevant)

What else is there to know about this bug?

[cfryanr]

Hi @exolicious, thanks for creating this issue. As you noticed, currently the Supervisor doesn't support single page apps (SPAs). Sorry if the doc did not make that clear. It currently assumes that your webapp has a backend, and that the backend is what will redeem the authcodes at the token endpoint. It still requires PKCE for these apps as well, because it is considered the current best practice for OAuth2.

We could take a look at what would be required to also support SPAs.

[exolicious]

@cfryanr Thank you very much for answering so quickly.
I did not know that PKCE was the best practice for any client, but apparently it still is recommended for confidential clients. Thank you for this information.

We would really appreciate if pinniped supported SPAs, since we would like to have a fully state/sessionless backend if possible.

[exolicious]

@cfryanr I looked at the code and this is a quick solution:
At this position in the code (

pinniped/internal/federationdomain/endpointsmanager/manager.go

Line 196 in e86f3cc

}

), you could add generic cors headers to every response (the allow origin should probably come from a config value and not be "*" - maybe you could even introduce the option of adding arbitrary headers through a configmap or something).

For example:
resp.Header().Set("Access-Control-Allow-Origin", "*")
resp.Header().Set("Access-Control-Allow-Methods", "GET, POST, OPTIONS")
resp.Headers().Set("Access-Control-Allow-Headers", "Authorization, Content-Type")
resp.Headers().Set("Access-Control-Allow-Credentials", "true")
resp.Headers().Set("Access-Control-Max-Age", "3600")

I can create a PR for a more sophisticated solution tomorrow, if you want.

[cfryanr]

Hi @exolicious, thanks for thinking about which CORS headers would be needed. We would need to take care to only apply CORS headers to the appropriate endpoints and only for configured origins. That implies that there would need to be some way to configure the origins. I'm not sure if that should be configured per-OIDCClient or globally. Supporting SPAs would probably be a bigger change than just using CORS headers too. For example, currently, we require all new OIDCClients to be confidential clients. There's no point in using a confidential client for a SPA because then you are giving away the client secret to all users of the SPA. There may be other changes required too. We'd need to refresh our memory on best practices for how an OIDC provider should support SPAs.

[exolicious]

@cfryanr
Yeah you are right, fully supporting SPAs out of the box would mean that requiring client secret basic auth at the /token endpoint is not a possibility.
For our purposes (since we actually do have a backend - we just prefer not to have session-management if possible) we are configuring the oidc client (library) to do discovery on the pinniped server url and authorization aswell.
However, we configure our client to then grab the token from our backend, which then proxies the request (and injects client secret basic auth) to the pinniped server (and then does the client scoped token exchange + TokenCredentialRequest).

So for our use case (and I know as a maintainer you want the generic solutions), the cors headers would be enough.

Do you think we should fork, until you guys have had time to look at (full fledged) SPA support?

[cfryanr]

Hi @exolicious, if your app has a backend then it could be possible to make it work. The backend could have an endpoint which is responsible for receiving the callback (via browser redirect) from the Supervisor and calling the token endpoint to exchange the authcode for tokens. If you need to avoid having session state in the backend, then perhaps you could use some workaround in which that endpoint transmits the tokens to the frontend via the response. Then when a refresh is needed, the frontend could send the refresh token to an endpoint on your backend, which could call the Supervisor's token endpoint to perform the refresh and get all new tokens, and then send them back to the frontend. Keeping tokens on the frontend may not be a best practice, but it's possible. If you're concerned then you could encrypt them using a key known only by your backend, for example. Could that help, as a workaround?

[exolicious]

This is exactly the workaround I implemented and tried to describe in my previous comment, with the only missing link being the CORS headers (since in my current setup the browser initiates the auth code flow).
However, I think we will just initiate the auth code flow on the backend system together with using HttpOnly Cookies to store the tokens on the client for the backend to remain stateless.

How does Vsphere handle all this? I would assume it does something similar to retrieve TKG related workloads?

And thank you very much for taking the time to respond, i really appreciate you being so active and developing this awesome and technically intricate system!!