Share via

Kurz: Sdílení aplikace Dockeru pomocí editoru Visual Studio Code

  • Článek

Tento kurz je druhou částí čtyřdílné série, která představuje Docker pro použití se sadou Visual Studio Code (VS Code).

V tomto kurzu se naučíte:

  • Aktualizujte kód a nahraďte kontejner.
  • Nasdílejte svůj obrázek.
  • Spusťte image v nové instanci.

Předpoklady

Tento kurz pokračuje v předchozím kurzu a vytvoří aplikaci Docker pomocí editoru Visual Studio Code. Abyste mohli pokračovat, budete potřebovat spuštěného správce seznamu úkolů z části 1.

Aktualizace kódu a nahrazení kontejneru

Pojďme provést několik změn a seznámit se se správou kontejnerů.

  1. src/static/js/app.js V souboru aktualizujte řádek 56 tak, aby používal tento nový textový popisek:

    - <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>

    Uložte změnu.

  2. Zastavte a odeberte aktuální verzi kontejneru. Stejný port nemůže použít více než jeden kontejner.

    Klikněte pravým tlačítkem na kontejner Začínáme a vyberte Odebrat.

    Screenshot shows the Docker extension with a container selected and a context menu with Remove selected.

    Nebo z příkazového řádku pomocí následujícího příkazu získejte ID kontejneru.

    docker ps

    Pak kontejner zastavte a odeberte:

    docker stop <container-id>
docker rm <container-id>

  3. Sestavte aktualizovanou verzi image. V Průzkumníku souborů klikněte pravým tlačítkem na Soubor Dockerfile a pak vyberte Sestavit image.

    Pokud chcete vytvořit příkazový řádek, změňte adresář na složku, která obsahuje soubor Dockerfile, a použijte stejný příkaz, který jste použili dříve.

    docker build -t getting-started .

  4. Spusťte nový kontejner, který používá aktualizovaný kód.

    docker run -dp 3000:3000 getting-started

  5. Aktualizujte prohlížeč, http://localhost:3000 aby se zobrazil aktualizovaný text nápovědy.

    Screenshot shows the sample application with the modified text, described above.

Sdílení obrázku

Teď, když jste vytvořili image, můžete ji sdílet. Ke sdílení imagí Dockeru použijte registr Dockeru. Výchozím registrem je Docker Hub, odkud pocházejí všechny image, které jsme použili.

Pokud chcete odeslat image, musíte nejprve vytvořit úložiště v Docker Hubu.

  1. Přejděte do Docker Hubu a přihlaste se ke svému účtu.

  2. Vyberte Vytvořit úložiště.

  3. Jako název úložiště zadejte getting-started. Ujistěte se, že viditelnost je veřejná.

  4. Vyberte Vytvořit.

    Na pravé straně stránky se zobrazí oddíl s názvem Příkazy Dockeru. Tato část obsahuje ukázkový příkaz ke spuštění pro nasdílení změn do tohoto úložiště.

    Screenshot shows the Docker Hub page with a suggested Docker command.

  5. V nástroji VS Code v zobrazení Dockeru v části REGISTRYIES klikněte na ikonu modulu plug, připojte se k registru a zvolte Docker Hub.

    Zadejte název a heslo účtu Docker Hubu.

  6. V zobrazení Dockeru VS Code klikněte v části IMAGE pravým tlačítkem myši na značku image a vyberte Nasdílení změn. Zadejte obor názvů a značku nebo přijměte výchozí hodnoty.

  7. K nasdílení změn do Docker Hubu pomocí příkazového řádku použijte tento postup.

    Přihlaste se k Docker Hubu:

    docker login -u <username>

  8. Pomocí následujícího příkazu dejte image getting-started nový název.

    docker tag getting-started <username>/getting-started

  9. K nasdílení kontejneru použijte následující příkaz.

    docker push <username>/getting-started

Spuštění image v nové instanci

Teď, když je image sestavená a vložená do registru, zkuste spustit aplikaci na zcela nové instanci, která tuto image kontejneru nikdy neviděla. Pokud chcete aplikaci spustit, použijte Funkci Přehrát s Dockerem.

  1. Otevřete prohlížeč a přehrajte si s Dockerem.

  2. Přihlaste se pomocí svého účtu Docker Hubu.

  3. Vyberte Start a pak na levém bočním panelu vyberte odkaz + PŘIDAT NOVOU INSTANCI . Po několika sekundách se v prohlížeči otevře okno terminálu.

    Screenshot shows the Play with Docker site with an add new instance link.

  4. V terminálu spusťte aplikaci.

    docker run -dp 3000:3000 <username>/getting-started

    Play with Docker pull down your image and starts it.

  5. Vyberte odznáček 3000 vedle možnosti OTEVŘÍT PORT. Měla by se zobrazit aplikace s úpravami.

    Pokud se odznáček 3000 nezobrazí, vyberte OPEN PORT a zadejte 3000.

Vyčištění prostředků

Udržujte všechno, co jste zatím udělali, abyste mohli pokračovat v této sérii kurzů.

Další kroky

Gratulace. Dokončili jste část 2 a naučili jste se aktualizovat kód a spustit image na nové instanci.

Tady jsou některé zdroje informací, které by pro vás mohly být užitečné:

V dalším kroku vyzkoušejte další kurz v této sérii:

Zachování dat a vrstvy aplikace Dockeru