App Configuration Best Practices for Frontend?

Jones, Ike 6 Reputation points
2020-06-30T17:50:33.32+00:00

I am wanting to use App Configuration to store both configuration and feature flags (using the Feature Manager) for both Frontend and Backend. Frontend is in Angular and Backend is .NET Core Web API. They run on separate App Services. I understand how to use the Feature Manager for the Backend but I don't see any guidance or npm package for the end. I see the REST APIs for App Configuration, but I am worried about the frequency of the calls and also exposing the entire configuration settings to the Frontend.

Is there any guidance or npm package I should be referencing/using?

Azure App Configuration
Azure App Configuration
An Azure service that provides hosted, universal storage for Azure app configurations.
215 questions
0 comments No comments
{count} votes

3 answers

Sort by: Most helpful
  1. Lisa Guthrie [MSFT] 6 Reputation points Microsoft Employee
    2020-07-07T17:59:52.127+00:00

    For client-side usage, we recommend building a server-side component to handle communication directly with App Config. Then have the client app communicate with that server-side component, to load the configuration it needs.

    This reduces the load on (and therefore the cost of) App Config, since the server-side component can cache configuration appropriately, then serve to multiple clients out of the cache. Versus a model where the clients hit App Config directly, in which case, they each have their own cache rather than sharing.

    This also allows you to avoid exposing the entire configuration to the clients, if that's important.

    1 person found this answer helpful.
    0 comments No comments

  2. Javier Soto Carujo 1 Reputation point
    2020-07-01T00:50:45.4+00:00

    Hello,

    I think on this guide you would find all the basic topics you´ll need into your journey:

    https://learn.microsoft.com/es-es/learn/certifications/exams/az-204


  3. kobulloc-MSFT 26,131 Reputation points Microsoft Employee
    2020-07-07T07:04:21+00:00

    Edit: Lisa Guthrie works with the product group and I would refer to her answer below.

    For client-side usage, we recommend building a server-side component to handle communication directly with App Config. Then have the client app communicate with that server-side component, to load the configuration it needs.

    This reduces the load on (and therefore the cost of) App Config, since the server-side component can cache configuration appropriately, then serve to multiple clients out of the cache. Versus a model where the clients hit App Config directly, in which case, they each have their own cache rather than sharing.

    This also allows you to avoid exposing the entire configuration to the clients, if that's important.

    Additional references:

    Official best practices
    Documentation

    Azure SDK for JavaScript
    https://github.com/Azure/azure-sdk-for-js/tree/master/sdk/appconfiguration/app-configuration

    REST API
    https://github.com/Azure/AppConfiguration#rest-api-reference

    0 comments No comments