Single-page-application с WebApi

@BaredJJ · Регистрация: 16.05.2017

Студворк — интернет-сервис помощи студентам

Добрый день.

Я написал микросервис на .Net Core с определенным API. Теперь я хочу сделать для него WebInterface на TypeScript. Вопрос заключается вот в чем:

Все примеры которые я видел используют монолитное приложение и при запуске запускают сервер npm для старта. Я вот и не совсем понимаю одну вещь, чтобы у меня загрузилась страница на html, css, js мне не нужен ни какой сервер и ее не нужно хостить. Для запуска WebInterface (SinglePageApplication) на TypeScript нужно все равно разворачивать его в npm чтобы общаться с WebApi или нет. Как вообще правильно должно происходить это взаимодействие. Да я понимаю, что нужно отправлять Http запросы на сервер, но как мне видится эти запросы должны идти от клиента и ему не нужен никакой сервер, может я не прав, поправьте меня. У кого есть опыт поделитесь пожалуйста.

Спасибо.

@amr-now · 20.03.2019, 11:28

Добрый день.

Последовательность действий:
1) Пользователь пытается зайти на сайт. Соответственно, посылает запрос "Хочу index.html"
2) Сервер на .Net Core отдает ему index.html.
3) Дальше начинается JS-взаимодействие с сервером Аяксом.

TypeScript нужен для компиляции. Он НЕ общается с WebAPI. Это одноразовый компилятор по принципу: "Выстрелил и выбросил".

Компилирует и собирает бандл в файл *.js, который уже виден из index.html

Естественно, вокруг него гора npm с миллионом конфигов на всё и вся. Но это одноразово для компиляции.

@carrotik · 29.03.2019, 12:27

... при этом HTML-сервер (который отдает index.html) может быть вовсе и не на .Net Core, а например, на apache или nginx ...

@senyaarseniy · 04.04.2019, 21:53

Единственное что вам нужно чтобы запустить сайт сделайный на TS - это html и скомпилированный и прикрученный к нему скрипт.
NPM не обязателен для проекта - но он предоставляет многие вещи без которых делать серьёзные проекты не реально.

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@BaredJJ 19 / 18 / 7 Регистрация: 16.05.2017 Сообщений: 447

	Single-page-application с WebApi 20.03.2019, 10:49. Показов 1560. Ответов 3 Метки нет (Все метки) Добрый день. Я написал микросервис на .Net Core с определенным API. Теперь я хочу сделать для него WebInterface на TypeScript. Вопрос заключается вот в чем: Все примеры которые я видел используют монолитное приложение и при запуске запускают сервер npm для старта. Я вот и не совсем понимаю одну вещь, чтобы у меня загрузилась страница на html, css, js мне не нужен ни какой сервер и ее не нужно хостить. Для запуска WebInterface (SinglePageApplication) на TypeScript нужно все равно разворачивать его в npm чтобы общаться с WebApi или нет. Как вообще правильно должно происходить это взаимодействие. Да я понимаю, что нужно отправлять Http запросы на сервер, но как мне видится эти запросы должны идти от клиента и ему не нужен никакой сервер, может я не прав, поправьте меня. У кого есть опыт поделитесь пожалуйста. Спасибо. 0

@amr-now 6496 / 3907 / 2006 Регистрация: 14.06.2018 Сообщений: 6,781
	20.03.2019, 11:28
	Добрый день. Последовательность действий: 1) Пользователь пытается зайти на сайт. Соответственно, посылает запрос "Хочу index.html" 2) Сервер на .Net Core отдает ему index.html. 3) Дальше начинается JS-взаимодействие с сервером Аяксом. TypeScript нужен для компиляции. Он НЕ общается с WebAPI. Это одноразовый компилятор по принципу: "Выстрелил и выбросил". Компилирует и собирает бандл в файл *.js, который уже виден из index.html Естественно, вокруг него гора npm с миллионом конфигов на всё и вся. Но это одноразово для компиляции. 0

@carrotik 800 / 583 / 207 Регистрация: 21.02.2019 Сообщений: 2,095
	29.03.2019, 12:27
	... при этом HTML-сервер (который отдает index.html) может быть вовсе и не на .Net Core, а например, на apache или nginx ... 0

@senyaarseniy 32 / 32 / 14 Регистрация: 30.11.2013 Сообщений: 139
	04.04.2019, 21:53
	Единственное что вам нужно чтобы запустить сайт сделайный на TS - это html и скомпилированный и прикрученный к нему скрипт. NPM не обязателен для проекта - но он предоставляет многие вещи без которых делать серьёзные проекты не реально. 0