In a Logto BlazorServer application, how to configure multiple API resources and obtain Access tokens ?

[mucai1980]

In a Blazor Server application, you can only register one resource. When obtaining the AccessToken for the resource, you can only retrieve one by passing the constant parameter "access_token.resource".

// config resource and scopes
builder.Services.AddLogtoAuthentication(options =>
{
    options.Endpoint = builder.Configuration["Logto:Endpoint"]!;
    options.AppId = builder.Configuration["Logto:AppId"]!;
    options.AppSecret = builder.Configuration["Logto:AppSecret"];
    options.Resource = builder.Configuration["Logto:KhasApiResource"];
    options.Scopes = builder.Configuration.GetSection("Logto:KhasApiScopes").Get<string[]>() ?? Array.Empty<string>();
});
// get resource accessToken
accessToken = await httpContext.GetTokenAsync(LogtoParameters.Tokens.AccessTokenForResource);

However, in other application SDKs, such as Nuxt, you can configure multiple resources and obtain the AccessToken for a specified resource by passing the resource parameter.

// config resource and scopes
export default defineNuxtConfig({
  logto: {
    scopes: ['shopping:read', 'shopping:write', 'store:read', 'store:write'],
    resources: ['https://shopping.your-app.com/api', 'https://store.your-app.com/api'],
    // ...other configs
  },
});
// get resource accessToken
accessToken.value = await client.getAccessToken('https://shopping.your-app.com/api');

How to configure multiple API resources and obtain Access tokens In a Logto BlazorServer application ?