---
# System prepended metadata

title: Занятие 1. Введение в Web технологии
tags: [WEB Basic]

---

---
tags: WEB Basic
---

# Занятие 1. Введение в Web технологии 

## Практическая работа

### 1. Установить и настроить Linux Ubuntu 20.04

* Установили ВМ Ubuntu
![](https://i.imgur.com/C3mlXNm.png)

* Просмотрели имя ВМ
![](https://i.imgur.com/jun0kTD.png)

### 2, 3. Настроить подключение к репозиториям docker

* Обновили репозитории
![](https://i.imgur.com/e8PxOrK.png)

* Подключаем Docker к APT
![](https://i.imgur.com/qqRrWYs.png)
![](https://i.imgur.com/0uj9Zkh.png)

* Проверяем ключи
![](https://i.imgur.com/p9E275P.png)

* Добавляем в репозиторий
![](https://i.imgur.com/oNGxryt.png)

* Снова обновляемся
![](https://i.imgur.com/cEjim9N.png)

* Устанавливаем пакеты Docker
![](https://i.imgur.com/txYyv6B.png)

* Проверяем работу Docker CE
![](https://i.imgur.com/rTJSCkX.png)

### 4. Установить веб-приложение https://hub.docker.com/r/bkimminich/juice-shop

* Установили приложение
![](https://i.imgur.com/fdn0tOw.png)

* Запустили juice-shop
![](https://i.imgur.com/iqTmAJ7.png)
![](https://i.imgur.com/EBpyLnp.png)

* Проверили доступ с машины Ubuntu
![](https://i.imgur.com/woDYoJl.png)

* Также проверили доступ из хостовой машины Win
![](https://i.imgur.com/ZNL8Tk3.png)

### 5. Изучить запросы браузера к приложению и форме регистрации пользователей

* Запросы при обновлении стартовой страницы
![](https://i.imgur.com/Di5kbGK.png)

* Также данные запросы фиксируются в BurpSuite
![](https://i.imgur.com/PeDz6bi.png)

* Зарегистрировали нового пользователя
![](https://i.imgur.com/FlkbrB9.png)

* В Request видна передаваемая информация
![](https://i.imgur.com/6B5oH9Q.png)

* В ответе виден token и umail пользователя
![](https://i.imgur.com/chqfY74.png)

* Снова зарегистрировали нового пользователя и перехватили запрос при помощи BurpSuite
![](https://i.imgur.com/FVEd0pL.png)
* Также отображается token
![](https://i.imgur.com/QWu2BLg.png)

### 6. Сформировать  запрос к приложению через curl

* Сформировали curl запрос из Ubuntu
![](https://i.imgur.com/Fx8pvsk.png)

### 7. Сформировать  запрос к приложению через powershell

* Сформировали запрос через powershell
![](https://i.imgur.com/JsffFXc.png)

* Вывели свойства и методы объекта
![](https://i.imgur.com/YpOZJtC.png)

* Получили HTML-код страницы
![](https://i.imgur.com/6z658bM.png)

* Получили HTML-код страницы вместе с заголовками
![](https://i.imgur.com/s5dslxN.png)

### 8. Изучить ответ приложения и распарсить его с помощью утилиты jq

* Установили jq
![](https://i.imgur.com/A1LEpJE.png)

* Вывели весь массив полей
![](https://i.imgur.com/1sAMqAD.png)

* Распарсили конкретные поля в массиве, указав параметр ".data[1,4,7].question"
![](https://i.imgur.com/APXFMAV.png)

* Также провели парсинг при помощи PowerShell
![](https://i.imgur.com/OsJ5kRB.png)
