Sdílet prostřednictvím

Kurz: Sdílení aplikace typu kontejner pomocí editoru Visual Studio Code

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 návodu se naučíte, jak:

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

Požadavky

Tento kurz pokračuje v předchozím kurzu – Vytvoření kontejnerové aplikace 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.

    Snímek obrazovky ukazuje rozšíření Nástroje kontejneru s vybraným kontejnerem a místní nabídkou, ve které je vybrána položka Odebrat.

    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 diskového obrazu. V Průzkumníku souborů klikněte pravým tlačítkem na Dockerfile a pak vyberte Vytvořit 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č na http://localhost:3000, aby se zobrazil aktualizovaný text nápovědy.

    Snímek obrazovky ukazuje ukázkovou aplikaci s upraveným textem popsaným výše.

Sdílení obrázku

Teď, když jste vytvořili image, můžete ji sdílet. Ke sdílení imagí kontejneru použijte registr kontejneru. 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 příklad příkazu k provedení operace push do tohoto úložiště.

    Snímek obrazovky znázorňující stránku Centra Dockeru s navrhovaným příkazem Dockeru

  5. V nástroji VS Code v Průzkumníku kontejnerů 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 Průzkumníku kontejneru VS Code klikněte v části OBRÁZKY pravým tlačítkem myši na značku obrázku a vyberte Odeslat. Zadejte obor názvů a značku nebo přijměte výchozí hodnoty.

  7. Chcete-li nahrát na Docker Hub 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 přesunutí kontejneru použijte následující příkaz.

    docker push <username>/getting-started

Spustit obraz na 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.

    Snímek obrazovky ukazuje web Play with Docker s odkazem na přidání nové instance.

  4. V terminálu spusťte aplikaci.

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

    Play with Docker stáhne váš obraz a spustí ho.

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

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

Vyčistěte zdroje

Zachovejte vše, co jste zatím udělali, abyste mohli pokračovat v této sérii návodů.

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:

Ukládání dat a vrstvení aplikace Docker

  • Last updated on