正文 

当前位置： 首页 > 问答 >

运行 grunt 和 tomcat 服务器的 Web 应用程序（Spring、Angular、Grunt、Maven、Tomcat）

     2023-03-30     69

关键词：

【中文标题】运行 grunt 和 tomcat 服务器的 Web 应用程序（Spring、Angular、Grunt、Maven、Tomcat）【英文标题】：Web App (Spring, Angular, Grunt, Maven, Tomcat) running both grunt and tomcat servers 【发布时间】：2014-09-25 01:09:18 【问题描述】：

好的，所以我一直在阅读其他几个堆栈问题，并试图将它们拼凑在一起，但运气不佳。基本上我的方法是我目前有一个项目有多个子项目。我基本上有以下几点：

root
|----backend
|----|----src
|----|----|----main
|----|----|----|----java (individual java files not shown)
|----|----|----|----resources
|----|----|----|----|----META-INF
|----|----|----|----|----|----applicationContext.xml
|----|----|----|----webapp
|----|----|----|----|----WEB-INF
|----|----|----|----|----|----web_servicesConfig.xml
|----|----|----|----|----|----web.xml
|----|----pom.xml
|----deploy
|----|----src
|----|----|----main
|----|----|----|----resources (properties files for tomcat)
|----|----pom.xml
|----frontend
|----|----app
|----|----|----angular files
|----|----bower_components
|----|----|----bower files
|----|----bower.json
|----|----Gruntfile.js
|----|----pom.xml

好的，希望文件结构足够清楚。我打算使用 maven-grunt-plugin，这样我就可以在前端运行我的 grunt 命令。前端与 yo angular 产生的设置基本相同，或者至少是目标。 Deploy 简单地设置了 tomcat，后端保存了 Spring 4 的 restful services/api。

好的，这就是我感到困惑并寻求帮助的原因。我不知道如何让前端与后端正常工作。基本上我想知道是否有办法告诉 maven 以开发模式启动 Tomcat 和 Grunt 服务器，以便我可以使用它们的两个功能来快速开发我的项目，然后将 min 文件拉入生产构建的战争.我想我无法弄清楚如何让所有东西都很好地融合在一起。我检查了这个问题是哪种谈论它，但我仍然感到困惑：

How to deploy AngularJS app and Spring Restful API service on the same domain/server?

我会喜欢任何指向如何将 Maven 与 tomcat、spring、angularjs 和 grunt 一起使用的教程的链接……还有 bower，这样我就可以将它用于我的前端包管理。我已经阅读了几个示例，并且看到了许多关于如何将 spring 与 Java EE 和 jsp 一起使用的讨论。或者使用 Gradle 做一些我想做的事情......但没有什么完全像我正在尝试的那样。

当然，如果这是一个不好的方法，请告诉我。基本上我想让我的子项目尽可能分离，同时仍然允许开发人员从一个 pom 文件导入/运行。

【问题讨论】：

【参考方案1】：

从你的问题中我只发现了两个问题

    如何使用 grunt/bower + tomcat 进行持续开发 如何为生产部署

1 - 持续发展

我为此选择的解决方案 - 因为您已经使用 api 与 client <-> server 进行通信 - 是完全分离这两个项目。

那是什么意思？ 对我来说是拥有两个不同的存储库。一个用于客户端，一个用于服务器 这样一来，您获得的好处很少：

拆分项目的工作（前端/服务器端） 更易于维护 如果您想支持“仅 API”例如，移动应用程序等。

但是 - 他们在开发过程中如何沟通？

这是个好问题： 一种解决方案是在本地主机上并行运行两台服务器，即mvn clean tomcat:run -P yourprofile; grunt server

但是 - 如果我尝试从不同端口从客户端访问服务器端，我会得到跨域吗？ 你说的对。在这里你可以得到 grunt 及其插件的帮助。获取grunt-connect-proxy的副本

这个插件有什么好处，它充当 grunt 服务器和 tomcat 服务器之间的中间件，所以你向 grunt 服务器询问 API，但实际上 grunt 是要求 tomcat 服务器回答这个问题（当然是在幕后）

2 - 为生产部署

我想这是个人喜好问题。我发现war文件非常大，可以一次又一次地上传（即使能够在你所有的tomcat应用程序之间共享lib）。我想出的解决方案是通过 git 进行部署。

好的，但是我有一个很大的战争文件。我该怎么做？

对我来说，我使用我在 bash 中编写的部署脚本。这就是它的作用：

    标记当前来源 运行 mvn clean package war:exploded -P your-prod-profile（这也将运行测试和集成测试） 使用上述命令，您可以将所有已编译项目的文件放在一个位置，而不是一个大的 war 文件。 将所有这些文件（和内部路径）复制到外部文件夹（我使用另一个存储库通过 git 进行维护部署。所以基本上我有 3 个存储库。一个用于服务器源，一个用于客户端源，一个用于服务器二进制文件。） 在执行 4 之前，请确保从中删除所有文件和文件夹（除了 .git 文件） 在 4 之后执行“git add -A” "git commit -a -m '新的生产版本X" 您可以在前后标记一些标签，以便在新产品中出现大错误时轻松恢复上一个代码 在服务器上运行远程命令以 a.) 停止服务器，b.) 从二进制存储库中提取最后的更改，c.) 再次运行服务器。 对我来说，我所做的是在 tomcat 应用程序与外部文件夹（二进制存储库）之间建立符号链接，所以

希望这能给你一些指导，

最好的， 橡木

【讨论】：

感谢您的回复，我喜欢您的回答。我还是新手，所以我无法点击它，因为我还没有足够的声誉。 :-( 太棒了，非常感谢！正是我想要的。【参考方案2】：

好的，所以我想发布一个适用于我的本地开发的解决方案，并允许我使用所需的方法......就像 Oak 所说的那样（抱歉，我不确定如何链接他的用户名）并有两个单独的构建/项目。但是，我的前端项目使用 grunt 在特定端口上提供我的代码，并使用一些中间件将端口上的请求定向到前端代码或运行 spring-boot 的服务器。这使我可以像代码真的在同一个项目上运行一样行事，并避免在不同的域/服务器上运行它们时出现任何 CORS 和其他问题。这是我的 grunt 构建中允许我这样做的代码部分：

livereload: 
    options: 
      debug: true,
      middleware: function (connect, options) 
        var middlewares = [];

        middlewares.push(rewriteModule.getMiddleware([
          //Load App under context-root of 'myappcontext/secured'
          from: '^/napiweb/(.*)$', to: '/$1',

          //Redirect slash to myappcontext/secured as convenience
          from: '^/$', to: '/napiweb', redirect: 'permanent'

          //Send a 404 for anything else
          //from: '^/.+$', to: '/404'
        ]));

        if (!Array.isArray(options.base)) 
          options.base = [options.base];
        

        options.base.forEach(function () 
          // Serve static files.
          middlewares.push(connect.static('.tmp'),
            connect().use(
              '/bower_components',
              connect.static('./bower_components')
            ),
            connect.static(appConfig.app));
        );

        // Make directory browse-able.
        //middlewares.push(connect.directory(directory));

        return middlewares;
      
    
  ,

然后我将我的 spring-boot 配置为具有本地开发代理，该代理将特定请求转发到前端。它设置如下：在我的 config.xml 文件中

<config proxy-port="http-port" console-port="1776">
  <console-recording sso="true" rest="true" max-entries="100" enable-debug- logging='true'/>
  <sso-cookie name="wamulator" domain=".somedomain.com" session-timeout-seconds="1800"/>
  <port-access local-traffic-only="false"/>
  <sso-traffic strip-empty-headers="true">
     <by-site host="localhost.somedomain.com" port="http-port">

       <cctx-mapping thost="127.0.0.1" tport="8081">
         <policy-source>xml=policy-src-xml</policy-source>
       </cctx-mapping>
       <cctx-mapping thost="127.0.0.1" tport="9000">
         <policy-source>xml=static-src-xml</policy-source>
       </cctx-mapping>
       <cctx-mapping thost="127.0.0.1" tport="8180">
         <policy-source>xml=napi-src-xml</policy-source>
       </cctx-mapping>
     </by-site>
  </sso-traffic>

 <user-source type='xml'>xml=usr-src-xml</user-source>
 <proxy-timeout inboundMillis="0" outboundMillis="0" />
</config>

如您所见，cctx 映射会将一些请求定向到在端口 9000 上提供服务的前端，并将一些请求定向到提供 API 的后端。这是基于 policy-config.xml 和 static-config.xml文件。它们几乎完全相同，唯一的区别在于 authHost 和 cctx 设置，这里以一个为例：

<deployment at='2013-01-31_16:25:12.205-0700'>
   <environment id='dev' host='dev.somedomain.com (exposee)'/>
   <application id='napi-rest' authHost='localhost.somedomain.com/napiweb/api' cctx='/napiweb/api'>
   <authentication scheme='anonymous' name='Anonymous Authentication'> </authentication>
   <authorization failure-redirect-url='/denied.html'>
   <default format='exposee' value='Allow Authenticated Users'>
     <headers>
       <success>
         ...profile-att specific for my organization
       </success>
       <failure>
         <redirect value='/denied.html'/>
       </failure>
     </headers>
  </default>
  <rule name='Allow Authenticated Users' enabled='true' allow-takes-precedence='false'>
    <allow>
      <condition type='role' value='Anyone'/>
    </allow>
  </rule>
</authorization>

唯一的区别是另一个文件有authHost='localhost.somedomain.com/napiweb/' cctx='/napiweb/' 这会导致调用 API 和调用前端，就好像它们是从同一个项目中提供的一样。然后，当我们将项目推送到我们的存储库时，我们有两个构建周期。一个人使用前端并使用grunt build 创建静态资产，然后将这些文件复制到其余服务器，以便它可以提供它们。这允许我们有单独的项目进行开发，但只有一个服务器为我们的站点提供服务。不理想......因为最终我认为我们应该为前端和后端设置单独的服务器/实例，但由于我们不允许这样做，这使我们能够像在开发过程中那样行事。我希望这可以帮助别人。

【讨论】：

我只提供了这个，因为我注意到这篇文章获得了很多浏览量，也许有人想要一些代码来帮助他们开始。

带有 grunt-nodemon、watch 和 jshint 的 Gruntjs

...便它可以监视更改，首先：检查文件，然后重新加载快速服务器。我对下面配置的问题是，如果jshint对文件进行lint，nodemon不会运行，反之亦然。//Grunt 查看详情

TFS Build 找不到 Grunt

...】：2013-11-2722:11:24【问题描述】：我已经在我们的TFS构建服务器上安装了npm和grunt。我使用npminstall-ggrunt-cli安装了grunt-cli，然后以我自己的身份登录时能够从命令行运行gruntdeploy。OutTFS构建以tfsservice用户身份运行，当它尝试执行g... 查看详情

Grunt 服务器没有为我的应用程序使用虚拟主机名。vhost 和 httpd 已设置，但 grunt 没有使用它们

】Grunt服务器没有为我的应用程序使用虚拟主机名。vhost和httpd已设置，但grunt没有使用它们【英文标题】：Gruntserverdoesnotusevirtualhostnameformyapp..vhostandhttpdaresetupbutgruntisnotusingthem【发布时间】：2013-11-2201:55:59【问题描述】：所以我... 查看详情

tomcat安装与部署教程

...到需要安装的目录即可。2.目录介绍bin专门用来存放Tomcat服务器的可执行程序conf专门用来存放Tocmat服务器的配置文件lib专门用来存放Tomcat服务器的jar包logs专门用来存放Tomcat服务器运行时输出的日记信息temp专门用来存放Tomcdat运行... 查看详情

用于开发/生产环境的备用 grunt.js 任务

...：我正在尝试设置我的grunt.js文件，以便它仅在我的生产服务器上运行时运行min任务-在我的本地开发服务器上运行时我不想min我的代码与每个改变，因为它是不必要的。关于grunt.js如何区分开发/生产环境有什么想法吗？【问 查看详情

将 JSON 文件导入运行在 Grunt 服务器上的 Angular 应用程序

】将JSON文件导入运行在Grunt服务器上的Angular应用程序【英文标题】：ImportingJSONfileintoAngularapplicationrunningonGruntserver【发布时间】：2013-10-1704:40:50【问题描述】：我正在学习基本的Angular教程，需要在其中包含一个JSON文件。我用Yeom... 查看详情

在 Heroku 上运行预部署 Grunt 任务

】在Heroku上运行预部署Grunt任务【英文标题】：RunningpredeploymentGrunttasksonHeroku【发布时间】：2013-04-0217:17:55【问题描述】：我正在摆弄heroku来部署我的基于nodejs的应用程序。问题是我想运行一些包含grunt任务的预部署脚本。这些任... 查看详情

为啥通过 Grunt 运行 Google JavaScript Linter 会失败？

】为啥通过Grunt运行GoogleJavaScriptLinter会失败？【英文标题】：WhydoesrunningGoogleJavaScriptLinterviaGruntfail?为什么通过Grunt运行GoogleJavaScriptLinter会失败？【发布时间】：2016-11-1313:25:36【问题描述】：我们使用gjslinter和Grunt来检查我们项目... 查看详情

grunt：使用不同的环境/流程运行多个mocha测试(代码片段)

我想在不同的环境和数据库上运行多个mocha测试。暂定是创建两个单独的grunt配置：grunt.initConfig(//firstonemochaTest:options:...,src:['test/server/*.js'],//secondonemochaTest:options:...,src:['test/slave/*.js'],env:dev:NODE_EN 查看详情

在 Heroku 上运行 Grunt 构建任务

】在Heroku上运行Grunt构建任务【英文标题】：RunningaGruntbuildtaskonHeroku【发布时间】：2015-10-1817:27:57【问题描述】：我正在Heroku上部署一个Node.js应用程序。我的生产部署基于Grunt任务，该任务缩小js和css文件，将它们放在调用它们... 查看详情

任务运行程序（Gulp、Grunt 等）和捆绑程序（Webpack、Browserify）。为啥要一起使用？

】任务运行程序（Gulp、Grunt等）和捆绑程序（Webpack、Browserify）。为啥要一起使用？【英文标题】：TaskRunners(Gulp,Grunt,etc)andBundlers(Webpack,Browserify).Whyusetogether?任务运行程序（Gulp、Grunt等）和捆绑程序（Webpack、Browserify）。为什么要... 查看详情

grunt的使用方法，环境配置和插件安装

...装全局的配置环境npminstall-ggrunt-cli2》安装grunt在命令行中运行命令npminstallgrunt--save-dev(这样输入的是每 查看详情

grunt-nodemon 没有使用 nodemon 来启动服务器

】grunt-nodemon没有使用nodemon来启动服务器【英文标题】：grunt-nodemondidn\'tusenodemontostartserver【发布时间】：2014-05-2709:32:32【问题描述】：我使用express-generator创建项目骨架，并使用jade、sass代替ejs和stylus，然后我使用concurrent组合watc... 查看详情

在 Heroku 上运行 Grunt Build 时出错

...tor生成的简单Backbone应用程序。我有一个非常简单的node.js服务器文件来提供Backbone应用程序，但由于缺少依赖项而无法部署到Heroku：输出：remote: 查看详情

在grunt中为单个文件运行jshint(代码片段)

我在Grunt中有多个子任务（src，lib和test）的JSHint设置，效果很好。但是，由于我们刚开始使用此设置，因此我们的许多源文件中存在许多错误。$gruntjshint:src...lotsoferrors...在一次处理一个文件的同时，是否可以重新打印该单个文... 查看详情

grunt：从终端运行时找不到命令

】grunt：从终端运行时找不到命令【英文标题】：grunt:commandnotfoundwhenrunningfromterminal【发布时间】：2013-05-2723:05:20【问题描述】：我是Grunt的新手。我正在尝试在我的MacOSXLion上配置Grunt。我按照here的说明操作，然后创建了一个包... 查看详情

在 ElasticBeanstalk 上运行 Grunt

】在ElasticBeanstalk上运行Grunt【英文标题】：RunGruntonElasticBeanstalk【发布时间】：2015-09-2505:36:00【问题描述】：我有一个节点应用程序需要grunt执行“构建”才能成功执行应用程序。（运行源代码的concat/minification/revving等）。我已... 查看详情

运行 Grunt 时 path.resolve 的参数必须是字符串

】运行Grunt时path.resolve的参数必须是字符串【英文标题】：Argumentstopath.resolvemustbestringswhenrunningGrunt【发布时间】：2014-01-2302:53:17【问题描述】：我的Grunt文件：module.exports=function(grunt)grunt.initConfig(pkg:grunt.file.readJSON(\'package.json\'), 查看详情