--- title: WEB basic-Криворученко_Савелий-Практика_1 tags: WEB basic description: Use `{%hackmd theme-dark %}` syntax to include this theme. --- <style> html, body, .ui-content { background-color: #333; color: #ddd; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { color: #ddd; } .markdown-body h1, .markdown-body h2 { border-bottom-color: #ffffff69; } .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #fff; } .markdown-body img { background-color: transparent; } .ui-toc-dropdown .nav>.active:focus>a, .ui-toc-dropdown .nav>.active:hover>a, .ui-toc-dropdown .nav>.active>a { color: white; border-left: 2px solid white; } .expand-toggle:hover, .expand-toggle:focus, .back-to-top:hover, .back-to-top:focus, .go-to-bottom:hover, .go-to-bottom:focus { color: white; } .ui-toc-dropdown { background-color: #333; } .ui-toc-label.btn { background-color: #191919; color: white; } .ui-toc-dropdown .nav>li>a:focus, .ui-toc-dropdown .nav>li>a:hover { color: white; border-left: 1px solid white; } .markdown-body blockquote { color: #bcbcbc; } .markdown-body table tr { background-color: #5f5f5f; } .markdown-body table tr:nth-child(2n) { background-color: #4f4f4f; } .markdown-body code, .markdown-body tt { color: #eee; background-color: rgba(230, 230, 230, 0.36); } a, .open-files-container li.selected a { color: #5EB7E0; } </style> # WEB basic-Криворученко_Савелий-Практика_1 <a name="headers"><h2>Введение в Web технологии </h2></a> | Задания | |---| - [x] Установить и настроить  **linux ubuntu 20.04** - [x] Настроить подключение к репозиториям **docker** - [x] Установить **Docker CE** - [x] Установить веб-приложение **https://hub.docker.com/r/bkimminich/juice-shop** - [x] Изучить запросы браузера к приложению  и форме регистрации пользователей. - [x] Сформировать  запрос к приложению через **curl** - [x] Сформировать  запрос к приложению через **powershell** - [x] Изучить ответ приложения и распарсить его с помощью утилит **jq** --- | Установка и настройка linux ubuntu | | ---------------------------------- | |Настройки конф.| |---| |![](https://i.imgur.com/lgiQT4q.png) --- |Установить Docker CE and Настроить подключение к репозиториям docker| |---| |Качаем пакеты для использования htpps| |---| |![](https://i.imgur.com/rPkUyOa.png) |ключ GPG| |![](https://i.imgur.com/qHfdJzf.png)| |Добавляем репозиторий Docker в источники APT| |![](https://i.imgur.com/vg2RPgI.png) |Установим docker| |![](https://i.imgur.com/IftdMR8.png)| |Проверим status| |![](https://i.imgur.com/gUsfYEV.png)| |info about docker| |![](https://i.imgur.com/4gNX6lm.png)| |создал несколько проверочный контейнеров| |![](https://i.imgur.com/E3yY8SY.png)| |создадим контейнер ubuntu и подключимся| |![](https://i.imgur.com/uDdl03Z.png)| |Запустим и вырубим для проверки| |![](https://i.imgur.com/95OWFQr.png)| --- |установим веб приложение| |---| |![](https://i.imgur.com/Sb3b4hT.png)| |![](https://i.imgur.com/PmOiyKn.png) |![](https://i.imgur.com/yWuLVbo.png) --- |запросы браузера к приложению  и форме регистрации пользователей| |---| |json(текст. форм данных) и xhr(http запросы без перезагрузки стр.)| |---| |![](https://i.imgur.com/9RAGclw.png)| |![](https://i.imgur.com/ZpE5KAz.png)| |Попробуем зайти| |![](https://i.imgur.com/Q648V98.png) |Изучим запросы при регистрации| |![](https://i.imgur.com/PDNt8x0.png) |Запросы http(значит не шифруются) |![](https://i.imgur.com/CepygOk.png)| --- |Сформировать  запрос к приложению через **curl**| |---| |curl запрос на данные корзины содержат ссылку на youtube| |---| |GET |![](https://i.imgur.com/3VFPwPD.png)| |![](https://i.imgur.com/VZ6ot35.png) |POST |![](https://i.imgur.com/G0qqggz.png) --- |Сформировать  запрос к приложению через **powershell**| |---| |![](https://i.imgur.com/Ae0vamv.png)| |---| --- |Изучить ответ приложения и распарсить его с помощью утилит jq| |---| |Для начала скачаем| |---| |![](https://i.imgur.com/brjjxPK.png)| |post| |![](https://i.imgur.com/ZI47FDy.png)| |get| |![](https://i.imgur.com/huLwg9v.png)