TGViewer
React JS React JS @react_tg · 16.3K subscribers
Post #1014 4.51K
🧩 Как собрать приложение Playground: React + .NET Aspire

Если вы хотите быстро создать SPA на React (через Vite) вместе с backend’ом на ASP.NET Core, .NET Aspire делает это очень просто.

➡️ Новый пример на GitHub показывает, как интегрировать React-приложение и ASP.NET Core API в единую .NET Aspire‑архитектуру.

Что внутри:

- AspireJavaScript.AppHost — проект‑оркестратор на .NET Aspire
- AspireJavaScript.MinimalApi — API на ASP.NET Core (возвращает тестовые данные)
- AspireJavaScript.React — фронтенд на React (Vite), потребляющий API
- Также есть варианты на Angular и Vue

⚙️ Преимущества:

- Авто‑конфигурация сервисов и портов через Aspire Dashboard
- Простое связывание frontend/backend без ручной настройки
- Visual Studio или CLI (dotnet run) запускают всю систему сразу

Для запуска понадобится:

- .NET 8 SDK (или новее), Node.js (≥ 20.x), Docker Desktop/Podman
- В каждом клиентском (React/Angular/Vue) каталоге выполнить npm install, затем запустить через Aspire

📦 Структура запуска:


# из папки с AppHost
dotnet run
# откроется Aspire Dashboard
# через него можно перейти в React‑frontend, вызвав API


🧠 Почему это круто:

- Работает из коробки: сервисы стартуют, обнаруживают друг друга и логируются в едином UI
- Повна́я изоляция: конфигурации, порты, переменные окружения управляются централизованно
- Пресеты шаблонов облегчают настройку и отладку

📌 Подробности

@react_tg
  • 👍 9
  • ❤ 5
  • 🔥 2
  • 🖕 2
More from @react_tg
  1. Sep 24, 2026Temperature displays Индикаторы - это svg-картинки, параметры которых задаются в JS. https…
  2. Sep 24, 2026Участвуй во всероссийском ИТ-чемпионате МТС True Tech Champ 2026 c призовой фондом 10 250…
  3. Sep 21, 2026JavaScript. Что будет выведено в консоль? Ответ: 40
  4. Sep 21, 2026⚡️5 фундаментальных курсов по ИБ по цене одного Это предложение для тех, кто готов войти в…
  5. Sep 20, 2026Post #1282
  6. Sep 18, 2026Переключение тем Темы оформления с возможностью переключения, реализованные с помощью Post…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →