Sam's questions

Tenho um aplicativo autônomo Blazor WASM que usa o Azure AD B2C para gerenciamento de usuários e tokens.

Vi outras perguntas/respostas sobre esse problema, mas no meu caso nenhuma dessas abordagens funcionou e meu aplicativo Blazor WASM Standalone NÃO consegue obter tokens de acesso.

Meu aplicativo Blazor está configurado como um aplicativo SPA no Azure AD B2C e é importante observar que as opções "Access Tokens" e "Id Tokens" estão desmarcadas na seção "Implicit grant and hybrid flows". Além disso, "Allow public flows" está definido como "No" -- veja abaixo. Para essas configurações, eu apenas segui as instruções aqui: https://learn.microsoft.com/en-us/aspnet/core/blazor/security/webassembly/standalone-with-azure-active-directory-b2c?view=aspnetcore-8.0#register-an-app-in-azure

Também adicionei os escopos "Leitura" e "Gravação" para minha API em "Permissões configuradas" para meu aplicativo Blazor WASM — veja abaixo:

No lado do Blazor WASM, é assim que Program.csfica:

...
builder.Services.AddMsalAuthentication(options =>
{
    builder.Configuration.Bind("AzureAdB2C", options.ProviderOptions.Authentication);
    options.ProviderOptions.LoginMode = "redirect";
    //options.ProviderOptions.DefaultAccessTokenScopes.Add("openid");
    //options.ProviderOptions.DefaultAccessTokenScopes.Add("offline_access");
    options.ProviderOptions.DefaultAccessTokenScopes.Add("https://mytenant.onmicrosoft.com/api/MyApiUser.Write");
});

// Add HttpClient for My API calls
builder.Services.AddHttpClient("MyApiClient",
        client => client.BaseAddress = new Uri("https://api.test.com"))
    .AddHttpMessageHandler<BaseAddressAuthorizationMessageHandler>();

builder.Services.AddScoped(sp => sp.GetRequiredService<IHttpClientFactory>()
    .CreateClient("MyApiClient"));

Observe que comentei os escopos para openide offline_accessmas tentei com eles também. De qualquer forma, não funciona e não access_tokené recebido.

Nesta pergunta/resposta do SO, o desenvolvedor sugere usar o Application Id para o aplicativo Blazor WASM em vez do escopo URI funcionou para ele. Eu tentei o seguinte e isso também NÃO funcionou. Aqui está a pergunta: Blazor Standalone WASM não consegue obter o Access Token com MSAL

options.ProviderOptions.DefaultAccessTokenScopes.Add("cb3574c0-305e-4e44-a3b7-ac5f045f94e7"); // options.ProviderOptions.DefaultAccessTokenScopes.Add("https://mytenant.onmicrosoft.com/api/MyApiUser.Write");

Aqui, o GUIDvalor de cb3574c0-305e-4e44-a3b7-ac5f045f94e7é o ID do aplicativo para meu aplicativo Blazor WASM, conforme atribuído pelo Azure AD B2C.

Quando inspeciono HttpClientonde faço minhas chamadas de API, vejo que DefaultRequestHeadersé null.

Não acredito que o Azure AD B2C esteja realmente enviando um access_token. Alguém tem ideia do que estou fazendo errado aqui?

Meu appsettings.jsonarquivo se parece com isso:

{
   "sqlDatabase": {
      "name": "my-sql-db",
      "connectionString": "my-connection-string-for-my-sql-db"
   },
   "documentDatabase": {
      "name": "my-document-db",
      "connectionString": "my-connection-string-for-my-document-db"
   }
}

Quais teclas devo usar ao inserir essas configurações em "Configurações do aplicativo" em Configurações > Variáveis ​​de ambiente no Portal do Azure?

Por exemplo, tentei usar sqlDatabase:namecomo chave para meu nome do Banco de Dados SQL, mas :não é permitido em nomes de chaves. Como "converter" minhas chaves para o que o Portal do Azure aceitaria?

Estou tentando fazer isso para meu aplicativo Azure Functions, mas também precisarei disso para minha API que é executada no Serviço de Aplicativo do Azure.

Tenho um aplicativo Blazor WASM muito básico voltado para o .NET 8 hospedado no Azure Static Web Apps.

Acabei de adicionar uma página muito simples -- veja abaixo. Posso ir direto para a URL localmente e funciona bem, mas no serviço Azure Static Web App, recebo o seguinte erro de página não encontrada -- veja abaixo. O interessante é que esse não é o erro de página não encontrada que meu aplicativo deveria gerar.

