Populární 2024 PHP Dev Stack s Dockerem ve Windows

Zajímá vás, jak si jednoduše připravit vývojové prostředí pro programování v PHP a neudělat si zbytečný bordel ve Windows? WSL a Docker nám s tím pomůžou. Čtěte dále.

Nejprve proveďte kompletní aktualizaci systému Windows a restartartujte váš systém.

Povolení virtualizace

Virtualizace v BIOS

V základním nastavení počítače (BIOS) je potřeba povolit virtualizaci – obvykle Intel Virtualization Technology nebo AMD SVM Technology.

Takto to například vypadá na mém notebooku značky Dell.

Virtualizace ve Windows

V nabídce start vyhledejte sekci Zapnout nebo vypnout funkce systému Windows

Zaškrtněte Platforma virtuálního počítače a Subsystém Windows pro Linux, pokud nejsou již zatržené.

WSL – Subsystém pro Linux s Ubuntu

Linux Kernel Update Package

Stáhněte Linux Kernel Update Package a nainstalujte tento balíček.

Instalace Ubuntu

V Microsoft Store vyhledejte ubuntu a nainstalujte verzi 24.04 LTS

Po spuštění zadejte uživatelské jméno - ideálně bez diakritky, malými písmeny a bez mezer.

Aktualizujte Ubuntu

Zadejte v příkazové řádce (Bash) v Ubuntu

sudo apt update -y && sudo apt upgrade -y

Instalace Git a PHP 8.3 a doprovodných knihoven

sudo apt install git software-properties-common -y && 
sudo add-apt-repository ppa:ondrej/php -y && 
sudo apt update -y && 
sudo apt install php8.3 php8.3-zip php8.3-gd php8.3-mbstring php8.3-mysql php8.3-intl php8.3-xml -y

vyzkoušejte funkčnost

git --version && 
php -v

pokud nemáte pro příkaz php nalinkovanou aktuální verzi php, tak zadejte příkaz

sudo update-alternatives --set php /usr/bin/php8.3

Dále si pak nainstalujte podle návodu Composer pro instalaci PHP balíčků.

Docker Desktop

Stáhněte a nainstalujte Docker Desktop for Windows. Při spuštění ponechte výchozí nastavení instalace. Založení uživatelského účtu je volitelné, ale doporučuji určitě pro budoucí práci s vlastními Docker image se hodí.

Povolení integrace s WSL

Klikněte v Docker Desktop na ozubené kolečko a v nastavení viz. obrázek vyberte konkrétní distribuci

Visual Studio Code

A nyní přichází řada na IDE (vývojové prostředí). Mé oblíbené je Visual Studio Code, které je zdarma. (Stáhnout VS Code)

Po prvním spuštění se vpravo dole automaticky objeví hláška pro instalaci rozšíření Remote – WSL nebo jen WSL a to chceme, proto klikneme na Install. Následně je potřeba restartovat VS Code.

Pokud vám hláška nevyskočila, tak můžete rozšíření Remote – WSL najít v sekci Extensions viz. obrázek. Pokud byste nenašli Remote – WSL, tak vyhledejte pouze WSL

Pro vývoj webových aplikací je ideální přepnout si VS Code do Ubuntu – WSL. Poté můžeme využívat všechny příkazy, které jsme nainstalovali na začátku tohoto článku, jako je např. příkaz git.

Visual Studio Code nabízí velice jednoduché propojení s účtem na GitHubu. Takže pokud ještě nemáte účet, tak se zaregistrujte.

Jakmile budete mít vytvořený účet, můžete provést propojení následujícím způsobem přes ikonu panáčka vlevo dole. Pokračujte Sign in with GitHub. Klikněte na zelné tlačítko Continue a povolte otevření odkaz v programu Visual Studio Code.

Vytvoření repositáře na GitHubu

1. Po přihlášení klikněte na tlačítko New
2. Název repositáře zvolte bez diakritiky a bez mezer.
3. Zvolte si viditelnost Public – vidí všichni na internetu, Private – vidíte jen vy a pověření uživatelé.
4. Zaškrtněte Add a README file
5. Klikněte na Create repository

Zklonování repositáře do Visual Studio Code

Otevřete si příkazovou řádku BASH – Ctrl + Shift + ; (Středník) nebo v horním menu Terminal – New terminal

Pro ověření uživatele je potřeba nastavit globální konfigurace lokálního Gitu:

git config --global user.email "[email protected]"

git config --global user.name "githubusername"

# příkazem cd se dostanete do svého domovského adresáře
cd

# vytvořte si adresář web projects
mkdir web-projects

1. V levém menu vyberte ikonku pro verzování.
2. Klikněte na tlačítko Clone repository a Clone from GitHub
3. Následně vyberte vámi vytvoření repositář.
4. Dále je potřeba vybrat adresář, kam se má projekt stáhnout. V mém případě je to absolutní cesta /home/martin/web-projects/

Prázdný projekt by se nyní měl otevřít včetně souboru README.md

Jak vytvořit první PHP skript

Klávesovou zkratkou Ctrl + N vytvoříme nový soubor, Vepíšeme do něj kód

<?php

echo "I am alive";

Zmáčkneme Ctrl + S pro uložení a nazveme jej index.php.

Zkusíme spustit náš první php skript v příkazové řádce Bash (Terminálu ve Visual Studio Code) příkazem:

php index.php

Skript můžeme povýšit na webovou stránku velmi jednoduchým způsobem.

Síla IDE se nám projeví při napsání html:5 do souboru index.php a zmáčknutí Enter.

PHP kód pak přesuneme do těla stránky – body. Výsledný kód vypadá takto:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<?php

echo "I am alive";

?>
</body>
</html>

V tuto chvíli bychom si přáli stránku otevírat v prohlížeči, proto nám výstup do příkazové řádky nestačí. Musíme tedy spustit PHP vestavěny webserver příkazem:

php -S localhost:8000

Posíláme na GitHub

1. Klikneme na ikonu pro verzování
2. Vybereme soubory, které chceme vložit do aktuálního „commitu“.
3. Napíšeme „Commit“ zprávu
4. Potvrdíme Commit – v tuto chvíli je verze pouze u nás a proto je třeba synchronizovat s GitHub repositářem,
5. to uděláme kliknutím na šipku v levém dolním rohu (znaméná odesílání). Naopak, pokud budeme chtít stahovat verzi z GitHubu, objeví se šipka dolů.