我们的网站结构如下:
Site:
--Brand
--Market
--Language
--Page1
让我们说我的自定义组件在Page1中拖放。现在在对话框监听器中,我想从页面路径中找到市场和语言参数。
如何在AEM的TouchUI对话框中实现这一点?
我知道有两种选择。一个很容易但不“强大”,另一个更复杂但也更强大。
在TouchUI中,您可以访问JavaScript中所谓的“页面信息”。您的对话框侦听器可以访问此“页面信息”以获取绝对内容路径,然后解析该字符串。
这看起来像这样:
(function ($, $document, author) {
"use strict";
$document.on("dialog-ready", function() {
var path = author.page.path;
});
})($, $(document), Granite.author);
显然,您必须解析path
字符串变量以获取您感兴趣的路径部分。
我想指出,JavaScript“变量”Granite.author.page
包含很多关于当前页面,组件等的有趣信息。
现在重要的部分:这是解决问题的简单方法,但解析字符串总是一个脆弱的解决方案。就个人而言,我会说解析字符串应该被认为是不好的做法,应该不惜一切代价避免。这是我想用选项#2提出更好的解决方案的方式。
在选项#1中,我建议使用TouchUI提供的“页面信息”来获取整个页面路径,然后解析路径。选项#2以此为基础,但通过扩展“页面信息”提供的信息改进了方法。
要扩展“页面信息”,您必须创建一个实现以下接口的OSGi服务:
com.day.cq.wcm.api.PageInfoProvider
您的PageInfoProvider将在每次请求时被调用,然后能够向提供的JSONObject
添加信息。
这意味着您可以编写一些业务逻辑:
Page
或request
获得适当的AEM resource
实例。代码可能如下所示:
import com.day.cq.wcm.api.PageInfoProvider;
import org.apache.sling.api.SlingHttpServletRequest;
import org.apache.sling.api.resource.Resource;
import org.apache.sling.commons.json.JSONException;
import org.apache.sling.commons.json.JSONObject;
import org.osgi.service.component.annotations.Component;
@Component
public class MyPageInfoProvider implements PageInfoProvider {
@Override
public void updatePageInfo(final SlingHttpServletRequest request,
final JSONObject pageInfo,
final Resource resource) throws JSONException {
// get market
// get languagepage
pageInfo.put("market", market);
pageInfo.put("languagepage", languagepage);
}
}
我建议您为市场和语言页面使用专用资源类型。通过这种方式,可以很容易地编写另一个可以传递Page
的OSGi服务,然后通过遍历内容树来确定页面市场和语言页面,直到找到具有所需资源类型的页面。
对话框监听器现在可以这样:
(function ($, $document, author) {
"use strict";
$document.on("dialog-ready", function() {
var market = author.pageInfo.market;
var languagepage = author.pageInfo.languagepage;
});
})($, $(document), Granite.author);
此解决方案更加健壮,因为不涉及字符串解析,并且所有Java代码都可以通过适当的单元测试来涵盖。