Se stai creando un sito Web, probabilmente vorrai testarlo prima di ospitarlo su Internet per assicurarti che funzioni correttamente.

Idealmente, dovresti testare il tuo sito sullo stesso server web su cui verrà eseguito quando andrai in diretta. Ciò ti consente di essere sicuro che il tuo sito si comporterà in produzione allo stesso modo in cui si comporterà a livello locale. Fortunatamente, la maggior parte dei server Web è facile da installare e utilizzare sul tuo computer locale.

Su un PC Windows è possibile utilizzare Internet Information Services (IIS). IIS viene fornito gratuitamente con Windows, quindi tutto ciò che devi fare è abilitarlo e configurarlo per visualizzare il tuo sito web.

Che cosa sono i servizi di informazione su Internet?

IIS è un server Web che puoi utilizzare per ospitare siti Web statici o dinamici. UN il server web funziona da fornire contenuti, come HTML, JavaScript o file multimediali, al browser di un utente, in risposta a una richiesta.

Alcuni framework come Angular dispongono già di server Web integrati di base. Questi serviranno al tuo sito Web per visualizzare in anteprima e testare localmente, utilizzando il dominio localhost. Tuttavia, ci sono alcuni scenari in cui è necessario configurare da soli un server Web completo.

instagram viewer

Un esempio è quando si pubblica una scena da un progetto Unity. È probabile che venga visualizzato un errore se si tenta di aprire il file index.html direttamente nel browser, senza un server Web in esecuzione. In questo caso, è possibile archiviare i file Unity WebGL in IIS ed eseguirli sul server.

Come abilitare IIS

Abilita IIS usando il Attiva e disattiva le funzionalità di Windows menu su Windows.

  1. Cercare Attiva e disattiva le funzionalità di Windows utilizzando la barra di ricerca:
  2. Seleziona il Servizi di informazione su Internet opzione:
  3. Espandere Servizi di informazione su Internete seleziona tutte le funzionalità secondarie di cui hai bisogno:
  4. Clic OKe attendi che Windows applichi le nuove modifiche. In futuro, se decidi di rimuovere o modificare alcune funzionalità, Windows potrebbe chiederti di riavviare il computer prima di applicarle.
  5. Cerca l'applicazione IIS, che sarà ora disponibile per l'apertura sul tuo computer Windows:
  6. Aprire IIS per visualizzare la console IIS:

Come creare un semplice sito Web di prova

Crea un semplice sito web statico usando HTML e CSS.

  1. Crea un nuovo file chiamato indice.html. Aggiungi il seguente contenuto al file:
    <!DOCTYPE html>
    <lingua html="it-us">
    <testa>
    <titolo> Sito di prova semplice </title>
    <metacontenuto="testo/html; set caratteri=utf-8" />
    <collegamento rel="foglio di stile" href="stili.css">
    <collegamento rel="foglio di stile" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <sorgente dello script="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <sorgente dello script="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <corpo>
    <classe div="nav">
    <classe di navigazione="navbar navbar-nav inversa">
    <classe div="intestazione della barra di navigazione">
    <una classe="navbar-marca" href="#"> Sito web </un>
    </div>
    <ul classe="nav navbar-nav">
    <li classe="attivo"><ahref="#"> Casa </un></li>
    <li><ahref="#"> Di </un></li>
    <li><ahref="#"> Contatto </un></li>
    </ul>
    </nav>
    </div>
    <classe div="contenitore">
    <h1> Questo è un sito web di prova </h1>
    </div>
    </body>
    </html>
  2. Crea un nuovo file CSS chiamato stili.css. Aggiungi il seguente stile al file.
    * {
    famiglia di font: sans-serif;
    }
    .nav {
    raggio di confine: 0px !importante;
    colore: bianca;
    }
    

    .collegamento {
    margine-destra: 10px;
    dimensione del font: 12pt;
    }
    

    .marca {
    margine sinistro: 20px;
    margine-destra: 40px;
    dimensione del font: 18pt;
    }
    .contenitore {
    allineamento del testo: centro;
    imbottitura: 40px 20px;
    }
  3. Crea una nuova cartella in C:\inetpub\wwwroot directory sul tuo computer, chiamato MyTestWebsite. Questa cartella viene utilizzata specificamente per memorizzare le pagine Web e altri contenuti che compongono il tuo sito Web.
  4. Copia o sposta il indice.html e stili.css file nel nuovo MyTestWebsite cartella.

