spa30

Проект МаркетПлейс

Мы собираемся создать простое веб-приложение, в котором люди смогут управлять продуктами, которые они хотят продать.

• Каждый может просмотреть существующие продукты.
• Только авторизованные пользователи могут добавлять новые продукты.
• Только владелец продукта может редактировать или удалять продукт.

Мы собираемся построить 3 проекта. Проект FrontEnd будет представлять собой прогрессивное веб-приложение, созданное с использованием Vuejs, Vue Router и Vuetify, а на серверной стороне мы собираемся создать два веб-приложения .NET Core 3.0 с использованием Visual Studio 2019: одно будет предоставлять REST API, а второе позаботится о нем. аутентификации с использованием Identity Server 4.

1. Интерфейсный клиент
   • Javascript (ECMAScript 2015+)
   • HTML 5
   • CSS 3
   • Vue.js 2
   • Маршрутизатор Vue
   • Вуетифай
   • Клиент Open Id Connect
   • Получить API
   • Собственный API камеры

Этот проект будет взаимодействовать с пользователем через браузер, динамически создавая пользовательский интерфейс HTML, и будет взаимодействовать с сервером, используя javascript и json.

2. ОТДЫХ Сервис
   • Контроллер веб-API .NET Core 3.0
   • Entity Framework Core 3.0
   • База данных SQL-сервера
   • Аутентификация клиента Identity Server

Этот проект будет отвечать за хранение данных на сервере и ответ на запросы клиентов через http и json.

3. Сервер аутентификации
   • Сервер идентификации 4
   • Ядро Entity Framework

Этот проект позаботится об аутентификации. Он выдаст токены JWT, которые будут использоваться клиентским приложением для получения доступа к серверу.

Что вам уже нужно знать:

• С#
• Javascript (ECMAScript 2015+)
• HTML 5
• CSS 3

Чему вы собираетесь научиться:

• Что такое ОТДЫХ
• Что такое .NET Core
• Ядро ASP.NET
• Что такое контроллер веб-API
• Пустельга
• Промежуточное ПО
• Переменные среды
• Конфигурация ядра ASP.NET
• Внедрение зависимостей
• Ядро Entity Framework
• Почтальон
• КОРС
• Vue.js
• Маршрутизатор Vue
• Получить API
• ВебПак
• Вуетифай
• Аутентификация и авторизация
• OAuth 2 и Open Id Connect
• Сервер идентификации 4
• Авторизация владельца ресурса

Прежде чем начать, вам нужно

• Visual Studio 2019 (достаточно Community Edition)

Убедитесь, что вы установили рабочую нагрузку «Кроссплатформенная разработка .NET Core». Вы можете проверить и установить рабочие нагрузки, запустив установщик Visual Studio.

• Код Visual Studio
• Узел

Дополнительные сведения об установке .NET Core см.

Пожалуйста, посетите https://www.microsoft.com/net/download/windows.

---

Наш рабочий процесс

Мы собираемся разделить наши проекты на простые шаги. Каждый шаг будет сосредоточен на одной задаче и будет основываться на предыдущем шаге. Мы начнем с простых проектов, которые со временем будут становиться все более и более сложными. Например, мы не будем сначала фокусироваться на аутентификации и авторизации. Мы добавим его на более позднем этапе.

Эта папка содержит другую подпапку. Каждая подпапка представляет этап нашего проекта. «Начальные» папки — это отправные точки каждого шага. Папки «Решения» — это окончательные версии каждого шага, которые предоставляются вам на тот случай, если вы захотите проверить, каким должен стать ваш проект в конце каждой лабораторной работы. Вам нужно открыть стартовую папку, соответствующую лабораторной работе, которую вы хотите попробовать (например, Lab01/Start , чтобы начать), и следовать инструкциям, которые вы найдете в файле readme.md . Когда вы закончите, не стесняйтесь сравнить свою работу с решением, представленным в папке «Решение».

НАЧАТЬ

1. Откройте папку «Лаборатории»
2. Перейдите в подпапку Lab01.
3. Перейдите в подпапку «Пуск».
4. Следуйте инструкциям, содержащимся в файле readme.md, чтобы продолжить.

Если вы хотите увидеть окончательную версию приложения

Настройте и запустите приложение Identity Server.

• Откройте Lab08SolutionMarketPlaceIdentityServerIdentityServer.sln в Visual Studio.
• Создайте проект, но не запускайте его из Visual Studio.
• Откройте командную строку в папке Lab08SolutionMarketPlaceIdentityServer
• Введите dotnet run /seed
• Перейдите по адресу http://localhost:5002 и убедитесь, что проект запущен и работает.

Настройте и запустите службу REST.

• Откройте Lab08SolutionMarketPlaceMarketplaceMarketPlace.sln в Visual Studio.
• Создайте проект и запустите его из Visual Studio.

Настройте и запустите клиент Javascript

• Откройте Lab08SolutionMarketPlacespaclient в коде Visual Studio.
• Открыть окно терминала
• Введите npm install
• Введите npm run serve

Вход в систему

• Имя пользователя: Алиса
• Пароль: Pass123$