AngularJS SPA с ASP.NET Web API фонами

Обновить

November 2018

Просмотры

4.6k раз

9

Я новичок в AngularJS и нужно несколько советов о том, как структурировать SPA с Web API для внутренней системы ввода заказов (SEO не относятся). Я хотел бы установить это в чистой, хорошо структурированную моде для эффективной разработки, отладки и развертывания.

Вот то, что я планирую сделать:

  • Не использовать представление / бритвенную MVC (оставить все маршрутизации и оказание углового)
  • Создание двух отдельных Visual Studio (2013) решений: один раз для участка AngularJS SPA и один для Web API части (для обслуживания всех данных в SPA).

В качестве альтернативы, я думаю, я мог бы использовать одно решение Visual Studio для полного сайта (как SPA и WebAPI), а затем использовать бритву, чтобы служить HTML файлы (или выяснить, как отключить MVC сантехники по умолчанию и служат прямым HTML вместо того, чтобы избежать накладных расходов MVC). Кроме того, я бы тогда придется поставить как SPA и WebAPI в том же проекте, чтобы иметь возможность отладки с Visual Studio легко?

Или, возможно, есть лучший подход?

Рекомендации по наилучшей практике / хороших подходов по этому вопросу будут оценены.

1 ответы

5

Мы создали два различных проектов в рамках того же решения, первый один является пустой веб-приложение, а следующая библиотека классов.

1) Проект веб-приложение состоит из угловой JS и других компонентов на стороне клиента.

2) Библиотека классов состоит из контроллеров Web API и соответствующих компонентов, таких как фильтры и других деталей.

У нас есть класс начальной загрузки в библиотеке проекта класса, который бутстрэпами в WebAPI и контейнер для нас. Кроме того, это делает тестирование Web API легко

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

        public BootStrapApplication ConfigureContainer()
        {
        }
   }

Из global.asax в app_start мы называем класс приложения Bootstrap и метод.

Для структуры приложения на angularjs я нашел папа руководство Джона эффективным https://github.com/johnpapa/angularjs-styleguide

Надеюсь это поможет