Share via

Host html files as they appear dynamically

Henrik Brøgger 0 Reputation points
2025-07-16T09:25:57.3866667+00:00

Hi. I have a service where i build several dashboards, each being a folder with its own html and css and corresponding index.html. These dashboard folders and created many times a day. I would like to host these on an azure app somehow. I also would like authentication (entra).
As i see it my options are.

1. Azure static web app
This handles my authentication, but as new folders arrive, I assume I
would have to be rebuild the entire website. This would take too much time and happen very often, not really possible. (unless one can somehow upload pages without requiring a rebuild)
2. Static website hosting in Azure Storage
This will be able to load pages dynamically, as i can upload the folders to the corresponding $web blob, and then i can access them pretty much instantly.
However setting up Entra may be difficult for this case.

So my Requirements are:
To be quickly able to see new dashboard folders as they are uploaded rapidly (they are pre-buildt)

Azure AD authentication.

I would love any input as to how to solve my issue.

Azure Static Web Apps
Azure Static Web Apps
An Azure service that provides streamlined full-stack web app development.
0 comments

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Vishvani Jilukara 5 Reputation points Microsoft External Staff Moderator
    2025-08-12T09:29:18.4733333+00:00

    Hi Henrik Brøgger,
    You're trying to host dynamically generated dashboards with fast updates and Azure AD authentication, and you're weighing different hosting options in Azure.

    Recommended Solution: Combine Azure Storage with Azure AD Authentication

    To meet your requirements, I suggest combining Azure Storage Static Website Hosting with an Azure Function or Azure Front Door to handle authentication. Here’s a breakdown:

    Step 1: Host Static Files in Azure Blob Storage

    Step 2: Implement Authentication with Azure AD (via Azure Front Door or Azure Functions)

    Option 1: Azure Front Door

    Azure Front Door acts as a reverse proxy and can provide custom routing for your content. It can authenticate requests using Azure AD by integrating with Azure AD B2C (if needed) or standard Azure AD.

    Flow: When a user accesses a dashboard, Front Door checks if the user is authenticated using Azure AD. If they are not authenticated, Front Door redirects them to the Azure AD login page. Once authenticated, they can access the requested dashboard.

    Option 2: Azure Functions (Authentication Proxy)

    If you prefer more control over the authentication flow or need to do additional processing, you could use an Azure Function as a proxy.

    The function could check if a user is authenticated (using Azure AD) before forwarding the request to the Azure Blob Storage URL.

    The Function would essentially serve as a secure access point to the Blob Storage, enforcing authentication before returning the requested dashboard.

    Step 3: Configure Azure AD Authentication

    • Set up Azure AD: You'll need to register your app with Azure AD in the Azure portal.
    • Use Azure AD Authentication: Both Azure Front Door and Azure Functions can be configured to use Azure AD authentication by setting them up to authenticate with OAuth 2.0 or OpenID Connect via Azure AD.

    You can mark it 'Accept Answer' and 'Upvote' if this helped you

    Regards,

    Vishvani

    0 comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.