Egy egyszerű webes fejlesztői környezet esetén, szükségünk van egy IDE eszközre, vagy egy kódszerkesztőre, webszerverre, virtuális gépekre, PHP Debugger-re; a webszerveren PHP és adatbázis-kezelő rendszer.
Különbséget kell tennünk az IDE és a kódszerkesztő között.
IDE:
Kódszerkesztő:
Tartalom köré HTML elem:
Több sor számára HTML elem beállítása. Például van egy ilyen lista:
alma körte barack szilva
Szeretnénk egyetlen menetben li elemek közzé tenni.
Lehetővé teszi fájlok megnyitását böngészőben.
Az open in broser használata:
Ha nincs beállítva az alapértelmezett böngésző, akkor válasszuk a második lehetőséget.
Opcionális:
Szükségünk van egy szerverre, ahol kipróbálhatjuk fejlesztői változatunkat. Erre valamilyen LAMP szervert szokás használni, ami tartalmaz webszervert, adatbázisszervert, PHP vagy Perl nyelvet; a webszerver pedig képes futtatni a PHP vagy a Perl scripteket.
Megoldás gyűjtemény dinamikus weboldalak létrehozására.
Telepítés Linuxon
apt-get update apt-get install apache2 php5 mysql-server
A LEMP szerver esetén az Apache-t felváltja a Nginx:
Tenedők:
apt install nginx ufw allow 'Nginx HTTP' apt install mysql-server apt install php-fpm php-mysql
A LAMP windowsos változata, a WAMP tartalmazza a webszervert, adatbázis szervert és PHP-t.
A LAMP szerverek keresztplatformos változata. Telepíthető Windows, Linux és macOS gépekre is.
Error: Cannot create file "C:\xammp\xampp-control.ini
Megoldás:
choco install xampp-73
Szükség szerint más verziók is telepíthetők:
choco install xampp-74
choco install xampp-80
choco install xampp-81
Virtuális gép segítheti az alkalmazásunk kipróbálást kifejezetten szervernek szánt gépen.
A hibakereséshez jól jön egy PHP hibakövető:
A telepítés automatizálásához egyik megoldás lehet a Deployer:
Megjegyzés: A Notepad++ UTF-8 BOM-al hibás PHP értelmezést eredményez. Dolgozzunk BOM nélkül.
# npm install -g live-server
Abban a könyvtárban, ahol a HTML oldalunk van, futtassuk:
$ live-server
A szerver elindul, a webhely pedig a következő címen érhető el:
A live-server dokumentációjában kapcsolók használatát is gyakorolhatjuk:
Pythonnal együtt felkerül egy SimpleHTTPServer nevű webszerver is. Indítása a webhelyet tartalmazó könyvtárban:
$ python -m SimpleHTTPServer
Alapértelmezett port 8000, vagyis így érhető el a böngészőben:
De megadható más port is:
$ python -m SimpleHTTPServer 9999
$ php -S localhost:8000
$ php --server localhost:8000
$ php -S localhost:8000 -t .
$ php -S localhost:8000 -t public
$ php --server localhost:8000 --docroot public
A böngészőbe:
localhost:8000
A böngésző aktuális lapjának frissítése parancssorból:
xdotool search --onlyvisible --class Chrome windowfocus key ctrl+r
xdotool search --onlyvisible --class vivaldi windowfocus key ctrl+r
Ha az ablak nincs előtérben, előtérbe hozzuk:
xdotool windowactivate $(xdotool search --class vivaldi | tail -1) key ctrl+r
A Geany és kiegészítői telepítése Debian GNU/Linuxon:
apt install geany geany-plugin*
A PHP munkához szükség lesz még php csomagra is:
apt install php
Néhány hasznos beállítás:
A feltelepített bővítményeket aktiválni kell.
Néhány ajánlás:
A snippets-ek lehetővé teszik, hogy egy rövid kulcsszó beírása után, a Tabulátor gomb megnyomására beírjon a Geany egy komplett kódsort. A snippets a fájl kiterjesztéséből tudja, hogy milyen snippet-t kell használnia, vagyis előbb szükség van egy mentett állományra a működéshez.
A snippets beállítások a következő helyen találhatók:
Kiegészítések a snippets beállításokhoz:
[Javascript] con=console.log(%cursor%); [HTML] html=<!DOCTYPE html>\n<html lang="hu">\n<head>\n\t<meta charset="utf-8">\n\t<title></title>\n</head>\n<body>\n\t<h1>%cursor%</h1>\n\t<p></p>\n\n</body>\n</html>\n link=<link rel="stylesheet" href="%cursor%"> sc=<script src="%cursor%"></script>
További beállítások: Geany snippets