在Vaadin 14中，如何将我的Vaadin页面嵌入到另一个网页中？

我有一个现有的应用程序（写在WebGuiToolkit.org上），我正试图在其中嵌入一个Vaadin 14页面。
我看过一些瓦丁8的指南，比如

但是没有对瓦丁14的指导或帮助。我正在使用Flow。（瓦丁10+指南也会有所帮助。）

我需要什么才能将Vaadin集成到另一个页面中？可以通过IFRAME完成吗？Vaadin是否也可以在没有iframe的同一HTML页面上使用

---

谢谢您的提示。

您可以使用iframe来完成，是的-这应该只是iframe的标准用法。如果你想在没有iframe的页面中插入一个Vaadin 14应用程序，你可以导出一个Web组件，这在一定程度上限制了功能——本质上，你需要放弃使用@Routes（因为Vaadin不再控制页面的顶级导航）。这里有一个导出web组件的教程：

本质上，您需要创建一个新类，该类使用要导出的组件的泛型类型扩展WebComponentExporter，如下所示：

public class LoginFormExporter
        extends WebComponentExporter<LoginForm> { 

    public LoginFormExporter() {
        super("login-form"); // you need to call the super constructor with a tag name
    }

    @Override
    protected void configureInstance(
            WebComponent<LoginForm> webComponent,
            LoginForm form) {
         // add initial configuration actions here
    }

公共类LoginFormExporter
扩展WebComponentExporter{
公共LoginFormExporter（）{
super（“login form”）；//您需要使用标记名调用super构造函数
}
@凌驾
受保护的void配置实例(
网络组件网络组件，
登录表单）{
//在此处添加初始配置操作
}

您还需要加载自定义组件的JavaScript fi（s）le，以及（可能）polyfill，然后您可以在任何网页中使用

（或

，在上述示例中）