MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Learn web development

How do you set up a local testing server?

Acest articol explică modul de configurare și de utilizare al unui server local de testare pe sistemul tău.

Cerințe necesare: Mai întâi trebuie să știi cum funcționează Internetul și ce este un server web.
Obiectiv: Vei învăța cum să configurezi un server local de testare.

Fișiere locale versus fișiere la distanță

În timpul învățării, îți spunem să deschizi direct exemplele în browser — acest lucru se face prin dublu clic pe fișierul HTML, sau trăgându-l în fereastra browserului sau alegând File > Open... și navigând la fișierul HTML, etc. Există mai multe modalități de a realiza acest lucru.

Știi dacă execuți exemplul dintr-un fișier local deoarece adresa web va avea file:// la începutul acesteia, urmată de calea către fișierul de pe hard diskul local. În schimb, dacă vezi unul dintre exemplele noastre găzduite pe GitHub (sau un exemplu pe un alt server la distanță), adresa web va avea http:// sau https:// la începutul acesteia, pentru a arăta că fișierul a fost recepționat prin HTTP.

Problema cu testarea fișierelor locale

Anumite exemple nu se vor executa dacă le deschizi ca fișiere locale. Acest lucru poate fi din diferite motive, cele mai probabile fiind:

  • Acestea includ cereri asincrone. Anumite browsere (inclusiv Chrome) nu vor executa cereri asincrone (a se vedea Preluarea datelor de pe server) dacă vei rula exemplul dintr-un fișier local. Acest lucru se datorează restricțiilor de securitate (pentru mai multe informații despre securitatea web, citește Securitatea siteurilor web).
  • Acestea includ un limbaj de server. Limbajele de tip server-side (precum PHP sau Python) necesită un server special pentru a interpreta codul și pentru a furniza rezultatele.

Rularea unui server local HTTP

Pentru a rezolva problema cererilor asincrone, trebuie să testăm acest tip de exemple prin intermediul unui server web local. Una dintre cele mai ușoare căi de a face acest lucru, pentru scopurile noastre este prin utilizarea modulului Python SimpleHTTPServer.

Pentru a face acest lucru:

  1. Instalează Python. Dacă utilizezi Linux sau Mac OS X, acesta ar trebui să fie deja disponibil pe sistemul tău. Dacă ești utilizator Windows, poți folosi un program de instalare de la pagina principală Python și urmărește instrucțiunile de instalare:

    • Mergi la python.org
    • În secțiunea de Download, clic pe linkul pentru Python „3.xxx”.
    • În partea de jos a paginii, alege Windows x86 executable installer și descarcă-l.
    • Când se termină de descărcat, rulează-l.
    • Atunci când îl instalezi, asigură-te că bifezi căsuța de selectare „Add Python 3.xxx to PATH”.
    • Clic pe Install, apoi Close după ce se termină de instalat.
  2. Deschide linia de comandă (Windows) / Terminal (OS X/Linux). Pentru a verifica dacă Python este instalat, poți introduce următoarea comandă:

    python -V
  3. Aceasta ar trebui să returneze un număr de versiune. Dacă versiunea este în regulă, navighează la directorul în care se află exemplul tău, utilizând comanda cd.

    # include numele directorului, de exemplu
    cd Desktop
    # dacă ai nevoie folosește două puncte pentru a sări un nivel
    cd ..
  4. Introdu comanda pentru a porni serverul în acel director:

    # Pentru Mac și Linux
    python -m SimpleHTTPServer
    # Pentru Windows
    python -m http.server
  5. În mod implicit, aceasta va executa conținuturile directorului pe un server web local, pe portul 8000. Poți accesa acest server mergând la adresa localhost:8000 în browserul tău. Aici vei vedea conținutul directorului listat — clic pe fișierul HTML pe care vrei să-l rulezi.

Notă: Dacă ai ceva care rulează pe portul 8000, poți alege un alt port rulând comanda pentru server urmată de un număr de port alernativ, de ex. python -m SimpleHTTPServer 7800. Apoi poți accesa conținutul tău la adresa localhost:7800.

Rularea limbajelor de tip server-side local

Modulul Python SimpleHTTPServer este util dar nu știe cum să ruleze cod scris în limbaje precum PHP sau Python. Pentru a rezolva acest lucru, o să ai nevoie de ceva mai mult — mai exact ceea ce ai nevoie depinde de limbajul de server pe care încerci să-l execuți. Iată câteva exemple:

  • Pentru a executa cod Python, o să ai nevoie să utilizezi un framework web de Python. Poți afla cum să utilizezi frameworkul Django dacă citești Django Web Framework (Python). Flask este o altenativă mai bună la Django. Pentru a rula va trebui să instezi Python/PIP, apoi să instalezi Flask utilizând pip3 install flask. În acest moment vei putea să rulezi exemplele Python Flask utilizând de exemplu python3 python-example.py, apoi navigând la localhost:5000 în browserul tău.
  • Pentru a executa cod Node.js (JavaScript), va trebui să folosești node sau un framework construit pe acesta. Express este o alegere bună — vezi Express Web Framework (Node.js/JavaScript).
  • Pentru a executa cod PHP, va trebui să configurezi un server care poate interpreta PHP. Opțiuni bune pentru testarea locală a PHP sunt MAMP (Mac și Windows) , AMPPS (Mac, Windows, Linux) și LAMP (Linux, Apache, MySQL, și PHP/Python/Perl). Acestea sunt pachete care creează setări locale care îți permit să rulezi serverul Apache, PHP și baze de date MySQL.

Document Tags and Contributors

 Contributors to this page: alexandracaulea
 Last updated by: alexandracaulea,