Wicket 9：JavaScriptFilteredIntoFooterHeaderResponse 的使用似乎会导致 renderHead 出现问题答案

【问题标题】：Wicket 9: usage of JavaScriptFilteredIntoFooterHeaderResponse seems to cause trouble with renderHeadWicket 9：JavaScriptFilteredIntoFooterHeaderResponse 的使用似乎会导致 renderHead 出现问题
【发布时间】：2020-07-29 16:29:36
【问题描述】：

我通过包含 wicket-spring-boot-starter 3.0.4 来使用 Wicket 9。

在我的演示项目中，需要将 JavaScript 放在 <body> 的末尾。所以我按照https://ci.apache.org/projects/wicket/guide/9.x/single.html#_put_javascript_inside_page_body中的解释进行操作

我还通过在我的页面中实现 Component#renderHead(IHeaderReponse) 添加了资源（CSS 和 JS）。

Wicket 8（来自 wicket-spring-boot-starter 2.1.9）的所有功能都按预期工作。

使用 Wicket 9，为了让我的应用程序运行，我首先将 webApplication.getCspSettings().blocking().disabled(); 放入 WicketApplicationInitConfiguration#init(WebApplication)。我的应用程序启动，但生成的页面不包含 <head> 部分，因此应用程序由于缺少资源而无法运行。

为了使<head> 元素与所有引用一起出现在我的页面中，我注释掉了<body> 中所有引用JavaScript 呈现的代码。但是我的应用程序不适用于这种“解决方法”。

我做错了吗？

@ApplicationInitExtension
public class DemoWicketInitializer implements WicketApplicationInitConfiguration {
    @Override
    public void init(WebApplication webApplication) {

        webApplication.getCspSettings().blocking().disabled();

        webApplication.getHeaderResponseDecorators().add(response -> new ResourceAggregator(
                new JavaScriptFilteredIntoFooterHeaderResponse(response, "scripts")));

        webApplication.getMarkupSettings().setDefaultMarkupEncoding("UTF-8");    
    }
}

@WicketHomePage
public class MyPage extends WebPage {

    @Override
    public void renderHead(IHeaderResponse response) {
        super.renderHead(response);

        response.render(JavaScriptHeaderItem.forUrl(
            "https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js"));
        response.render(JavaScriptHeaderItem.forUrl(
            "https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.0.9/mapbox-gl-draw.js"));

        // this piece of JS has to appear in <body>. ################################
        response.render(JavaScriptHeaderItem.forReference(new PackageResourceReference(getClass(),
                "js/demoMapbox.js")));

        response.render(CssHeaderItem.forUrl(
            "https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css"));
        response.render(CssHeaderItem.forUrl(
            "https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.0.9/mapbox-gl-draw.css"));
        }

    public MyPage(PageParameters parameters) {
            // some components

            add(new HeaderResponseContainer("scriptBlock", "scripts"));
    }

}

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org" lang="de">
<head>
</head>
<body>
<h1>Wicket und Mapbox</h1>

<div id="ndsmap" style="width: 800px; height: 500px"></div>

<a href="#" wicket:id="sendPostDrawingAction">als POST</a><br>

<h4>Zeichnung als GeoJSON</h4>
<p wicket:id="drawingJson"></p>
<h4>Polygone WGS84</h4>
<p wicket:id="geoWGS84"></p>
<h4>Polygone UTM32N</h4>
<p wicket:id="geoUTM32N"></p>

<wicket:container wicket:id="scriptBlock"/>

</body>
</html>

public class ServletInitializer extends SpringBootServletInitializer {

    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
        return application.sources(DemoWicketMapboxApplication.class);
    }

}

【问题讨论】：

标签： java spring-boot wicket renderer

【解决方案1】：

看起来 CSP 机制正在干扰 JavaScriptFilteredIntoFooterHeaderResponse。我将在 JIRA 上打开一个关于此的问题。同时，作为解决方法，您可以使用 setHeaderResponseDecorator（已弃用）而不是 getHeaderResponseDecorators：

setHeaderResponseDecorator(response -> new ResourceAggregator(
            new JavaScriptFilteredIntoFooterHeaderResponse(response, "scripts")));

这应该可以让您的应用正常运行。

更新

作为pointed out on jira，这不是错误。由于现在我们已经默认使用 CSP 添加了 ResourceAggregator，要添加更多响应装饰器，我们应该执行以下操作：

getHeaderResponseDecorators().add(response -> 
 new JavaScriptFilteredIntoFooterHeaderResponse(response, "scripts"));

我们将相应更新 Wicket 9.x 的文档及其迁移指南。

【讨论】：