如何在ASP.NET静态HTML页面中根据环境动态生成脚本代码？

首先明确：静态HTML文件无法直接读取web.config，因为这类文件会被IIS直接返回给客户端，不经过ASP.NET的处理管道，没法解析服务器端代码。下面是几种可行的解决办法：

方案1：将HTML文件改为.aspx文件（最简单直接） #

把.html后缀改成.aspx，让ASP.NET处理页面，就能直接读取web.config的配置值：

1. 在web.config中添加环境配置：

<appSettings>
  <add key="DisplayValue" value="TEST" /> <!-- QA环境部署时改为"QA"即可 -->
</appSettings>

2. 在.aspx页面的<head>中编写脚本：

<head>
    <script>
        alert("Hello World! Value='<%= System.Configuration.ConfigurationManager.AppSettings["DisplayValue"] %>'");
    </script>
</head>

部署不同环境时，只需修改web.config里的value值，无需改动页面代码。

方案2：自定义HTTP模块处理静态HTML文件（不修改后缀） #

如果不想改动文件后缀，可以通过HTTP模块拦截HTML请求，动态替换内容中的占位符：

1. 在web.config中注册模块：
   • IIS经典模式：

   <system.web>
     <httpModules>
       <add name="HtmlRewriteModule" type="YourProjectNamespace.HtmlRewriteModule" />
     </httpModules>
   </system.web>
   

   • IIS集成模式：

   <system.webServer>
     <modules>
       <add name="HtmlRewriteModule" type="YourProjectNamespace.HtmlRewriteModule" />
     </modules>
   </system.webServer>
   

2. 编写模块代码：

using System;
using System.IO;
using System.Web;

namespace YourProjectNamespace
{
    public class HtmlRewriteModule : IHttpModule
    {
        public void Init(HttpApplication context)
        {
            context.BeginRequest += OnBeginRequest;
        }

        private void OnBeginRequest(object sender, EventArgs e)
        {
            var app = (HttpApplication)sender;
            var request = app.Context.Request;

            // 仅处理HTML文件请求
            if (request.Path.EndsWith(".html", StringComparison.OrdinalIgnoreCase))
            {
                var response = app.Context.Response;
                var physicalPath = request.PhysicalPath;

                // 读取原始HTML内容
                string htmlContent = File.ReadAllText(physicalPath);

                // 从web.config获取配置值
                string displayValue = System.Configuration.ConfigurationManager.AppSettings["DisplayValue"] ?? string.Empty;

                // 替换HTML中的占位符（比如{{DisplayValue}}）
                htmlContent = htmlContent.Replace("{{DisplayValue}}", displayValue);

                // 返回修改后的内容
                response.ContentType = "text/html";
                response.Write(htmlContent);
                response.End();
            }
        }

        public void Dispose() { }
    }
}

3. 在静态HTML文件中预留占位符：

<head>
    <script>
        alert("Hello World! Value='{{DisplayValue}}'");
    </script>
</head>

方案3：使用系统环境变量 #

如果你的部署流程支持设置系统环境变量，可以直接读取环境变量值，再通过上述两种方式注入：

• 比如在服务器上设置环境变量DisplayValue=TEST，在.aspx页面中使用：

<head>
    <script>
        alert("Hello World! Value='<%= Environment.GetEnvironmentVariable("DisplayValue") %>'");
    </script>
</head>

或者在HTTP模块中用Environment.GetEnvironmentVariable("DisplayValue")替换占位符。

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