使用 Vaadin 在云中开发全堆栈 Java 应用程序（2）

look_w

第 2 步.                                                                克隆和部署 Vaadin Bluemix 样板本教程将开始介绍针对 Bluemix 的 Vaadin 样板中的代码并添加它。或者，您可以单击获取代码按钮（在本教程的   的前面），转到包含最终代码的 Bluemix DevOps Services                                                                    项目。然后，您可以将该项目中的最终代码与本教程中的样板版本进行比较。

• （或  ）。
• 单击 Cloud Foundry Apps > CREATE APP。
• 单击 Web，然后单击 Browse Boilerplates。
• 单击 Vaadin Rich Web Starter：
• 为您的应用程序提供一个唯一名称并单击 CREATE。在创建应用程序时，会提供一个 IBM WebSphere Liberty                                                                        Profile 服务器和 SQL Database 服务的一个免费测试实例（目前受 IBM DB2 支持）。
• 在您的计算机，克隆样板代码存储库： git clone                                                                            https://hub.jazz.net/git/vaadin/vaadin-jpa-app
  
• 将目录更改为克隆的存储库： cd vaadin-jpa-app
  
• 构建应用程序，并创建 WAR： mvn install
  
• 从目录中删除 manifest.yml。
• 将 WAR 部署到 Bluemix：  cf push appname -p                                                                                target/vaadin-jpa-application.war
  
• 访问已部署好的样板 Vaadin 应用程序：http://appname.mybluemix.net/。该应用程序没有 Login 视图或                                                                                    Search 视图，但有正常工作的 Customer List、Analyze 和 Map 视图。

第 3 步.                                                                                        将您的项目加载到 Eclipse IDE 中要修改或重新构建您的代码，可以将它加载到 Eclipse 中并重新构建 WAR。您必须使用 Maven 构建，而不是默认的 Eclipse 项目构建工作流。

• 将项目导入 Eclipse（File > Import > Existing Maven                                                                                            Project）。然后选择项目的根目录来完成导入。
• 查找 pom.xml 文件，右键单击它并选择 Run as > Maven                                                                                                install。查看流程控制台，可能需要花费一点时间，因为该流程要下载工件，为构建 WAR 而设置好一切。
• 将 Apache Derby 数据库 (derby.jar) 复制到您的 Liberty Profile 实例。将 derby.jar 从 Apache                                                                                                    Derby 代码发行版拖动到 Enterprise Explorer 窗格中，并将它放在 WebSphere Application Server                                                                                                    Liberty Profile/shared/resources/derby 文件夹中；该文件夹可能不存在，所以您可能需要创建它。
• 修改 Liberty Profile 实例的 server.xml 文件，使之包含 Java Naming and Directory Interface                                                                                                        (JNDI) 数据源：                                                                                                        
  
  

  1 2 3 4 5 6 7 8

  <jdbcDriver id="DerbyEmbedded" libraryRef="DerbyLib"/> <library filesetRef="DerbyFileset" id="DerbyLib"/> <fileset dir="${shared.resource.dir}/derby" id="DerbyFileset" includes="derby.jar"/> <!-- Configure an in-memory db for the vaadin app configuration --> <dataSource id="jdbc/vaadindb" jdbcDriverRef="DerbyEmbedded" jndiName=     "jdbc/vaadindb" transactional="true">   <properties createDatabase="create" databaseName="memory:jpasampledatabase"/> </dataSource>

  
  
  
  
• 要成功运行您的 Vaadin CDI（上下文和依赖关系注入）应用程序，还必须在 server.xml 文件中包含以下行。为了获得最好的 Vaadin CDI     兼容性，应该使用这些代码行，而不是选择个别的 Liberty Profile 功能：     
  
  

  1 2 3 4

  <featureManager>     <feature>localConnector-1.0</feature>     <feature>webProfile-6.0</feature> </featureManager>

  
  
  
  
• 要在完成所有代码修改后重新构建 WAR，请选择该项目并右键单击 Run As > Maven    Build。在第一次重新构建 WAR 时，会提示您选择一个目标。输入 package 作为 Maven 目标：
• 要部署到本地服务器，请右键单击该项目中的 WAR，选择 Run As > Run on server，然后选择您的        Liberty Profile 实例。