Azure Static Web Apps
An Azure service that provides streamlined full-stack web app development.
1,128 questions
Cant enable custom authentication for azure static web app due to missing repository
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(3.2, 20%, 10%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EML%3C/text%3E%3C/svg%3E)
Melissa Lin
0
Reputation points
I am trying to enable custom authentication for my static web app for my development resource group. We currently have basic aad authentication but want to add google etc. When trying to follow the steps and enable custom auth I am unable to toggle it on due to repository linked to this app does not exist.
The app is deployed from github using deployment tokens. I have tried adding to the staticwebapp.config.json and app variables from the step like:
"auth": {
"identityProviders": {
"google": {
"registration": {
"clientIdSettingName": "GOOGLE_CLIENT_ID",
"clientSecretSettingName": "GOOGLE_CLIENT_SECRET_APP_SETTING_NAME"
}
}
}
}
but currently just getting a white screen after it redirects to https://identity.6.azurestaticapps.net/.auth/login/google?post_login_redirect_uri=/.auth/login/done
Wondering if there is also a way to turn off the auth emulator for npx swa start to better test these things locally.
Any help on enabling this is appreciated, thanks!
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(118.4, 22%, 21%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EAV%3C/text%3E%3C/svg%3E)
Alekhya Vaddepally 500 Reputation points Microsoft External Staff2025-04-08T16:18:15.8066667+00:00 Hi Melissa Lin,
You are trying to enable custom authentication on your Azure Static Web App (SWA) to connect identity providers such as Google, but are running in some issues - especially, are not able to togue the convenience due to a missing repository and are also receiving a white screen after the redirect.This occurs when the static web app was originally connected to a GitHub repo using the deployment tokens, but the link is now broken or missing (for example, if the repo was removed, which was changed, was made private without access, or the access token was finished).
Unfortunately, the static web app depends on that GitHub link to enable some characteristics such as custom authentication in the UI portal.
- You have to re -release or re -deploy the app from a valid github repo.
- Go to your static web app in the Azure Portal.
Under Settings> Payment, check whether GITHUB Repo is still connected.
If not, you can Connect the repo again using "disconnect" and then deploy from github actions or redeploy using Azure CLI
https://learn.microsoft.com/en-us/azure/static-web-apps/getting-started?tabs=vanilla-javascript
The white screen usually means, the certification flow was technically successful, but something is missing or wrong in staticwebapp.config.json.
Make sure your staticwebapp.config.json is at the root of your app and is properly structured. Here is a simplified version to enable Google to bypass or disable the emulator
if you have any further concerns or queries, please feel free to reach out to us.
-
Melissa Lin 0 Reputation points
2025-04-09T09:05:20.39+00:00 Hi, thanks for your response, I am having some problems following this guidance.
I've attached a screenshot of my static web app available settings and there is no Payment option under Settings, so unsure where to find the "disconnect" option.
In my VS Code I can see Azure Extension I can see my static web app is linked, (and shows as step 10 in the tutorial https://learn.microsoft.com/en-us/azure/static-web-apps/getting-started?tabs=vanilla-javascript) and have been able to browse the site and see it has deployed correctly. I have checked in Overview that the source is correct as well.
I have noticed the custom domain also currently doesn't work but the auto generated domain does, unsure if this would be related in anyway.
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(112.00000000000001, 77%, 20%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ES%3C/text%3E%3C/svg%3E)
Sampath 2,080 Reputation points Microsoft External Staff2025-04-10T11:48:49.42+00:00 Hello @Melissa Lin Update the staticwebapp.config.json file as shown in the sample below and adjust it according to your project structure.
{ "auth": { "rolesSource": "/api/getroles", "identityProviders": { "google": { "registration": { "clientIdSettingName": "GOOGLE_CLIENT_ID", "clientSecretSettingName": "GOOGLE_CLIENT_SECRET" } } } }, "routes": [ { "route": "/api/*", "methods": ["GET"], "allowedRoles": ["authenticated"] }, { "route": "/api/*", "methods": ["PUT", "POST", "PATCH", "DELETE"], "allowedRoles": ["contributor"] }, { "route": "/", "methods": ["GET"], "allowedRoles": ["anonymous"] }, { "route": "/dashboard", "methods": ["GET"], "allowedRoles": ["authenticated"] } ], "navigationFallback": { "rewrite": "/index.html", "exclude": ["/api/*"] }, "responseOverrides": { "401": { "redirect": "/unauthorized.html", "statusCode": 302 }, "404": { "redirect": "/404.html", "statusCode": 302 } } }add getRoles API:
const getRoles = (req, res) => { const body = req.body; if (body.identityProvider !== 'google') { res.status(401).end(); return; } if (body.userDetails === '******@gmail.com') { res.send({ "roles": [ "contributor" ] }); return; } res.send({ "roles": [ ] }); } app.post('/api/getroles', getRoles);
If you have any other questions or still running into more issues, let me know in the "comments" and I would be happy to help you.
-
Sampath 2,080 Reputation points Microsoft External Staff
2025-04-15T11:03:59.0866667+00:00 Hello @Melissa Lin , can you check above comment
-
Sampath 2,080 Reputation points Microsoft External Staff
2025-04-17T04:12:52.9+00:00 Hello @Melissa Lin , We still have not heard back from you. can you check above comment .Additionally, if you have any further questions, please let us know. let know if helped.
For more details refer this link
Sign in to comment
Sign in to answer