Создание интернет магазина — часть 8 — CORS

Автор Ivan Samoilov
Создание интернет магазина — часть 8 — CORS

здравствуйте.

На этой лекции мы сделаем порядок в нашем магазине поместим клиентскую и северную часть в разные папки в разные проекты учимся получать данные с удаленного другого сервера — это называется cross-origin. Как правильно организовать свой проект — это очень популярная. Тема и очень популярна проблема.

Начнем с того, что мы хотим все файлы HTML положить в одну общую папку и назовём её HTML template angular и в эту папку все наши html-страницы которые мы делаем в роуминге его include из-за того, что мы их перенесли в другую папку нам надо сейчас в главном.

Яндексе HTML указать, что хедер HTML находится в новой папке также нам надо законах роутинга правильный путь к файлам HTML. Давайте посмотрим, что у нас всё работает и мы ничего не забыли и мы видим, что у нас действительно всё работает есть, а если бы мы забыли про писать. ВПР новый путь посмотрите, что получилось бы получилось что. Фёдор исчез я нажал. Контрол ф5 и у меня кадр у нас всё получилось и он прямо показывает ошибку не хватает — это ошибка 404 означает, что не хватает компонента дальше. Мы хотим продолжить с нашим порядком и я вижу, что у нас здесь есть ошибка связанная с Twitter Twitter — — это такая вспомогательная библиотека для bootstrap которая делать правильное позиционирование HTML компонентов и bootstrap её используют — это менее важное. Мы хотим чтобы bootstrap работал без ошибок и мы устанавливаем для него эту библиотеку добавляем эту библиотеку мы могли добавить ссылку на прямую на их сайт, но по нашей политики. Мы хотим чтобы у нас все требуемые файлы были внутри нашего проекта и мы не зависели ни от какого внешнего сервера прекрасная мы установили этот пакет и теперь нам осталось добавить только ссылку на этот скрипт на новый скрипт надо найти его в этом списке и. Вставить ссылку в. Яндекс ссылки на bootstrap и вот этот файл и я. Вставляю на него ссылку после джиквери еда bootstrap. Давайте посмотрим, что наши ошибки действительно исчезла. Да я вижу, что она действительно исчезла и в консоли браузера нет ошибки заметьте, что пользователь в любом случае не увидел бы ошибку просто компоненты неправильно стояли бы на экране. Давайте зайдем на их сайт смотрим. Что — это за библиотека мы — это делаем для общих знаний мы не собираемся её изучать просто хотим узнать, что — это такое видите этот сайт елайбрари библиотека для клиента которая помогает абсолютли position Element делает позиционирование элементов в эффективной и правильной форме и bootstrap её используют и поэтому надо было ему сделать ссылку на эту библиотеку прекрасно всё работает теперь следующий этап открыть новый проект для клиента для HTML и ангуляр то есть разделить серверные файлы и клиентскую часть проекта для этого мы делаем новый веб-сайт. То есть мы создаем в нашем Solution у нас будет два проекта проекта верный и проект клиент до сих пор у нас всё лежало в одном проекте и мы хотим сделать порядок и разделить проекты — это очень популярно например как у нас есть две группы 1 группа работает с серверной частью вторая группа разрабатывает клиентскую часть. Давайте посмотрим на наш жёсткий диск. И, что в нём есть папка ishop как Solution и внутри папки и шапка Absolution есть проект ishop. То есть у нас есть папка Solution полного решения и в этого Solution внутри этого полного решения есть несколько проектов и у нас сейчас один проект который называется ishop имеется в виду, что — это серверная часть. Есть папка Solution внутри. Есть папка проекта и мы хотим в папку добавить еще один проект то есть для нашего решения бизнес-задач и требуются два проекта и мы создаем новый проект предположим в папке и, что клиент и делаем пустой веб-сайт чтобы он не размещал там заготовки и теперь в наш новый проект надо переносить все папки и те файлы которые связаны с клиенткой частью то есть мы разделяем сейчас серверную и клиентскую часть. Конечно надо было — это уже давно сделать, но мы увлеклись программированием и забыли про порядок сейчас мы делаем порядок видите переносим контроллеры и HTML страницы я переношу с помощью Shift нажимаю кнопку Shift чтобы перенести надо перенести скрипты потому, что скрипты принадлежат в клиентской части. Северодонецк Рикс сервера есть reference вот прекрасно. Давайте посмотрим, что у нас всё работает то есть мы разделили сейчас проекты и нам надо указать, что HTML — это страница по умолчанию. И когда я буду нажимать F5 мне надо чтобы оба проекта включались и в. Северном проекте он открывал страницы то есть сервер должен включаться и ничего не открывать ждать подключение клиента то есть я ему говорю. Не открывать страницу в. Северном проспекте в клиентском. Я ему сказал с чего начинать. С какой страницы начинать. И теперь я в свойствах решение указываю ему чтобы он стартовал оба проекта чтобы он сделал стартап когда я нажму F5 на оба проекта и в каждом проекте. Где вас написано, что делать во время старта.

0 комментариев
0

Читайте также