Come aggiungere e configurare il tuo sito Web utilizzando IIS

Per ospitare il tuo sito Web utilizzando IIS, crea un nuovo sito Web e indirizzalo al tuo contenuto.

  1. Nella barra laterale sinistra della console IIS, fai clic con il pulsante destro del mouse su Siti directory.
  2. Dalle opzioni nel menu, selezionare Aggiungi sito web, per aprire la finestra di configurazione:
  3. Aggiungi un nome al Nome del sito, ad esempio "Il mio sito Web di prova". IIS compilerà automaticamente il campo per il pool di applicazioni.
  4. Aggiungi il percorso fisico, che è la posizione in cui hai archiviato i file del tuo sito Web sul computer. Fare clic sui tre punti per selezionare una cartella. Dal menu, vai a MyTestWebsite cartella, sotto il C:\inetpub\wwwroot directory.
  5. Seleziona https come Tipo. Il predefinito Porta per HTTPS è 443, ma puoi cambiare la porta in qualcos'altro se è attualmente in uso.
  6. Puoi anche configurare un nome host, ma lascia vuoto questo campo per ora.
  7. Per il Certificato SSL, Selezionare Certificato di sviluppo IIS Express.
  8. Selezionare Avvia subito il sito webe fare clic su OK.
  9. Evidenzia il nuovo Il mio sito di prova directory nella colonna di sinistra.
  10. Clicca su Impostazioni avanzate, che si trova nell'elenco delle opzioni sul lato destro del pannello.
  11. Nella sezione Comportamento, cambia il Protocolli abilitati opzione su "https" e fare clic su OK.
  12. Se desideri modificare questi dettagli in qualsiasi momento, puoi fare clic su Impostazioni di base o Impostazioni avanzate opzioni nel menu di destra.

Come fermare, avviare o riavviare il tuo sito Web sul server Web

Per avviare il tuo server web e visualizzare il tuo sito web, fai clic sull'opzione Sfoglia nel menu di destra. Puoi anche riavviare o arrestare il server web in qualsiasi momento.

  1. Per eseguire il tuo server web, fai clic su Sfoglia *:443 (https) nel menu di destra.
  2. Il tuo sito web dovrebbe ora essere in esecuzione sul server web. Puoi accedervi tramite l'URL https://localhost/. Se ricevi un avviso sul fatto che la connessione al tuo sito non è sicura, tu potrebbe essere necessario utilizzare un certificato SSL valido diverso. Puoi trovare del bene documentazione di Microsoft su come creare un nuovo certificato SSL e utilizzarlo in IIS.
  3. Per arrestare o riavviare il server web, fare clic su Fermare o Ricomincia nel menu di destra.

Hosting di un sito Web utilizzando IIS

I test locali sono una parte importante di qualsiasi ciclo di sviluppo, anche durante la creazione di un sito web.

Puoi ospitare il tuo sito Web localmente utilizzando il server Web di Internet Information Services (IIS). Puoi usarlo per ospitare qualsiasi sito Web statico (come un sito HTML o CSS standard) o un sito Web dinamico (come un sito ASP.NET).

Ci sono varie opzioni tra cui scegliere quando si ospita il tuo sito web online. Se stai ospitando un sito Web semplice, puoi archiviare i file del tuo sito Web su Dropbox, Google Drive o One Drive, prima di ospitarli.