{"draftJsState":{"blocks":[{"data":{"image":{"id":"645bf483b70eae6484fd0c59"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"69btk"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":22,"offset":10}],"inlineStyleRanges":[],"text":"Источник: Nuances of Programming","type":"unstyled","key":"5k0u9"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":89,"offset":0}],"inlineStyleRanges":[{"length":40,"offset":0,"style":"BOLD"}],"text":"Курс SkillFactory Frontend-разработчик. Получите перспективную творческую профессию в IT.","type":"unstyled","key":"arruu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поверьте опыту фронтенд-разработчика: умение работать с Docker упрощает процесс сборки, тестирования и развертывания веб-приложений.","type":"unstyled","key":"9j9nu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В наши дни этот ценный навык востребован на рынке труда. Добавляя Docker к рабочему арсеналу, вы получаете выгодное преимущество в глазах потенциальных работодателей. Владение данным инструментом также подчеркивает ваше умение взаимодействовать с бэкенд-разработчиками, которые часто используют Docker.","type":"unstyled","key":"54i30"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В статье мы проведем обзор ключевых команд Docker, которые должен знать каждый фронтенд-разработчик.","type":"unstyled","key":"4s7h9"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":6,"offset":88}],"inlineStyleRanges":[],"text":"Если хотите подкрепить теорию практическими примерами, клонируйте репозиторий GitHub по ссылке. Он содержит код для простого приложения React, созданного с помощью Vite.","type":"unstyled","key":"9b58b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В указанном демонстрационном репозитории Dockerfile дает инструкции Docker по созданию и запуску приложения React как статического сайта с использованием NGINX.","type":"unstyled","key":"4doul"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"К делу!","type":"unstyled","key":"2tulr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1) docker build","type":"header-three","key":"2n6fa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первая в списке обязательных для запоминания команд — docker build. Она создает образ Docker из Dockerfile, который представляет собой скрипт с инструкциями по созданию образа.","type":"unstyled","key":"bhnt3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Синтаксис для команды docker build выглядит так:","type":"unstyled","key":"cmhj8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker build -t [image_name] [path/to/dockerfile]","type":"blockquote","key":"7ddra"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чтобы обратиться к примеру, переходим с помощью команды cd в корневую директорию проекта, в которой находится Dockerfile, и выполняем следующую команду:","type":"unstyled","key":"ac64m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker build -t my-app:v1 .","type":"blockquote","key":"c39q4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Аргумент -t (сокращенная форма от -tag) указывает для образа имя и необязательный тег, следующий за двоеточием.","type":"unstyled","key":"9evpd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как правило, теги нужны для различения версий образа. Если опустить тег в команде docker build -t my-app и выполнить ее в таком виде, то образ автоматически получит тег latest, т.е. самый последний.","type":"unstyled","key":"5guqq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2) docker images","type":"header-three","key":"33no9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Команда docker images выводит список всех Docker-образов, созданных локально.","type":"unstyled","key":"3f4va"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выполнив эту команду, вы увидите в списке образ my-app. Обратите внимание, что команда docker images аналогична docker image ls.","type":"unstyled","key":"51f56"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3) docker run","type":"header-three","key":"1els4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После создания образа нужно его запустить. Для этого потребуется команда docker run, синтаксис которой представлен ниже:","type":"unstyled","key":"9l6r3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker run -p : [image_name]","type":"blockquote","key":"9qk7i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, запустим контейнер для образа с тегом my-app:v1 и получим к нему доступ через порт 80. Для этого выполняем:","type":"unstyled","key":"fvqbb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker run -p 80:80 my-app:v1","type":"blockquote","key":"cf483"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Данный пример подразумевает, что Dockerfile открывает приложение на порту 80. Для сопоставления с другим портом хоста следует указать соответствующий номер в первой части аргумента -p.","type":"unstyled","key":"8drlb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обратите внимание, что эта команда заблокирует окно терминала для выполняющегося процесса. Для запуска контейнера в фоновом режиме следует добавить аргумент -d, как показано ниже:","type":"unstyled","key":"9mf43"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker run -d -p 80:80 my-app:v1","type":"blockquote","key":"81of3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Команда возвращает id контейнера и передает контроль над окном терминала.","type":"unstyled","key":"9arkf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При запуске контейнера Docker присваивает ему произвольное имя, допустим happy-einstein. Добавляя аргумент --name, можно указать свой вариант имени.","type":"unstyled","key":"8mc71"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, присвоим контейнеру, запускающему образ my-app, имя vite-app:","type":"unstyled","key":"fae4j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker run -d -p 80:80 --name vite-app my-app:v1","type":"blockquote","key":"714iu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4) docker ps","type":"header-three","key":"2o3f5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Команда docker ps предоставляет список всех запущенных в данный момент контейнеров.","type":"unstyled","key":"1b3gi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если вы выполняли все предыдущие команды, то увидите в списке контейнер my-app, а также его id и имя образа.","type":"unstyled","key":"cj1c5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5) docker start/stop","type":"header-three","key":"2g8th"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Синтаксис команды для запуска или остановки контейнера выглядит так:","type":"unstyled","key":"9qiv0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker start|stop (or )","type":"blockquote","key":"6583r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В нашем случае останавливаем контейнер vite-app командой:","type":"unstyled","key":"7glsh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker stop vite-app","type":"blockquote","key":"8bl31"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А для повторного запуска выполняем:","type":"unstyled","key":"110u5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker start vite-app","type":"blockquote","key":"6el09"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Примечание: как только контейнер прекращает работу, он более не отображается в списке запущенных контейнеров (docker ps). Но его по-прежнему можно увидеть в общем списке, если выполнить команду docker ps --all, которая показывает все работающие и остановленные контейнеры.","type":"unstyled","key":"dhed9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"6) docker logs","type":"header-three","key":"4ho5d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для просмотра логов запущенного контейнера используется команда docker logs, синтаксис которой:","type":"unstyled","key":"c3q7m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker logs [container_name]","type":"blockquote","key":"65bsn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, для просмотра логов контейнера vite-app воспользуемся командой:","type":"unstyled","key":"5nv63"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker logs vite-app","type":"blockquote","key":"et48d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эта команда помогает проводить отладку проблем, связанных с запуском контейнера и выбросом исключений.","type":"unstyled","key":"73d1n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"7) docker exec","type":"header-three","key":"1ja3v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рассмотрим еще одну полезную команду: docker exec. Она позволяет выполнять команды внутри запущенного контейнера.","type":"unstyled","key":"btu1p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Синтаксис команды docker exec следующий:","type":"unstyled","key":"8160k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker exec -it [container_name] [command_to_run]","type":"blockquote","key":"6ndc8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, откроем оболочку внутри контейнера vite-app:","type":"unstyled","key":"4ijrp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker exec -it vite-app sh","type":"blockquote","key":"cbf45"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Примечание: для выхода из интерактивной оболочки следует ввести exit.","type":"unstyled","key":"5u05f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"8) docker login","type":"header-three","key":"fcisa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После того как вы создали образ для приложения и убедились, что все исправно работает, возникает следующий вопрос: как поделиться им с командой или развернуть в облачном провайдере. В этом случае не обойтись без реестра контейнеров.","type":"unstyled","key":"7r3e1"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":10,"offset":0}],"inlineStyleRanges":[],"text":"Docker Hub — это общедоступный реестр контейнеров. Он обеспечивает свободный доступ и возможность скачивания хранящихся в нем образов за исключением тех случаев, когда репозиторий является приватным.","type":"unstyled","key":"8po08"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Другие облачные провайдеры, такие как AWS, Azure и GCP, предоставляют приватные реестры контейнеров, позволяющие пользователям хранить свои образы и управлять ими.","type":"unstyled","key":"cklaa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При наличии аккаунта вход в Docker Hub осуществляется командой docker login -u .","type":"unstyled","key":"8jlph"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как правило, крупные облачные провайдеры предоставляют собственные CLI для доступа в свои реестры контейнеров. За более подробной информацией по данной теме можно обратиться к их документации.","type":"unstyled","key":"ceral"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"9) docker push","type":"header-three","key":"5j8m8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Команда docker push отправляет образ в Docker Hub. Ее синтаксис выглядит так:","type":"unstyled","key":"92e6q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker push /","type":"blockquote","key":"9smno"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обратите внимание, что Docker Hub подразумевает именование образа в следующем формате: имя пользователя Docker Hub, затем / и уникальное имя образа.","type":"unstyled","key":"d9vjl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При создании Docker-образа действует стандартное соглашение:","type":"unstyled","key":"ac0d7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker build -t /:","type":"blockquote","key":"g92e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, задумай я создать образ для личного аккаунта Docker Hub, то воспользовался бы такой командой:","type":"unstyled","key":"et52i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker build -t matttburrellnet/vite-app:v1","type":"blockquote","key":"1be59"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Docker Hub автоматически отметит образ с именем vite-app как v1.","type":"unstyled","key":"b5384"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"10) docker pull","type":"header-three","key":"aatja"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После входа в реестр контейнеров вы можете скачивать существующие образы командой docker pull, синтаксис которой:","type":"unstyled","key":"263le"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"docker pull mattburrellnet/vite-app:v1","type":"blockquote","key":"e8ur"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если у вас есть опыт работы с Git, то заметите сходство в алгоритмах работы по отправке (push) и извлечению (pull) образов.","type":"unstyled","key":"1c54k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заключение","type":"header-three","key":"1dtk4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы рассмотрели 10 ключевых команд Docker. Умение применять эти команды повышает продуктивность фронтенд-разработчика и его востребованность на рынке труда. Docker обеспечивает стабильную работу приложений в разных средах и облачных провайдерах, экономя время и силы разработчиков.","type":"unstyled","key":"d16vn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кроме того, навыки работы с Docker способствуют эффективному командному взаимодействию с коллегами-разработчиками. Настоятельно рекомендую начать освоение Docker, и результаты не заставят себя ждать.","type":"unstyled","key":"7aeh1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Читайте также:","type":"unstyled","key":"fcp4k"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":53,"offset":0}],"inlineStyleRanges":[],"text":"Уменьшаем размер образа Docker для приложения Next.js","type":"unordered-list-item","key":"2neej"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":77,"offset":0}],"inlineStyleRanges":[],"text":"Руководство по Docker. Часть 2: Docker Compose для JavaScript, Python и Redis","type":"unordered-list-item","key":"cec5v"},{"data":{},"depth":0,"entityRanges":[{"key":6,"length":70,"offset":0}],"inlineStyleRanges":[],"text":"Как запустить несколько приложений React на одном порту Nginx с Docker","type":"unordered-list-item","key":"48grv"},{"data":{},"depth":0,"entityRanges":[{"key":7,"length":8,"offset":14},{"key":8,"length":2,"offset":24}],"inlineStyleRanges":[],"text":"Читайте нас в Telegram, VK","type":"unstyled","key":"890t"},{"data":{},"depth":0,"entityRanges":[{"key":9,"length":12,"offset":15},{"key":10,"length":55,"offset":29}],"inlineStyleRanges":[{"length":15,"offset":0,"style":"ITALIC"}],"text":"Перевод статьи Matt Burrell: 10 Docker Commands Every Frontend Developer Should Know","type":"unstyled","key":"5i5a0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3h5ds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"RfwVhZmJLXQ1dqnxJbBB"}],"entityMap":{"0":{"data":{"url":"https://nuancesprog.ru/p/17360/"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://aflink.ru/g/os57fawizi1470bcbdb40da0172cef90ccbaca92/?erid=LatgBV3Ep"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://github.com/mattburrell/vite-react-docker","url":"https://github.com/mattburrell/vite-react-docker"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"href":"https://hub.docker.com/","url":"https://hub.docker.com/"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"href":"https://nuancesprog.ru/p/17261/","url":"https://nuancesprog.ru/p/17261/"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"href":"https://nuancesprog.ru/p/15270/","url":"https://nuancesprog.ru/p/15270/"},"mutability":"MUTABLE","type":"LINK"},"6":{"data":{"href":"https://nuancesprog.ru/p/17157/","url":"https://nuancesprog.ru/p/17157/"},"mutability":"MUTABLE","type":"LINK"},"7":{"data":{"href":"https://t.me/nuancesprog","url":"https://t.me/nuancesprog"},"mutability":"MUTABLE","type":"LINK"},"8":{"data":{"href":"https://vk.com/nuancesprog","url":"https://vk.com/nuancesprog"},"mutability":"MUTABLE","type":"LINK"},"9":{"data":{"href":"https://medium.com/@mattburrellnet?source=post_page-----b2f815c08ddd--------------------------------","url":"https://medium.com/@mattburrellnet?source=post_page-----b2f815c08ddd--------------------------------"},"mutability":"MUTABLE","type":"LINK"},"10":{"data":{"href":"https://betterprogramming.pub/10-docker-commands-every-frontend-developer-should-know-b2f815c08ddd","url":"https://betterprogramming.pub/10-docker-commands-every-frontend-developer-should-know-b2f815c08ddd"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}