如何在构建或部署阶段为Vaadin Flow+Spring Boot设置主主题？

针对同一代码部署到不同域名需使用不同主题的需求，以下是几种可行的实现方案：

方案1：通过Spring配置动态指定主题（全局生效） #

由于@Theme注解不支持Spring EL表达式，可通过自定义ThemeProvider从配置文件读取主题名称：

1. 在application.properties中添加主题配置

vaadin.theme=my-custom-theme

2. 实现自定义ThemeProvider

import com.vaadin.flow.server.ThemeProvider;
import org.springframework.core.env.Environment;
import org.springframework.stereotype.Component;

@Component
public class ConfigurableThemeProvider implements ThemeProvider {

    private final Environment environment;

    public ConfigurableThemeProvider(Environment environment) {
        this.environment = environment;
    }

    @Override
    public String getThemeName() {
        // 读取配置值，可设置默认主题作为 fallback
        return environment.getProperty("vaadin.theme", "my-vaadin-app");
    }
}

3. 修改启动类
   移除原有的@Theme注解，让自定义ThemeProvider接管主题配置：

@SpringBootApplication
public class MyVaadinApplication implements AppShellConfigurator {

    private static final long serialVersionUID = 1L;

    public static void main(String[] args) {
        SpringApplication.run(MyVaadinApplication.class, args);
    }
}

方案2：构建阶段通过Maven/Gradle指定主题（打包时生效） #

适合不同环境（如测试、生产）打包时指定不同主题，无需修改代码：

Maven配置示例 #

1. 开启资源过滤并配置主题属性
   在pom.xml中添加资源过滤规则，允许替换配置文件中的占位符：

<build>
    <resources>
        <resource>
            <directory>src/main/resources</directory>
            <filtering>true</filtering>
        </resource>
    </resources>
    <properties>
        <!-- 默认主题 -->
        <vaadin.theme>my-default-theme</vaadin.theme>
    </properties>
</build>

2. 打包时指定主题
   执行打包命令时通过-D参数覆盖默认主题：

mvn clean install -Dvaadin.theme=prod-theme-for-domain1

3. 结合方案1的ThemeProvider
   让ConfigurableThemeProvider读取过滤后的配置值即可实现构建阶段指定主题。

方案3：根据访问域名动态切换主题（同一实例多域名场景） #

如果同一部署实例需要支持多个域名，可根据请求域名自动切换主题：

修改ThemeProvider实现，获取当前请求的域名并返回对应主题：

import com.vaadin.flow.server.VaadinRequest;
import com.vaadin.flow.server.ThemeProvider;
import org.springframework.stereotype.Component;

@Component
public class DomainBasedThemeProvider implements ThemeProvider {

    @Override
    public String getThemeName() {
        VaadinRequest request = VaadinRequest.getCurrent();
        if (request == null) {
            return "my-default-theme";
        }
        String domain = request.getServerName();
        // 根据域名映射主题
        return switch (domain) {
            case "domain-a.com" -> "theme-for-domain-a";
            case "domain-b.com" -> "theme-for-domain-b";
            default -> "my-default-theme";
        };
    }
}

注意事项 #

• 所有主题对应的样式目录需存在于frontend/themes/下，比如theme-for-domain-a目录需包含styles.css等必要文件
• 动态主题切换时，Vaadin会缓存主题资源，若需实时生效，可配置资源缓存策略或提示用户刷新页面

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