Dacă creați un site web, probabil că veți dori să-l testați înainte de a-l găzdui pe internet pentru a vă asigura că funcționează corect.

În mod ideal, ar trebui să vă testați site-ul pe același server web pe care va rula atunci când intrați în direct. Acest lucru vă permite să fiți sigur că site-ul dvs. se va comporta în producție în același mod în care se comportă local. Din fericire, majoritatea serverelor web sunt ușor de instalat și utilizat pe computerul local.

Pe un computer cu Windows, puteți utiliza Internet Information Services (IIS). IIS vine gratuit cu Windows, așa că tot ce trebuie să faceți este să îl activați și să îl configurați pentru a vă vizualiza site-ul web.

Ce este Internet Information Services?

IIS este un server web pe care îl puteți utiliza pentru a găzdui site-uri web statice sau dinamice. A serverul web funcționează de difuzarea conținutului – cum ar fi fișiere HTML, JavaScript sau media – către browserul unui utilizator, ca răspuns la o solicitare.

Unele cadre precum Angular au deja servere web de bază încorporate. Acestea vor servi site-ul dvs. pentru a previzualiza și testa la nivel local, folosind domeniul localhost. Cu toate acestea, există câteva scenarii în care trebuie să configurați singur un server web complet.

instagram viewer

Un exemplu în acest sens este publicarea unei scene dintr-un proiect Unity. Este posibil să primiți o eroare dacă încercați să deschideți fișierul index.html direct în browser, fără a rula un server web. În acest caz, puteți stoca fișierele dvs. Unity WebGL în IIS și le puteți rula pe server.

Cum se activează IIS

Activați IIS folosind Activați și dezactivați funcțiile Windows meniu pe Windows.

  1. Caută Activați și dezactivați funcțiile Windows folosind bara de căutare:
  2. Selectează Servicii de informare pe Internet opțiune:
  3. Extinde Servicii de informare pe Internetși selectați toate subfuncțiile de care aveți nevoie:
  4. Clic O.Kși așteptați ca Windows să aplice noile modificări. În viitor, dacă decideți să eliminați sau să modificați orice caracteristică, Windows vă poate solicita să reporniți computerul înainte de a le aplica.
  5. Căutați aplicația IIS, care va fi acum disponibilă pentru a fi deschisă pe computerul dvs. Windows:
  6. Deschideți IIS pentru a vizualiza consola IIS:

Cum să creați un site web de testare simplu

Creați un site web static simplu folosind HTML și CSS.

  1. Creați un fișier nou numit index.html. Adăugați următorul conținut la fișier:
    <!DOCTYPE html>
    <limba html="ro-noi">
    <cap>
    <titlu> Site de testare simplu </title>
    <meta content="text/html; set de caractere=utf-8" />
    <link rel="foaia de stil" href="stiluri.css">
    <link rel="foaia de stil" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <corp>
    <div class="nav">
    <nav class="navbar navbar-inverse nav">
    <div class="navbar-header">
    <o clasă="navbar-brand" href="#"> Site-ul web </A>
    </div>
    <ul class="nav navbar-nav">
    <li class="activ"><a href="#"> Acasă </A></li>
    <li><a href="#"> Despre </A></li>
    <li><a href="#"> a lua legatura </A></li>
    </ul>
    </nav>
    </div>
    <div class="recipient">
    <h1> Acesta este un site de testare </h1>
    </div>
    </body>
    </html>
  2. Creați un nou fișier CSS numit stiluri.css. Adăugați următorul stil la fișier.
    * {
    familie de fonturi: sans-serif;
    }
    .nav {
    hotar-raza: 0px !important;
    culoare: alb;
    }
    

    .legătură {
    margine-dreapta: 10px;
    marimea fontului: 12pct;
    }
    

    .marca {
    margine-stânga: 20px;
    margine-dreapta: 40px;
    marimea fontului: 18pct;
    }
    .container {
    aliniere text: centru;
    căptușeală: 40px 20px;
    }
  3. Creați un folder nou în C:\inetpub\wwwroot directorul de pe computer, numit MyTestWebsite. Acest folder este utilizat în mod special pentru stocarea paginilor web și a altor conținuturi care alcătuiesc site-ul dvs.
  4. Copiați sau mutați index.html și stiluri.css fișiere în noul MyTestWebsite pliant.

Cum să adăugați și să vă configurați site-ul web folosind IIS

Pentru a vă găzdui site-ul web folosind IIS, creați un site web nou și direcționați-l către conținutul dvs.

  1. În bara laterală din stânga a consolei IIS, faceți clic dreapta pe Site-uri director.
  2. Din opțiunile din meniu, selectați Adăugați site-ul web, pentru a deschide fereastra de configurare:
  3. Adăugați un nume la Numele site-ului, cum ar fi „Site-ul meu de testare”. IIS va completa automat câmpul pentru pool-ul de aplicații.
  4. Adăugați calea fizică, care este locația în care ați stocat fișierele site-ului dvs. pe computer. Faceți clic pe cele trei puncte pentru a selecta un folder. Din meniu, navigați la MyTestWebsite folder, sub C:\inetpub\wwwroot director.
  5. Selectați https ca Tip. Implicit Port pentru HTTPS este 443, dar puteți schimba portul cu altceva dacă acesta este utilizat în prezent.
  6. De asemenea, puteți configura un nume de gazdă, dar lăsați acest necomplet pentru moment.
  7. Pentru Certificat SSL, Selectați Certificat de dezvoltare IIS Express.
  8. Selectați Porniți site-ul imediat, și faceți clic pe O.K.
  9. Evidențiați noul Site-ul meu de testare directorul din coloana din stânga.
  10. Click pe Setari avansate, care se află în lista de opțiuni din partea dreaptă a panoului.
  11. În secțiunea Comportament, modificați Protocoale activate opțiunea la „https” și faceți clic pe O.K.
  12. Dacă doriți să editați aceste detalii în orice moment, puteți face clic pe Setări de bază sau Setari avansate opțiuni din meniul din dreapta.

Cum să opriți, să porniți sau să reporniți site-ul dvs. web pe serverul web

Pentru a porni serverul dvs. web și a vizualiza site-ul dvs., faceți clic pe opțiunea Răsfoire din meniul din dreapta. De asemenea, puteți reporni sau opri serverul web în orice moment.

  1. Pentru a rula serverul dvs. web, faceți clic pe Răsfoiește *:443 (https) în meniul din dreapta.
  2. Site-ul dvs. web ar trebui să ruleze acum pe serverul web. Îl puteți accesa prin adresa URL https://localhost/. Dacă primiți un avertisment despre conexiunea la site-ul dvs. nu este sigură, dvs poate fi necesar să utilizeze un alt certificat SSL valid. Poți găsi bine documentație de la Microsoft despre cum puteți crea un nou certificat SSL și îl puteți utiliza în IIS.
  3. Pentru a opri sau reporni serverul web, faceți clic pe Stop sau Repornire în meniul din dreapta.

Găzduirea unui site web utilizând IIS

Testarea locală este o parte importantă a oricărui ciclu de dezvoltare, inclusiv atunci când construiți un site web.

Vă puteți găzdui site-ul web local utilizând serverul web Internet Information Services (IIS). Îl puteți folosi pentru a găzdui orice site web static (cum ar fi un site HTML sau CSS standard) sau un site web dinamic (cum ar fi un site ASP.NET).

Există diverse opțiuni dintre care puteți alege atunci când vă găzduiți site-ul online. Dacă găzduiți un site web simplu, puteți stoca fișierele site-ului dvs. pe Dropbox, Google Drive sau One Drive, înainte de a le găzdui.