Aqui está o erro de página do Azure não encontrada:

Minha página simples se parece com isso:

@page "/privacy"

<h3>Privacy Policy</h3>

<div>
   <p>Some text about privacy policy</p>
   <p>More text about privacy policy</p>
</div>

Meu aplicativo usa o Azure AD B2C para gerenciamento de usuários e a página de privacidade que acabei de adicionar deve estar disponível ao público, ou seja, usuários anônimos e também usuários autenticados.

É assim que o meu App.razorse parece:

<CascadingAuthenticationState>
    <Router AppAssembly="@typeof(App).Assembly">
        <Found Context="routeData">
            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)">
                <NotAuthorized>
                    @if (context.User.Identity?.IsAuthenticated != true)
                    {
                        <RedirectToLogin />
                    }
                    else
                    {
                        <p role="alert">You are not authorized to access this resource.</p>
                    }
                </NotAuthorized>
            </AuthorizeRouteView>
            <FocusOnNavigate RouteData="@routeData" Selector="h1" />
        </Found>
        <NotFound>
            <PageTitle>Not found</PageTitle>
            <LayoutView Layout="@typeof(MainLayout)">
                <p role="alert">Sorry, there's nothing at this address.</p>
            </LayoutView>
        </NotFound>
    </Router>
</CascadingAuthenticationState>

Alguma ideia do que pode ser o problema aqui?

Na <returns>...</returns>seção de comentários da documentação dos meus métodos, gosto de fornecer detalhes específicos sobre o retorno dos métodos de tipo de dados.

Por exemplo, um método que retorna a Customer, meus comentários na documentação podem ser assim:

/// <summary>
/// Basic description/explanation of what this method does...
/// </summary>
/// <param name="id"></param>
/// <returns>Customer</returns>
public async Task<Customer> DoSomethingAsync(Guid id)
{
   // Method logic
   return myCustomer; // returning a Customer class
}

Isso funciona bem, mas se o método retornar, digamos, a List<Customer>e na returnsseção que eu uso <returns>List<Customer></returns>, recebo um aviso que diz:

O comentário XML possui um XML mal formado - 'Espera-se uma tag final para o elemento 'retorna'.'

Entendo que o Visual Studio está ficando confuso com o >in List<Customer>. Alguma sugestão de como ainda posso mostrar o que meus métodos retornam nesses casos ou simplesmente ignoro esses avisos?

Estou tentando tomar uma decisão entre o novo Blazor Web App no ​​.NET 8 e a opção independente Blazor WASM. Não estou muito certo sobre a obtenção de dados na nova abordagem unificada.

Os Blazor Web Apps sempre chamam um ponto final da API por meio de um HttpClientou existe uma maneira direta de obter dados, semelhante à abordagem MVC?

Entendo que uma das principais vantagens do novo modelo de Web App é a renderização rápida de páginas/componentes devido às opções flexíveis que ele oferece, por exemplo, renderização de servidor, streaming, etc., o que significa que há um servidor que executa .NET. Se for esse o caso, ser capaz de buscar dados sem a necessidade de serializar/desserializar seria um benefício OU é sempre uma chamada para um endpoint da API e desserializar os dados. Gostaria de saber como isso é tratado na abordagem unificada do Blazor.

No aplicativo em que estou trabalhando, um ex-desenvolvedor criou um método que espera params dynamic[]parâmetros. Estou familiarizado, dynamicmas não tenho certeza de como enviar parâmetros para esta função.

O método que estou tentando chamar é assim:

public async Task CallDbStoredProcedure(string procedureId, string collectionName, params dynamic[] spParameters)
{
   // Makes stored procedure call to Cosmos Db
}

Presumo que ele usou dynamicporque cada parâmetro pode ser de um tipo diferente, o que é o caso no meu cenário específico.

Preciso enviar dois parâmetros:

• @itemIdque é um Guidvalor
• @statusIdque é um intvalor

Como faço para criar isso params dynamic[]com os valores dos meus parâmetros para poder enviá-lo ao CallDbStoredProcedure()método?

Estou trabalhando em meu primeiro aplicativo Blazor WASM e preciso definir/alterar programaticamente as classes para a <body>tag que está no arquivo index.html. Por exemplo, a definição do tema claro/escuro é feita definindo a classe apropriada para a <body>tag.

Isso só é possível através do JS Interop ou existe outra maneira de lidar com isso?