Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:fejlesztoi_koernyezet_kialakitasa

< Web

Webes fejlesztői környezet kialakítása

Fejlesztői környezet

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.

Fejlesztő eszköz

Különbséget kell tennünk az IDE és a kódszerkesztő között.

IDE:

  • támogatja:
    • kódszerkesztés
    • fordítás
    • futtatás
    • hibakeresés
  • általában egyetlen nyelvre összpontosít
  • tartalmazza a nyelvre jellemző hibakeresőt

Kódszerkesztő:

  • több nyelvet támogat
  • képességeik a kódolásra korlátozódnak

Itt most egy kódszerkesztő kerül ajánlásra.

Szerver

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.

LAMP szerverek

Megoldás gyűjtemény dinamikus weboldalak létrehozására.

  • Linux
  • Apache
  • MariaDB vagy MySQL
  • Perl, PHP vagy Python

Telepítés Linuxon

apt-get update
apt-get install apache2 php5 mysql-server

LEMP szerver

A LEMP szerver esetén az Apache-t felváltja a Nginx:

  • Linux
  • Enginx
  • MySQL
  • PHP

Tenedők:

apt install nginx
ufw allow 'Nginx HTTP'
apt install mysql-server
apt install php-fpm php-mysql

WAMP szerver

A LAMP windowsos változata, a WAMP tartalmazza a webszervert, adatbázis szervert és PHP-t.

  • Windows
  • Apache
  • MySQL
  • PHP

XAMPP

A LAMP szerverek keresztplatformos változata. Telepíthető Windows, Linux és macOS gépekre is.

Virtuális gép

Virtuális gép segítheti az alkalmazásunk kipróbálást kifejezetten szervernek szánt gépen.

PHP Debugger

A hibakereséshez jól jön egy PHP hibakövető:

PHP függőségkezelő

Deploy eszköz

A telepítés automatizálásához egyik megoldás lehet a Deployer:

Szoftverek

Megjegyzés: A Notepad++ UTF-8 BOM-al hibás PHP értelmezést eredményez. Dolgozzunk BOM nélkül.

Statisztika

live-server

# 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:

SimpleHTTPServer

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 HTTP Server

$ 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

Regex tesztelő

Kódformáló

Weblap sebessége

Böngésző irányítása

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 

Geany

Telepítés

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

Beállítások

Néhány hasznos beállítás:

  • Szerkesztés > Beállítások
    • Általános > Egyéb > „A projekt alapkönyvtárába mentse a projekt fájlt
    • Fájlok > Kódolások > „Alapértelmezett kódolás (új fájlok): Unicode (UTF-8)
    • Terminál > [✔] „Az aktuális fájl elérési útjának követése

Bővítmény aktiválása

A feltelepített bővítményeket aktiválni kell.

  • Eszközök > Bővítménykezelő

Néhány ajánlás:

  • [✔] Ablak felosztása
  • [✔] Lipsum
  • [✔] Lua Script
  • [✔] Spell Check
  • [✔] TreeBrowser
  • [✔] Web helper
  • [✔] XML Snippets
oktatas/web/fejlesztoi_koernyezet_kialakitasa.txt · Utolsó módosítás: 2020/01/28 20:10 szerkesztette: admin