【问题标题】:how to combine these angularjs, visual studio & nodejs如何结合这些angularjs、visual studio和node js
【发布时间】:2014-03-01 13:45:14
【问题描述】:

我来自 MVC 背景,最近开始使用 angularjs 进行开发。 我正在使用 Visual Studio 进行 WebApi 开发并使用来自 angularjs 的 MVC。 我选择的托管 webapi 的基本模板:here

但是现在我没有任何方法可以缩小和捆绑,这会在生产中大大阻碍应用程序的加载时间。 有什么方法可以在不使用 MVC 的情况下使用 angularjs 和 webapi 的缩小和捆绑。

在寻找解决方案时,我遇到了“Node.Js Tools for Visual Studio”,这似乎对我有帮助。现在我有单独的 webapi 和 angularjs 项目。我正在使用 node.js 进行构建和测试。 npm 用于在 Angular 项目中安装包和 nuget 用于安装 webapi 项目的任何依赖项。现在,我可以在 Visual Studio 中完成所有开发工作了。

但我仍然不确定一些事情:

  1. 如何在 webapi 和 angularjs 之间建立连接。我需要同时托管在不同的端口并从 angularjs 执行 CORS。

  2. 如果我在 webapi 中进行更改,我是否必须再次托管它然后对其进行测试...没有简单的出路吗?

顺便说一句,将 Visual Studio 与 node.js 结合起来——这是个坏主意吗?我是否应该将带有 webapi 和 angularjs 的 mvc 保留在同一个 Visual Studio 项目中并使用 mvc 捆绑缩小...所以我不担心托管和部署。

注意:我正在使用 NHibernate,并且必须与 Oracle 连接。除了 webapi 之外,我还有什么其他的选择可以让事情变得更简单。

抱歉,我对整体层面的事情如何运作缺乏了解。这些线程如何结合起来,感谢您帮助我。我已经做了足够的谷歌搜索,但无法找到解决方案。如果有人能指点我一些文章,那就太好了。

【问题讨论】:

  • 看看 grunt 或 gulp 以帮助缩小。您可以将 grunt 设置为在构建后/预构建时运行。至于 vs 和 node,除了 post/pre build 脚本之外,你无能为力。

标签: node.js visual-studio angularjs visual-studio-2012 asp.net-web-api


【解决方案1】:
  1. AngularJs 非常适合与 RESTful Web API 进行通信。查看$http$resource 提供程序。如果您要跨域通信,则必须在 Web api 应用程序中设置 CORS。
  2. 如果您的项目设置为您的 Angular 应用程序也由您的 Web api 服务器提供服务,您可以在本地调试、一起进行更改和部署等。
  3. Node.js 是非 mvc 捆绑、linting 和缩小的绝佳解决方案,但 nuget 与 npm 做同样的事情,并且在大多数情况下,它更适合 Visual Studio 体验。
  4. 如果您使用的是 node.js,您几乎可以通过wrap anything you like 与 oracle 进行通信。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-05-25
    • 2014-01-21
    • 2015-08-30
    • 1970-01-01
    • 2017-12-05
    • 1970-01-01
    • 2016-06-06
    • 2021-05-09
    相关资源
    最近更新 更多