带有AngularJS ASP.NET API后端的ASP.NET SPA

Question

我是AngularJS的新手，需要一些关于如何为内部订单输入系统(SEO不关心)构造一个带有Web的SPA的建议。我想为高效的开发、调试和部署，以一种干净、结构良好的方式来设置它。

以下是我计划做的事：

• 不使用MVC /剃须刀视图(将所有路由和渲染保持为角)
• 创建两个单独的Visual (2013)解决方案:一个仅用于AngularJS SPA部分，另一个用于Web部分(用于向SPA提供所有数据)。

作为另一种选择，我想我可以为整个站点使用一个Visual解决方案( SPA和WebAPI)，然后使用剃须刀为html文件提供服务(或者想出如何禁用默认的MVC管道，而不是直接使用HTML，以避免MVC开销)。另外，我是否必须将SPA和WebAPI放在同一个项目中，以便能够轻松地使用Visual进行调试？

还是有更好的方法？

希望就这方面的最佳做法/良好做法提供咨询意见。

Answer 1

我们在同一个解决方案下创建了两个不同的项目，一个是空web应用程序，另一个是类库。

1) Web应用程序项目由angular和其他客户端组件组成。

2)类库由Web控制器和过滤器等相关组件组成。

我们在类库项目中有一个引导类，它为我们引导webapi和容器。同时，它也使得Web的测试变得容易。

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

        public BootStrapApplication ConfigureContainer()
        {
        }
   }

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

对于angularjs上的应用结构，我找到了约翰·爸爸指南--高效的https://github.com/johnpapa/angularjs-styleguide。

希望这能有所帮助