Руководство. Предоставление общего доступа к приложениям-контейнерам в Visual Studio Code

Это руководство является второй частью из четырех частей серии, посвященной использованию Docker с Visual Studio Code (VS Code).

В этом руководстве вы узнаете, как:

Обновите код и замените контейнер.
Поделитесь своим изображением.
Запустите образ в новом экземпляре.

Предпосылки

В этом руководстве продолжается предыдущее руководство. Создание приложения-контейнера с помощью Visual Studio Code. Чтобы продолжить работу, вам потребуется запущенный диспетчер списков todo из части 1.

Обновление кода и замена контейнера

Давайте внесите несколько изменений и узнайте об управлении контейнерами.

src/static/js/app.js В файле обновите строку 56, чтобы использовать эту новую текстовую метку:
```
- <p className="text-center">No items yet! Add one above!</p>
+ <p className="text-center">You have no todo items yet! Add one above!</p>
```
Сохраните изменения.
Остановите и удалите текущую версию контейнера. Несколько контейнеров не могут использовать один и тот же порт.

Щелкните правой кнопкой мыши контейнер getting-started и выберите Удалить.

Кроме того, в командной строке используйте следующую команду, чтобы получить идентификатор контейнера.
```
docker ps
```
Затем остановите и удалите контейнер:
```
docker stop <container-id>
docker rm <container-id>
```
Создайте обновленную версию образа. В проводнике щелкните файл Dockerfile правой кнопкой мыши и выберите "Создать образ".

Кроме того, чтобы выполнить сборку в командной строке, перейдите в каталог папки, содержащей Dockerfile, и используйте ту же команду, которую вы использовали раньше.
```
docker build -t getting-started .
```
Запустите новый контейнер, использующий обновленный код.
```
docker run -dp 3000:3000 getting-started
```
Обновите браузер на http://localhost:3000, чтобы увидеть обновленный текст справки.

Теперь, когда вы создали образ, вы можете поделиться им. Чтобы предоставить общий доступ к образам контейнеров, используйте реестр контейнеров. Реестр по умолчанию — Docker Hub, из которого пришли все образы, которые мы использовали.

Чтобы отправить образ, сначала необходимо создать репозиторий в Docker Hub.

Перейдите в Docker Hub и войдите в свою учетную запись.
Выберите "Создать репозиторий".
Введите имя репозитория в getting-started. Убедитесь, что видимость является общедоступной.
Нажмите кнопку "Создать".

Справа от страницы вы увидите раздел с именем команд Docker. В этом разделе приведен пример команды для выполнения отправки в этот репозиторий.
В VS Code в обозревателе контейнеров в разделе REGISTRIES щелкните значок штекера, чтобы подключиться к реестру, и выберите Docker Hub.

Введите имя и пароль учетной записи Docker Hub.
В обозревателе контейнеров VS Code в разделе IMAGES щелкните правой кнопкой мыши тег изображения и нажмите кнопку "Отправить". Введите пространство имен и тег или оставьте значения по умолчанию.
Чтобы отправить в Docker Hub с помощью командной строки, используйте эту процедуру.

Войдите в Центр Docker:
```
docker login -u <username>
```
Используйте следующую команду, чтобы присвоить изображению начало работы новое имя.
```
docker tag getting-started <username>/getting-started
```
Используйте следующую команду, чтобы загрузить контейнер.
```
docker push <username>/getting-started
```

Запустите образ на новом экземпляре

Теперь, когда образ был создан и отправлен в реестр, попробуйте запустить приложение на новом экземпляре, который никогда не видел этот образ контейнера. Чтобы запустить приложение, используйте Play с Docker.

Откройте браузер, чтобы играть с Docker.
Войдите с помощью учетной записи Docker Hub.
Выберите Старт, а затем щелкните ссылку + ДОБАВИТЬ НОВЫЙ ЭКЗЕМПЛЯР в левой боковой панели. Через несколько секунд откроется окно терминала в браузере.
В терминале запустите приложение.
```
docker run -dp 3000:3000 <username>/getting-started
```
Воспользуйтесь Docker для загрузки и запуска вашего образа.
Выберите значок 3000, рядом с ОТКРЫТЫМ ПОРТом. Вы должны видеть приложение с вашими изменениями.

Если значок 3000 не отображается, выберите OPEN PORT и введите 3000.

Очистите ресурсы

Сохраните все, что вы сделали до сих пор, чтобы продолжить эту серию учебных материалов.

Дальнейшие шаги

Поздравляю. Вы выполнили часть 2 и узнали, как обновить код и запустить образ в новом экземпляре.

Ниже приведены некоторые ресурсы, которые могут оказаться полезными для вас:

Попробуйте следующее руководство из этой серии.

Сохранение данных и слой приложения Docker

Обратная связь

Была ли эта страница полезна?

Last updated on 2025-05-14

Поделиться через

Руководство. Предоставление общего доступа к приложению-контейнеру с помощью Visual Studio Code