Sdílet prostřednictvím


Kurz: Vytvoření aplikace Docker pomocí editoru Visual Studio Code

Tento kurz je začátek čtyřdílné série, která představuje Dockeru pro použití se sadou Visual Studio Code (VS Code). Naučíte se vytvářet a spouštět kontejnery Dockeru, uchovávat dataa spravovat více kontejnerů pomocí Docker Compose.

VS Code nabízí rozšíření Dockeru, které umožňuje pracovat s místní desktopovou službou Dockeru. Docker Desktop běží na vašem počítači a spravuje místní kontejnery, což jsou komprimovaná virtualizovaná prostředí, která poskytují platformu pro vytváření a spouštění aplikací. Kontejnery nevyžadují velikost a režii kompletního operačního systému.

V tomto prvním kurzu se naučíte:

  • Vytvořte kontejner Dockeru.
  • Sestavte obraz kontejneru.
  • Spusťte kontejner aplikace.

Požadavky

Tento kurz funguje s Windows 10 nebo novějším a Desktopem Dockeru nakonfigurovaným pro použití kontejnerů Linuxu.

Vytvoření kontejneru

Kontejner je proces ve vašem počítači. Je izolovaný od všech ostatních procesů na hostitelském počítači. Tato izolace používá jádrové jmenné prostory a kontrolní skupiny.

Kontejner používá izolovaný systém souborů. Tento vlastní systém souborů je poskytován kontejnerovým obrázkem . Image obsahuje vše potřebné ke spuštění aplikace, jako jsou všechny závislosti, konfigurace, skripty a binární soubory. Image také obsahuje další konfiguraci kontejneru, jako jsou proměnné prostředí, výchozí příkaz ke spuštění a další metadata.

Po instalaci rozšíření Dockeru pro VS Code můžete pracovat s kontejnery ve VS Code. Kromě kontextových nabídek v podokně Dockeru můžete vybrat Terminal>New Terminal a otevřít okno příkazového řádku. Příkazy můžete také spustit v okně Bash. Pokud není zadaný, může se jakýkoli příkaz označený jako Bash spustit v okně Bash nebo v terminálu VS Code.

  1. Nastavte Docker na režim kontejneru Linuxu. Pokud chcete přepnout na linuxové kontejnery, pokud jste aktuálně nastaveni na kontejnery Windows, klikněte pravým tlačítkem myši na ikonu Dockeru v hlavním panelu systému, zatímco je Spuštěná aplikace Docker Desktop, a zvolte Přepnout na linuxové kontejnery.

  2. Ve VS Code vyberte Terminal>Nový terminál.

  3. V okně terminálu nebo v okně Bash spusťte tento příkaz.

    docker run -d -p 80:80 docker/getting-started
    

    Tento příkaz obsahuje následující parametry:

    • -d Spusťte kontejner v režimu odpojení na pozadí.
    • -p 80:80 Přemapujte port 80 na hostiteli na port 80 v kontejneru.
    • docker/getting-started Určuje obrázek, který se má použít.

    Spropitné

    Pokud chcete zkrátit celý příkaz, můžete zkombinovat příznaky s jedním znakem. Například výše uvedený příkaz může být napsán takto:

    docker run -dp 80:80 docker/getting-started
    
  4. V editoru VS Code vyberte ikonu Dockeru vlevo a zobrazte rozšíření Dockeru.

    Snímek obrazovky ukazuje Docker rozšíření se spuštěným docker/getting-started tutoriálem.

    Rozšíření Docker VS Code ukazuje kontejnery spuštěné na vašem počítači. Můžete přistupovat k protokolům kontejnerů a spravovat životní cyklus kontejneru, jako je zastavení a odebrání.

    Název kontejneru, modest_shockley v tomto příkladu, se náhodně vytvoří. Vaše jméno bude mít jiný název.

  5. Kliknutím pravým tlačítkem myši na docker/getting-started otevřete místní nabídku. Vyberte Otevřít v prohlížeči.

    Místo toho otevřete prohlížeč a zadejte http://localhost/tutorial/.

    Zobrazí se stránka hostovaná místně, o DockerLabs.

  6. Klikněte pravým tlačítkem myši na docker/getting-started a otevřete tak místní nabídku. Vyberte Odebrat a odeberte tento kontejner.

    Pokud chcete kontejner odebrat pomocí příkazového řádku, spuštěním tohoto příkazu získejte ID kontejneru:

    docker ps
    

    Pak kontejner zastavte a odeberte:

    docker stop <container-id>
    docker rm <container-id>
    
  7. Aktualizujte prohlížeč. Stránka Začínáme, kterou jste viděli před chvíli, je pryč.

