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 -yInstalace 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 -yvyzkoušejte funkčnost
git --version &&
php -vpokud nemáte pro příkaz php nalinkovanou aktuální verzi php, tak zadejte příkaz
sudo update-alternatives --set php /usr/bin/php8.3Dá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
- Po přihlášení klikněte na tlačítko New
- Název repositáře zvolte bez diakritiky a bez mezer.
- Zvolte si viditelnost Public – vidí všichni na internetu, Private – vidíte jen vy a pověření uživatelé.
- Zaškrtněte Add a README file
- 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- V levém menu vyberte ikonku pro verzování.
- Klikněte na tlačítko Clone repository a Clone from GitHub
- Následně vyberte vámi vytvoření repositář.
- 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.phpSkript 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:8000Posíláme na GitHub
- Klikneme na ikonu pro verzování
- Vybereme soubory, které chceme vložit do aktuálního „commitu“.
- Napíšeme „Commit“ zprávu
- Potvrdíme Commit – v tuto chvíli je verze pouze u nás a proto je třeba synchronizovat s GitHub repositářem,
- 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ů.
