Как я могу интегрировать два разных сервера, таких как Angular и NodeJ? - PullRequest
0 голосов
/ 07 января 2019

Я новичок в Angular и NodeJS. Я закончил всю основную документацию, и теперь я делаю учебные пособия. Мой вопрос об архитектуре.

Следуя угловой инструкции, вы создаете новый сервер:

ng new new-project

Это создает целый сервер, слушающий порт 4200, вы изучаете и работаете с angular, узнаете о директивах и т. Д.

Затем вы создаете сервер с узлом, настраиваете маршруты и т. Д. Но как эти два сервера живут вместе? Что вы посоветуете мне присоединиться к ним?

Это сервер узлов. В угловую часть входят всего два файла

Это сервер, созданный с помощью ng serve. Угловая часть очень сложная

1 Ответ

0 голосов
/ 07 января 2019

Угловой проект не является сервером. Angular - это фреймворк для создания фронтальной страницы / приложения. Команда Angular-cli ng serve используется для сборки приложения и запуска веб-сервера на локальном хосте. Когда вы создаете свою страницу с помощью angular, используйте команду angular-cli ng build --prod для создания своей страницы ( больше информации о команде ng build ). Артефакты сборки будут храниться в каталоге dist/ вашего проекта.

Если вы хотите разместить угловую страницу с узлом - скопируйте файл из projektFolder / dist в каталог, когда узел может иметь доступ к файлам копирования. В узле вы можете использовать экспресс-библиотеку для размещения статических файлов:

app.use('/myangularproject', express.static('myangularproject')) //host static files`

Дополнительная информация о размещенных статических файлах в узле и экспрессе

EDIT

Вы используете Angular CLI для создания углового приложения. Это дополнительный инструмент для работы с углом, и вам не нужно его использовать.

Angular cli - это интерфейс командной строки для создания и создания угловых приложений с использованием модулей в стиле nodejs (commonJs). Он не только предоставляет вам масштабируемую структуру проекта, но и выполняет все стандартные утомительные задачи для вас из коробки

нг подача

ng serve - инструмент из углового клиса. Когда вы вызываете эту команду, ваш проект создается в памяти и обслуживается через webpack-dev-server. Используется для быстрого предварительного просмотра и разработки проекта . Если эта команда вас смущает, вы можете использовать скрипт npm npm start.

Интерфейс командной строки поддерживает запуск перезагрузки браузера в реальном времени для пользователей с помощью ng serve. Это скомпилирует приложение после сохранения файла и перезагрузит браузер вновь скомпилированным приложением. Это делается путем размещения приложения в памяти и его обслуживания через webpack-dev-server . документ

нг билд

ng build компилирует приложение в выходной каталог.

Компилирует приложение Angular в выходной каталог с именем dist / по заданному выходному пути. Должен выполняться из каталога рабочей области.

Когда вы используете команду ng new Angular CLI, добавьте все необходимые файлы для разработки вашего приложения. Некоторые из них используются для настройки проекта, например tslint.json, tsconfig.json, angular.json ... Не размещайте эти файлы только файлы результатов, полученные при использовании команды ng build (каталог /dist).

Angular CLI компилирует ваш проект в несколько файлов (попробуйте ng build и посмотрите, сколько у вас файлов в /dist. Вы должны разместить их все. Это статические файлы. Вам не нужен специальный сервер, такой как php файлы. Вы можете разместить их с помощью обычного файлового сервера. Я не знаю, что вы хотите использовать в узле для размещения статических файлов. Если они используют express, вы можете использовать express.static(). Подробнее в верхней части.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...