Vytvoření image kontejneru pro aplikaci

Tento kurz používá jednoduchou aplikaci todo.

Snímek obrazovky ukazuje ukázkovou aplikaci s několika přidanými položkami a textovým polem a tlačítkem pro přidání nových položek.

Aplikace umožňuje vytvářet pracovní položky a označit je jako dokončené nebo je odstranit.

Chcete-li sestavit aplikaci, vytvořte Dockerfile. Soubor Dockerfile je textový skript instrukcí, který slouží k vytvoření image kontejneru.

  1. Přejděte do úložiště Docker Getting Started Tutorial a poté vyberte kód>stáhnout ZIP. Extrahujte obsah do místní složky.

    Snímek obrazovky ukazuje část webu GitHub se zeleným tlačítkem Kód a zvýrazněnou možností Stáhnout ZIP.

  2. Ve VS Code vyberte Soubor>Otevřít složku. V extrahovaném projektu přejděte do složky aplikace a otevřete ji. Měli byste vidět soubor s názvem package.json a dvě složky s názvem src a specifikace.

    snímek obrazovky editoru Visual Studio Code zobrazující otevřený soubor package.json s načtenou aplikací

  3. Vytvořte soubor s názvem dockerfile ve stejné složce jako soubor package.json s následujícím obsahem.

    FROM node:20-alpine
    RUN apk add --no-cache python3 g++ make
    WORKDIR /app
    COPY . .
    RUN yarn install --production
    CMD ["node", "/app/src/index.js"]
    

    Poznámka

    Ujistěte se, že soubor nemá příponu, jako je .txt.

  4. V Průzkumníku souborů vlevo v editoru VS Code klikněte pravým tlačítkem na Dockerfile a vyberte Sestavit obraz. Zadejte začínáme jako značku obrázku do textového pole pro zadání.

    Značka je uživatelsky přívětivý název obrázku.

    Pokud chcete vytvořit image kontejneru z příkazového řádku, použijte následující příkaz ze složky app, která obsahuje dockerfile.

    docker build -t getting-started .
    

K sestavení nové image kontejneru jste použili Dockerfile. Možná jste si všimli, že se stáhlo mnoho „vrstev“. souboru Dockerfile začíná z image node:20-alpine. Pokud už tento obrázek nebyl ve vašem počítači, musel být tento obrázek stažen.

Po stažení image zkopíruje soubor Dockerfile vaši aplikaci a pomocí yarn nainstaluje závislosti vaší aplikace. Hodnota CMD v souboru Dockerfile určuje výchozí příkaz, který se má spustit při spuštění kontejneru z této image.

. na konci příkazu docker build říká, že Docker by měl hledat dockerfile v aktuálním adresáři.

Spusťte kontejner aplikace

Teď, když máte image, můžete aplikaci spustit.

  1. Ke spuštění kontejneru použijte následující příkaz.

    docker run -dp 3000:3000 getting-started
    

    Parametr -d označuje, že kontejner spouštíte v odpojeném režimu na pozadí. Hodnota -p vytvoří mapování mezi portem hostitele 3000 a portem kontejneru 3000. Bez mapování portů byste k aplikaci neměli přístup.

  2. Po několika sekundách v oblasti Dockeru v části CONTAINERSklikněte pravým tlačítkem na getting-started a vyberte Otevřít v prohlížeči. Místo toho můžete otevřít webový prohlížeč na http://localhost:3000.

    Měla by se zobrazit spuštěná aplikace.

    Snímek obrazovky ukazuje ukázkovou aplikaci bez položek a text Žádné položky ještě. Přidejte jednu výše.

  3. Přidejte položku nebo dva k otestování, pokud funguje podle očekávání. Položky můžete označit jako dokončené a odebrat. Front-end úspěšně ukládá položky do back-endu.

Další kroky

Dokončili jste tento kurz a máte spuštěného správce seznamu úkolů s několika položkami. Naučili jste se vytvářet image kontejnerů a spouštět kontejnerizovanou aplikaci.

Zachovejte všechno, co jste zatím udělali, k pokračování této série tutoriálů. Dále zkuste část II této série:

Aktualizace a sdílení aplikace Dockeru

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

  • integrace cloudu Dockeru
  • Příklady