Debug the roles function using the local auth emulator

[simonaco]

Is your feature request related to a problem? Please describe.
Enable local dev for role management through serverless functions

Describe the solution you'd like
Test programmatically assigned roles in local environment

Describe alternatives you've considered
Call the auth function locally with something like Postman to ensure it responds with the right roles given an input.
Use the local emulator to set custom roles at login to test how your app works with different roles.

Additional context
Tutorial: Assign custom roles with a function and Microsoft Graph

[simonaco]

Azure/static-web-apps#481

[AverageCakeSlice]

Related to #306

[manekinekko]

I will look at this post-GA.

The current workaround is to print a warning if we detect the auth in the staticwebapp.config.json

[oneolddev]

What is the current status of this? I was attempting to enable role management and test locally. I expected my GetRoles function to be called but it wasn't after login. I was able to call GetRoles directly. I was hoping not to debug in a live SWA deployment.

I'm using SWA CLI ver 1.01 and C#(.net6).

[Reshmi-Sriram]

Hi @c0g1t8,
We have this in our radar and will be working on this shortly. We do not have a timeline yet to commit this, but you should be seeing some update in a couple of months.

cc// @sgollapudi77

[amatracaru]

Is there any update on this?

[ghost]

I'd like to second this - any progress so far? At the moment trying to debug is not possible for me, as issues only seem to occur in prod, and not on a local dev machine.

[bzbetty]

I added a hack locally to node_modules/@azure/static-web-apps-cli/dist/public/auth.html

and changed the form.submit to the following

  // store cookie info as base64
      form.submit(() => {
        event.preventDefault();
        fetch('/api/roles', {
          method: 'POST', body: JSON.stringify({
            userId: form.find("#userId").val(),
          })
        })
          .then(x => x.json())
          .then(x => {            
            saveCookie(form);
            redirectToApp();
          });

      });

it's not perfect (eg you could forward on more details from the form to the roles method (and pull the roles method from the config).

[bzbetty]

Can potentially also use a

{
      "route": "/.auth/login/azureb2c/",
      "rewrite": "/auth.html"
    },

to replace the login file without manually editing