Se você estiver criando um site, provavelmente desejará testá-lo antes de hospedá-lo na Internet para garantir que funcione corretamente.

Idealmente, você deve testar seu site no mesmo servidor da Web em que ele será executado quando você for ao ar. Isso permite que você tenha certeza de que seu site se comportará na produção da mesma forma que se comporta localmente. Felizmente, a maioria dos servidores web são fáceis de instalar e usar em seu computador local.

Em um PC com Windows, você pode usar os Serviços de Informações da Internet (IIS). O IIS é fornecido gratuitamente com o Windows, portanto, tudo o que você precisa fazer é habilitá-lo e configurá-lo para visualizar seu site.

O que são serviços de informações da Internet?

O IIS é um servidor web que você pode usar para hospedar sites estáticos ou dinâmicos. UMA servidor web funciona por servir conteúdo — como HTML, JavaScript ou arquivos de mídia — para o navegador de um usuário, em resposta a uma solicitação.

Alguns frameworks, como o Angular, já possuem servidores web básicos embutidos. Eles servirão seu site para visualizar e testar localmente, usando o domínio localhost. No entanto, existem alguns cenários em que você mesmo precisa configurar um servidor Web completo.

Um exemplo disso é ao publicar uma cena de um projeto do Unity. É provável que você receba um erro se tentar abrir o arquivo index.html diretamente em seu navegador, sem um servidor web em execução. Nesse caso, você pode armazenar seus arquivos Unity WebGL no IIS e executá-los no servidor.

Como habilitar o IIS

Habilite o IIS usando o Ativar e desativar recursos do Windows menus no Windows.

  1. Procurar por Ativar e desativar recursos do Windows usando a barra de pesquisa:
  2. Selecione os Serviços de Informação da Internet opção:
  3. Expandir Serviços de Informação da Internete selecione todos os sub-recursos necessários:
  4. Clique OKe aguarde o Windows aplicar as novas alterações. No futuro, se você decidir remover ou alterar algum recurso, o Windows poderá solicitar que você reinicie o computador antes de aplicá-lo.
  5. Procure o aplicativo IIS, que agora estará disponível para ser aberto em seu computador Windows:
  6. Abra o IIS para visualizar o console do IIS:

Como criar um site de teste simples

Crie um site estático simples usando HTML e CSS.

  1. Crie um novo arquivo chamado index.html. Adicione o seguinte conteúdo ao arquivo:
    <!DOCTYPE html>
    <html lang="pt-br">
    <cabeça>
    <título> Site de teste simples </title>
    <meta conteúdo ="texto/html; charset=utf-8" />
    <link rel="folha de estilo" href="estilos.css">
    <link rel="folha de estilo" 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>
    <corpo>
    <classe div="navegação">
    <classe de navegação ="navbar navbar-nav inverse">
    <classe div="cabeçalho da barra de navegação">
    <uma classe ="navbar-marca" href="#"> Local na rede Internet </uma>
    </div>
    <ul classe ="nav navbar-nav">
    <li classe ="ativo"><a href="#"> Casa </uma></li>
    <li><a href="#"> Sobre </uma></li>
    <li><a href="#"> Contato </uma></li>
    </ul>
    </nav>
    </div>
    <classe div="recipiente">
    <h1> Este é um site de teste </h1>
    </div>
    </body>
    </html>
  2. Crie um novo arquivo CSS chamado estilos.css. Adicione o seguinte estilo ao arquivo.
    * {
    família de fontes: sem serifa;
    }
    .nav {
    raio de borda: 0px !importante;
    cor: branco;
    }
    

    .link {
    margem direita: 10px;
    tamanho da fonte: 12pt;
    }
    

    .marca {
    margem esquerda: 20px;
    margem direita: 40px;
    tamanho da fonte: 18pt;
    }
    .recipiente {
    alinhamento de texto: Centro;
    preenchimento: 40px 20px;
    }
  3. Crie uma nova pasta no C:\inetpub\wwwroot diretório em seu computador, chamado MeuTesteWebsite. Esta pasta é usada especificamente para armazenar as páginas da web e outros conteúdos que compõem seu site.
  4. Copie ou mova o index.html e estilos.css arquivos para o novo MeuTesteWebsite pasta.

Como adicionar e configurar seu site usando o IIS

Para hospedar seu site usando o IIS, crie um novo site e aponte-o para seu conteúdo.

  1. Na barra lateral esquerda do console do IIS, clique com o botão direito do mouse no ícone Sites diretório.
  2. Nas opções do menu, selecione Adicionar site, para abrir a janela de configuração:
  3. Adicione um nome ao Nome do site, como "Meu site de teste". O IIS preencherá automaticamente o campo do pool de aplicativos.
  4. Adicione o caminho físico, que é o local onde você armazenou os arquivos do seu site no computador. Clique nos três pontos para selecionar uma pasta. No menu, navegue até o MeuTesteWebsite pasta, sob o C:\inetpub\wwwroot diretório.
  5. Selecione https como o Modelo. O padrão Porta para HTTPS é 443, mas você pode alterar a porta para outra coisa se estiver em uso no momento.
  6. Você também pode configurar um nome de host, mas deixe em branco por enquanto.
  7. Para o Certificado SSL, selecione Certificado de Desenvolvimento IIS Express.
  8. Selecionar Iniciar o site imediatamente, e clique em OK.
  9. Destaque o novo Meu site de teste diretório na coluna da esquerda.
  10. Clique em Configurações avançadas, que está na lista de opções do lado direito do painel.
  11. Na seção Comportamento, altere o Protocolos ativados opção para "https" e clique em OK.
  12. Se você quiser editar esses detalhes a qualquer momento, você pode clicar no botão Configurações básicas ou Configurações avançadas opções no menu à direita.

Como parar, iniciar ou reiniciar seu site no servidor Web

Para iniciar seu servidor web e visualizar seu site, clique na opção Procurar no menu à direita. Você também pode reiniciar ou parar o servidor web a qualquer momento.

  1. Para executar seu servidor web, clique em Navegar *:443 (https) no menu à direita.
  2. Seu site agora deve estar rodando no servidor web. Você pode acessá-lo através da URL https://localhost/. Se você receber um aviso sobre a conexão do seu site não ser segura, você pode ter que usar um certificado SSL válido diferente. Você pode encontrar bons documentação da Microsoft sobre como você pode criar um novo certificado SSL e usá-lo no IIS.
  3. Para parar ou reiniciar o servidor web, clique em Pare ou Reiniciar no menu da direita.

Hospedando um site usando o IIS

O teste local é uma parte importante de qualquer ciclo de desenvolvimento, inclusive quando você está construindo um site.

Você pode hospedar seu site localmente usando o servidor Web dos Serviços de Informações da Internet (IIS). Você pode usá-lo para hospedar qualquer site estático (como um site HTML ou CSS padrão) ou site dinâmico (como um site ASP.NET).

Existem várias opções que você pode escolher ao hospedar seu site online. Se você estiver hospedando um site simples, poderá armazenar os arquivos do seu site no Dropbox, Google Drive ou One Drive antes de hospedá-los.