Задать вопрос
@Sitler39
angular.js

Как связать front-end на Angular и back-end asp.net core?

Много слышал что используют ангулар для фронта и asp.net core для бэка. По какому принципу передаются данные? Я подозреваю что c фронта кидают запросы на asp.net web api? Это единственный способ?
Спасибо!
PS. Я знаю что в студии есть готовый шаблон, но это не подходит.
  • Вопрос задан
  • 1758 просмотров
Комментировать
Подписаться 3 Простой Комментировать
Решения вопроса 1
Xuxicheta
@Xuxicheta Куратор тега Angular
инженер
МС конкретно намутила воду пытаясь в свой фреймворк адаптировать для SPA.
Мыслите по другому.
Если вам нужно веб-приложение, веб-приложение состоит из двух частей (как минимум) - фронт и бэк.
Фронт это гора скриптов, которые пользователь получает от статик веб-сервера. Бэк - логика, которая умеет общаться с бд и отвечает по протоколу, доступному для фронта.
Поскольку asp.net это такая крупная энтерпрайз штука, то и фреймворк для фронта МС выбрали крупный, энтерпрайзный - Ангуляр и попытались интегрироватся с ним как могли. (Странно что МС не нашла очередной фатальный недостаток и не взялась пилить собственный веб-фрейм)
Спасибо им конечно, но по факту это два разных относительно незавимых приложения все равно и в доке Ангуляра вы про asp.net не найдете ничего.

И возвращаясь к сути вопроса, да, фронт делает http запросы на бэк. Асинхронные запросы в обе стороны тоже возможны, через websocket.
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ответы на вопрос 2
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
REST
А по поводу студии, как то у них не очень. Намного удобней держать отдельный проект для клиента в Visual Studio Code.

А сам проект api запускать
dotnet watch run
Ответ написан
Комментировать
Комментировать
@atmk
1. Создать приложение ASP.NET.CORE как Web.API. Никакой АНГУЛАР там не нужен. Это отдельный проект в Visual Studio. Он может общаться с базой MySQL и работать под Linux. Я использую VPS сервер с UBUNTU
2. В Visual Studio Code создать отдельный проект через Angular CLI.
3. Это два отдельные независимые проекты.

КАК СВЯЗАТЬ ПРОЕКТЫ МЕЖДУ СОБОЙ
На клиенте я использую ng-swagger-gen. Он автоматически генерирует все сервисы доступа с клиента к серверной части.

В беке (в проекте ASP.NET.CORE) подключить библиотеки Swashbuckle.AspNetCore
using Swashbuckle.AspNetCore.Swagger;
using Swashbuckle.AspNetCore.SwaggerGen;
Сайт Swagger
https://swagger.io/
Документация ASP.NET.Core - Swagger
https://docs.microsoft.com/en-us/aspnet/core/tutor...

Такой подход дает возможность:
Вы делаете изменения на сервере в контроллерах. На клиенте запускаете генератор и все сервисы доступа автоматом обновились.

Доступ к серверной части можно сделать откуда угодно (не только с проекта Angular). Можно например с Windows-приложения написаного на любом языке или с любого фреймворка...
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Angular frontend developer, разработчик middle+
IT Force • Краснодар
от 200 000 ₽
Backend Developer в бьюти-платформу LUUK
УК «Решения» • Москва
от 200 000 ₽
Middle+ Marketing manager
Правое полушарие Интроверта
от 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
[python,go] Залить ВИДЕО в тикток
19 апр. 2024, в 23:00
5000 руб./за проект
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Ещё заказы