本教程的视频版本。

有许多Java开发人员喜欢构建web应用程序，但却迟迟不肯开始，因为web开发通常包含许多不同的编程语言（Java、HTML、CSS、JavaScript）、复杂的客户机-服务器开发模型和有缺陷的浏览器环境。Vaadin框架是一个apache2.0许可的开放源码库，正是针对这些开发人员的。本教程将演示如何开始使用Vaadin，以及如何使用CDI绑定到您现有的Java服务中，您可能已经在SAP云平台上运行了。它将为您提供一个Vaadin开发的概述和进一步实验的基础。

几年前，我已经准备了一个Vaadin+SAP HANA示例，基于SAP的官方Java示例。当时我在vaadincdi和CloudPlatform上遇到了一些问题，但从那以后很多事情都有所改善。现在我们可以使用CDI在基于TomEE的Java EE 7运行时中轻松清理UI代码，也可以在应用程序中使用Java 8。当然，如果您使用CloudFoundry BuildPack，您可以自定义整个执行环境，但为了简单起见，我们将在本教程中使用SAP Cloud Platform提供的标准Java EE 7运行时。

如何使用要构建您的第一个Vaadin-CDI应用程序

目前还没有可用的Vaadin-CDI原型，但是普通的servlet原型实际上是要转换为CDI（javaee7）项目。首先，在您喜爱的IDE中使用vaadin原型应用程序创建一个项目。如果您需要这方面的帮助，请遵循Vaadin教程的第1部分。

接下来，将servlet API更改为javaeeweb并添加Vaadin cdi依赖项。由于Jetty项目只提供基本的servlet容器，如果您想通过maven（mvn）包测试您的应用程序，最好也切换到例如tomee maven plugin汤姆：快跑). 所以去你的房间pom.xml文件文件执行以下步骤：

查看完整的变更集。

使用Vaadin CDI，您不需要手动声明servlet。相反，上下文侦听器寻找@CDIUI注释类的类路径，并自动处理部署配置。因此，在MyUI类中添加一个@CDIUI（""）注释，并删除过时的servlet声明（MyUI类中的内部类）。

查看完整的变更集。

最后一步，给出一个如何开始集成到服务的示例，大数据要学什么，让我们将"业务逻辑"（字符串串联）提取到cdibean中，并从UI中使用它对象。创建一个名为HelloService的类，用@ApplicationScoped注释该类，并将字符串串联移动到该类中的函数中。然后使用@injectannotation将HelloService的引用获取到MyUI对象中，而不用自己实例化对象，并从UI代码中使用它。

查看完整的变更集。

现在您已经准备好了一个基于CDI的简单web应用程序。在现实世界的应用程序中，您将向UI类注入更复杂的服务，并且您还可以使用许多CDI帮助程序（如CDI事件）为您的UI代码创建更易于维护的结构。

现在您可以使用tomee maven插件或直接从IDE将项目部署到任何Java EE 7服务器来测试项目。或者，如果您的Eclipse中安装了SAP工具，您可以直接使用"runas–>Run on server"部署应用程序。

使用浏览器，现在可以导航到：8080/查看您的应用程序。

部署到SAP云平台

有许多方法可以将Java EE应用程序部署到SAP云平台。如果您想自动化您的工作流，命令行工具可能是最好的，但是在本例中，让我们使用web UI来部署您的war文件。

登录到cloudplatform.sap.com. 如果您还没有帐户，您可以创建一个免费试用帐户。

一旦您登录，请选择您附近的Neo环境。Neo环境提供了javaee7运行时，我们将使用它来运行我们的应用程序。如果您有一个现有的Neo环境，新零售企业应用中心，您当然可以使用它。

从概览屏幕中选择Java，您将看到一个现有应用程序的列表和一个Deploy Application按钮。点击该按钮。

在下一个屏幕上，浏览构建到projets目标目录的war文件。选择文件后，将自动生成应用程序名称，但您也可以显式地将其设置为其他名称。运行时仍然默认为javaee6webprofile，这对于我们的用法来说有点过时，所以选择javaee7webprofile来代替tomee7。还要确保选择了jvm8。然后点击deploy，你的war文件被发送到云平台。

上传可能需要一段时间，人工智能软件下载，这取决于你的网络。完成后，单击"开始"按钮以实际启动web应用程序。当虚拟机和运行时启动时，云服务器价格，您可以从概述导航到您的web应用程序，并查看发生了什么。应用程序启动后，"详细信息"视图将显示指向您的应用程序的链接。

如果您单击该链接，您应该在web浏览器中看到与本地部署中相同的应用程序。

下一步

以下是一些有关Vaadin开发的详细信息：

Vaadin教程–您可以从这里继续，调整项目以使用CDI样式的部署，物联网协议，甚至使用示例CDI事件在视图之间进行通信。目录–目录服务包含对Vaadin的数百个扩展。UI组件、主题、助手库等

如果您对云平台中的Vaadin开发有任何疑问，请使用下面的评论环节，让我们看看我是否可以回答。