AngularJS SPA与ASP.NET Web API后端

Question

我是新来AngularJS和需要有关如何结构的Web API一个水疗中心内部订单录入系统(SEO不是问题)一些建议.我想以干净,结构良好的方式进行设置,以实现高效的开发,调试和部署.

这是我打算做的事情:

• 不使用MVC/razor视图(将所有路由和渲染保留为Angular)
• 创建两个单独的Visual Studio(2013年)的解决方案:一个只为AngularJS SPA部分,一个用于网络API部分(适用于所有数据服务的SPA).

作为替代方案,我想我可以为整个站点使用一个Visual Studio解决方案(包括SPA和WebAPI),然后使用razor来提供html文件(或者弄清楚如何禁用默认的MVC管道并改为直接提供HTML,避免MVC开销).另外,我是否必须将SPA和WebAPI放在同一个项目中才能轻松地使用Visual Studio进行调试？

或许还有更好的方法？

关于最佳做法/良好方法的建议将不胜感激.

Answer 1

我们在同一个解决方案下创建了两个不同的项目,第一个是空Web应用程序,下一个是类库.

1)Web应用程序项目由角度JS和其他客户端组件组成.

2)类库由Web api控制器和相关组件(如过滤器和其他详细信息)组成.

我们在类库项目中有一个bootstrap类,它为我们引导webapi和容器.它也很容易测试Web api

   public class Bootstrap
   {
        public void ConfigureRoute(HttpConfiguration httpConfiguration)
        {
        }

        public BootStrapApplication ConfigureContainer()
        {
        }
   }

从app_start中的global.asax我们调用BootStrap应用程序类和方法.

对于angularjs上的应用程序结构,我发现John papa指南高效https://github.com/johnpapa/angularjs-styleguide

希望这可以帮助