2

我來自MVC背景,最近開始使用angularjs進行開發。 我正在使用Visual Studio進行WebApi開發,並使用angularjs中的MVC。 我從採摘主辦的WebAPI的基本模板:here如何結合這些angularjs,visual studio&nodejs

但現在我沒有任何辦法用於縮小率&捆綁,這將在生產中大大妨礙應用程序加載時間。 有沒有什麼辦法可以使用縮減&捆綁angularjs & webapi而不使用MVC。

在尋找解決方案時,我遇到了「Node.Js Tools for Visual Studio」這似乎來救我。現在我正在爲webapi和angularjs分別開發項目。我正在使用node.js來構建&測試目的。 npm用於在角度項目中安裝軟件包& nuget用於安裝webapi項目的任何依賴項。現在,我可以在Visual Studio中完成所有的開發工作。

但是,我還是不知道幾件事情:

  1. 如何使& angularjs的WebAPI之間的連接。我需要在不同的端口託管,並從angularjs執行CORS。

  2. 如果我在webapi中做出改變,我將不得不再次託管它,然後測試它......有沒有簡單的出路?

順便說一句,結合視覺工作室與node.js - 這是一個壞主意?我應該在同一個visual studio項目中使用webapi和angularjs保留mvc,並使用mvc bundling-minification ...所以我不擔心託管&部署。

注:我正在使用NHibernate並且必須與Oracle連接。有沒有其他的選擇,我可以嘗試從webapi,可以使事情更容易。

對不起,我缺乏關於整體水平上的事情是如何工作的知識..這些線程如何結合,並感謝幫助我。我做了足夠的搜索,但無法找到解決方案。如果有人能指點我一些文章,那會很棒。

+1

看看grunt或gulp來幫助縮小。你可以設置咕嚕在post/pre build上運行。至於vs和node,除了post/pre build腳本之外,你可以做的不多。 –

回答

1
  1. AngularJs適合與RESTful web apis進行通信。查看$http$resource提供程序。如果您正在與跨域進行通信,則必須在您的web api應用程序中設置CORS。
  2. 如果您的項目設置爲您的角度應用程序也由您的web api服務器提供服務,您可以調試本地,修改和部署更改等。
  3. Node.js是非mvc捆綁,linting和縮小,但nuget和npm一樣,在大多數情況下,它更適合視覺工作室的體驗。
  4. 如果你使用node.js,你幾乎可以用wrap anything you like與oracle進行通信。