ASP.NET托管Blazor：能否使用config文件及配置选型

先逐个解答你的问题：

1. 能否直接添加web.config/app.config实现不同构建版本的差异化配置？ #

当然可以，但具体实现要区分项目类型：

传统.NET Framework项目（web.config/app.config） #

• 直接添加web.config（Web项目）或app.config（类库/桌面项目）后，可利用配置转换实现DEV/RELEASE的差异化配置：
  • 在Visual Studio里右键web.config → 添加配置转换，会自动生成Web.Debug.config和Web.Release.config
  • 转换文件用XDT语法修改主配置，比如替换生产环境的数据库连接字符串：

    <!-- Web.Release.config -->
    <connectionStrings>
      <add name="MyDB" 
           connectionString="Server=prod-db;Database=MyDB;User Id=prod-user;" 
           xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>
    </connectionStrings>
    

• 读取配置时，用ConfigurationManager.ConnectionStrings["MyDB"].ConnectionString就能自动获取对应构建版本的配置值。

.NET Core/.NET 5+项目 #

• 这类项目更推荐用appsettings.json（后面详细说），如果坚持用web.config，它主要负责IIS托管相关设置（比如ASP.NET Core模块配置），而非业务逻辑的配置载体。

2. ASP.NET托管的Blazor客户端应用，选appsettings.json还是web.config？ #

首选appsettings.json，原因很明确：

• Blazor WebAssembly属于.NET Core生态，appsettings.json是官方推荐的配置方案，天然支持环境差异化：
  • 你可以添加appsettings.Development.json（DEV构建）和appsettings.Production.json（RELEASE构建）
  • 项目会根据当前运行环境自动加载对应配置，优先级：环境专属配置 > 主配置文件
• 客户端的appsettings.json放在wwwroot目录下，Blazor可以通过IConfiguration注入直接读取：

  // Blazor组件中注入配置
  @inject IConfiguration Config
  
  <p>API基础地址: @Config["ApiBaseUrl"]</p>
  

• web.config在Blazor托管项目里主要用于服务器端的IIS配置（比如路由规则、ASP.NET Core模块设置），不适合存放客户端业务配置。

3. 服务器端配置+API传递给客户端的方案 #

这个方案特别适合需要保护敏感配置的场景（比如API密钥、第三方服务凭证）——毕竟客户端的配置文件是公开可下载的，敏感信息绝对不能放在里面。具体实现步骤如下：

服务器端操作： #

1. 在服务器的appsettings.json中统一管理所有配置（包括敏感和非敏感）：

   {
     "ApiSettings": {
       "BaseUrl": "https://prod-api.example.com",
       "SecretKey": "xxx-xxx-xxx" // 敏感信息，绝不传给客户端
     },
     "ClientSettings": {
       "ShowDebugInfo": false,
       "MaxUploadSize": 10485760
     }
   }
   

2. 创建一个API接口，仅返回客户端需要的非敏感配置：

   [ApiController]
   [Route("api/[controller]")]
   public class ConfigController : ControllerBase
   {
       private readonly IConfiguration _config;
       
       public ConfigController(IConfiguration config)
       {
           _config = config;
       }
       
       [HttpGet]
       public IActionResult GetClientConfig()
       {
           var clientConfig = new
           {
               ApiBaseUrl = _config["ApiSettings:BaseUrl"],
               ShowDebugInfo = _config.GetValue<bool>("ClientSettings:ShowDebugInfo"),
               MaxUploadSize = _config.GetValue<long>("ClientSettings:MaxUploadSize")
           };
           return Ok(clientConfig);
       }
   }
   

客户端操作： #

1. 在Blazor启动时调用该API，获取配置并全局注册：

   // Program.cs
   var builder = WebAssemblyHostBuilder.CreateDefault(args);
   builder.RootComponents.Add<App>("#app");
   
   // 调用服务器API拉取配置
   using var httpClient = new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) };
   var clientConfig = await httpClient.GetFromJsonAsync<ClientConfig>("api/config");
   
   // 注册为单例，供所有组件注入使用
   builder.Services.AddSingleton(clientConfig);
   
   await builder.Build().RunAsync();
   
   // 配置模型定义
   public class ClientConfig
   {
       public string ApiBaseUrl { get; set; }
       public bool ShowDebugInfo { get; set; }
       public long MaxUploadSize { get; set; }
   }
   

2. 在组件中注入使用配置：

   @inject ClientConfig Config
   
   <p>API地址: @Config.ApiBaseUrl</p>
   

这个方案的优势：

• 敏感配置完全保留在服务器端，不会暴露给客户端
• 所有配置由服务器统一管理，无需在客户端维护多环境配置文件
• 支持动态更新配置（修改服务器配置后，客户端下次启动会自动获取最新值）

内容的提问来源于stack exchange，提问作者AlvinfromDiaspar