问题标签 [hilla]

用于实时协作的 Vaadin协作引擎只有 Vaadin Flow 的示例。您可以将它与 Vaadin Fusion 一起使用吗？

我们正在使用 Vaadin 19 Fusion 构建一个 Web 应用程序，我正在学习本教程： https ://vaadin.com/docs/latest/fusion/security/spring-login （我选择了 V19+ Docs，然后选择了 Fusion）

在本教程中，有一个VaadinWebSecurityConfigurerAdapter用于使用 Spring 设置安全性的参考，但该类在类路径中不可用。我尝试从 start.vaadin.com 下载一个简单的入门项目（v19），在这里我也无法使用VaadinWebSecurityConfigurerAdapter.

v19 中有替代方案还是我缺少依赖项？我有与启动项目相同的依赖树，所以我假设 pom 是正确的。

我尝试按照 Question的指南进行操作，结果是

我的配置是

有没有例子，如何解决这个问题？我是否需要在 MainView 中处理这个问题（我按照 vaadin.com 上的 todo-tutorial 进行操作？

我正在尝试让 Vaadin Fusion 视图在 Vaadin Flow 应用程序中进行身份验证。

登录是通过针对 Google 的 Spring Boot Oauth2 Client 处理的。

一旦通过身份验证，Flow 视图工作正常，但访问@EndPoint 组件时的 Fusion 视图总是被拒绝为未经授权。

需要将什么编码到 Fusion XHR MiddleWare 中才能@EndPoint识别并正确授权 TypeScript 视图进行@EndPoint访问？还有其他需要做的事情吗？CSRF 令牌可在 Typescript 组件中访问，并且正在发送 X-CSRF-Token 标头。

经过多天的搜索，我找不到任何说明在这种特殊情况下需要什么的文档。我能找到的唯一 OAuth2 示例使用了专门为中继到 Okta 授权服务而设置的第三方库 (Okta)。该示例在尝试直接使用 Google OAuth2 时没有帮助。

我们正在使用 Vaadin Fusion，暂时停留在版本 19。在此版本中，无法添加本身依赖于 Vaadin 组件的 NPM 依赖项。

例如，如果我有这样的应用程序package.json：

并且my-beautiful-button有一个package.json这样的

该应用程序可以正常编译并从 Spring-boot 和 webpack-dev-server 启动，但在浏览器控制台中会抛出类似这样的异常：

这可以通过基于 Vaadin 版本 20.0.5 的应用程序重现。现在在 Vaadin 20.0.6 中，这个问题得到了修复，“my-beautiful-button”在浏览器中可以正常显示。但在我的一生中，我似乎无法找出导致 Vaadin 代码库变化的原因。

我可以做些什么来在 20.0.6 之前的 Vaadin 版本中实现这种行为吗？

我想将一个 Java 类放在使用 Vaadin@Endpoint注释（来自com.vaadin.flow.server.connect.Endpoint）的 Maven 工件中，以便在多个 Vaadin 项目中使用这个类。

这是此类的一个简单示例：

Maven 工件包括类的源代码。我该怎么做才能在使用项目中通过 Vaadin 构建过程扫描此类，以便

• 生成前端对应的 TypeScript 代码
• 该类包含在 Spring-Boot 应用程序中（因此端点实际上在运行时可用）

有可能吗？

我遵循文档中描述的基本路由设置，其中您有一个伞形组件，然后是多个子组件，这些子组件呈现到<slot>伞形组件的一个中。

所以主x-layout组件的 HTML 模板看起来有点像这样：

我的路线看起来有点像这样：

与文档中的示例相反，我想在使用其根 URL（'/'）调用应用程序时立即加载其中一个子组件（例如，x-user-list），而无需用户从中选择链接一个导航栏左右。所以我需要一种从主组件自动调用路由的方法。我怎样才能做到这一点？

• 与我想为每个孩子保持不同路径的示例相反，所以这样的事情是行不通的：{path: '/', component: 'x-navigation-layout', children: [{path: '/', component: 'x-user-list'}, ...]}
• 我不能redirect在路由设置中使用，因为它与component加载伞组件所需的属性冲突。
• onBeforeEnter出于同样的原因，我不能在组件的事件处理程序中使用重定向，并且onAfterEnter处理程序不允许重定向。
• 我可以使用Route.go()静态方法进行导航，但是放在哪里呢？

我当前的Vaadin 8项目的问题是我有一个 java 入口类，它启动 2 个带有一些静态和动态上下文的Tomcat实例。

使用Vaadin 8，我曾经在 Eclipse 上静态链接所有库，因此我之前没有使用 pom.xml 文件，但为了更新当前工作流程，我在 pom.xml 文件中定义了所有这些库。现在我正在使用 pom.xml 文件，我意识到整个前端都是从vaadin-maven-plugin开始的，我真的不知道如何使用嵌入式Tomcat服务器来使用前端（ Fusion 和 Flow ）但是没有SpringBoot。

我认为 vaadin 团队希望社区越来越多地使用SpringBoot 。

那么您将如何集成Vaadin 20（Fusion 和 Flow）+ 嵌入式Tomcat服务器但没有SpringBoot？还是您建议也迁移到SpringBoot？我看到了Vaadin 20 Fusion部分所需的许多注释，并且只与SpringBoot一起使用。

在一个基本的应用程序中，你有一个vaadin-app-layout带有<slot>s 的 main，路由器放置子组件。但是如果这样的子组件本身有子组件并且我想使用路由在它们之间进行路由怎么办？我可以有一个嵌套vaadin-app-layout的插槽吗？路由器如何知道在哪个插槽中填充任何给定 URL 路径的组件？

作为一个具体的例子，想象一个典型的应用程序布局，它带有标题、左侧的导航栏和右侧的主视图。Vaadin 路由器可以将不同的视图加载到主视图窗格。但是现在想象加载到主视图的组件之一本身就是一个带有两个选项卡的 Vaadin 选项卡视图，我希望能够从应用程序中的任何位置路由到每个选项卡，为它们添加书签，asf。

如何将部件样式应用于嵌套的 Vaadin 组件？Vaadin 组件在其发布的 API 中公开用于样式的“部分”。

具体来说，该vaadin-upload组件托管另一个组件，vaadin-upload-file. 我可以设置主 vaadin-upload 组件的样式，但是如何访问嵌套的 vaadin-upload-file 组件的各个部分？

例如，对于vaadin-upload-file我未成功尝试的 CSS 选择器的“名称”部分，例如

这都是部署组件的风格vaadin-upload。