如何在 Liferay 门户中最大化 iframe portlet？

Question

我添加了一个 iframe portlet 并将应用程序的 URL 提供给我的 Liferay 门户。

当我点击登录按钮/或应用程序时：

• 我希望 iFrame portlet 自动最大化和/或导航 到另一个页面。
• 我不想在 Liferay 门户中添加页面，然后给 URL，而不是当我单击 portlet 时，应用程序必须出现 在新页面或最大化模式中。

我如何实现这一目标？

Answer 1

如果您对 iframe 内的应用程序具有控制权（代码控制权）并且它们来自同一个 FQDN，则可以执行此操作。

在 liferay 中创建 2 个页面，例如 /home 和 /login，两者都将 iframe portlet 配置为不同的 URL。

1. /home：这将显示您的初始 iframe-portlet，然后单击应用程序中的登录按钮，您可以提供 /login 页面的 URL，该页面将具有一个应用程序布局，并且 iframe 将填充整个页面。
2. /login：该页面的 URL 会在您点击登录后出现在您的应用中的页面的 iframe 中配置。

或

您可以在您的应用程序中的 iframe 中为单击登录后出现的第二个页面添加一个 onLoad 脚本，该脚本将在 iframe 中加载第二个页面时最大化您的 iFrame。

或

您可以使用挂钩在 iframe portlet 中添加脚本，以根据其中的内容动态增加 iFrame 的高度和宽度。

但是要使第二种和第三种方法起作用，您需要 Liferay 和 iFrame 中的应用程序共享相同的 FQDN，否则由于跨域脚本安全性，您的脚本将无法运行。

对于方法的第二个和第三个，这里有一些解决方案：

• Resizing an iframe based on Content
• Change iframe height dynamically based on Content

---

如果您无法控制子应用并拥有不同的 FQDN，该怎么办？

如果您无法控制 iFrame 中的子应用程序，那么我的朋友，您在这里运气不佳，因为 iFrame 无法访问子页面（出于安全原因），子页面也没有对父母一无所知。

这是另一个链接，它解释了很多，并提供了一些基于easyxdm 的解决方案，它允许跨域消息传递：

• Yet another cross-domain iframe resize Q&A

希望这会有所帮助。