Demonstra Passo a passo: Criar um site IIS local no Visual Web Developer

Artigo
10/15/2014

Em Visual Web Developer, você pode criar e editar sites da Web que mantêm as páginas da Web e outros arquivos em locais diferentes.Pode-se localizar páginas da Web e outros arquivos:

Em uma pasta no disco rígido local, conhecida como site de sistema de arquivos.
Como um aplicativo da Web em uma cópia local do IIS (Microsoft Internet Information Services), conhecido com site IIS local.

Você também pode trabalhar com sites da Web em um servidor remoto.Para obter mais informações, consulte Tipos de Sites no Visual Web Developer.

Neste passo a passo, você irá trabalhar com dois sites que executam em uma cópia local do IIS.Um dos sites está fisicamente localizado na pasta raiz do IIS (geralmente C:\Inetpub\wwwroot).O outro site está localizado em uma pasta adequada no disco, porém, disponível para o IIS através da utilização de um diretório virtual.

Você pode usar o IIS para testar o site.Se o computador está configurado para permitir que outros usuários se conectem a ele, o site estará disponível para esses usuários.

Observação:
Caso não seja possível executar o IIS no computador, você pode ainda criar e testar sites ASP.NET executando o Visual Web Developer.Para obter mais informações, consulte Demonstra Passo a passo: Criando um Basic página da Web no Visual Web Developer.

Tarefas ilustradas nesta explicação passo a passo incluem o seguinte:

Criando um aplicativo e uma página na raiz do IIS.
Criando um aplicativo que usa uma raiz virtual do IIS.
Usando o IIS para executar a página.
Trabalhando com o IIS noGerenciador de Soluções.

Pré-requisitos

Para concluir essa explicação passo a passo, você deve ter o IIS instalado localmente no computador, e você deve estar conectado como um usuário com privilégios administrativos.Isso é necessário porque trabalhar com a metabase do IIS (onde as informações sobre os aplicativos do IIS estão armazenadas) requer privilégios administrativos.

Criando um Site na raiz do IIS

Na primeira parte do passo a passo, você criará um site que reside em a pasta padrão do IIS (geralmente \Inetpub\wwwroot).

Para criar um novo site IIS local na raiz do IIS

Abra Visual Web Developer.
Sobre o Arquivo menu, clicar Novo site.

The Novo site caixa de diálogo é exibida.
Em O Visual Studio installed templates, clicar Site da Web do ASP.NET.
Clique em Browse.

Aparecerá a caixa de diálogo Choose Location.
Clique em Local IIS.
Clique em Default Web Site.
Clique no ícone para criação de um novo programa Web, localizado no canto superior direito.

Este ícone não é rotulado, porém, ao repousar o ponteiro do mouse sobre ele, aparecerá a dica de ferramenta Criar novo aplicativo Web.

Um novo aplicativo, chamado WebSite, será adicionado sob Web Site Padrão.
Na caixa do novo site, digite LocalIISWebSite e, em seguida, clique em Open.

Aparecerá a caixa de diálogo New Web Site com a caixa Location mais a direita contendo https://localhost/LocalIISWebSite.
No Idioma lista, clicar na linguagem de programação que você prefere para trabalhr.

A linguagem de programação escolhida será a padrão para o site.Entretanto, você pode usar vários idiomas no mesmo aplicativo Web, criando páginas e componentes em linguagens de programação diferentes
Clique em OK.

Visual Web Developer cria o novo site da Web e abre uma nova página chamada padrão.aspx. Manter esta página aberta.Esta página inicial, Default.aspx, usa o modelo code-behind de páginas da Web.Para obter mais informações, consulte Modelo de código de página Web do ASP.NET.

Visual Web Developer não apenas cria as pastas e arquivos para o site, mas também interage com o IIS a fim de criar um aplicativo da Web para seu site.Essencialmente, Visual Web Developer chama o IIS para criar os metadados necessários para que este seja capaz de reconhecer as suas pastas e páginas como um site.

Você pode examinar o que Visual Web Developer executou olhando os arquivos e pastas que foram criadas.

Para examinar a estrutura do site IIS local

No Microsoft Windows, clique em Start e, em seguida, clique em Run.

Na caixa de diálogo Run, na caixa Open, digite C:\Inetpub\wwwroot e clique em OK.

Observação:

Se o IIS estiver instalado em uma unidade ou pasta diferente, altere o caminho conforme apropriado.

Em \wwwroot, aparecerá agora uma nova pasta denominada LocalIISWebSite.
Na caixa de diálogo Path, clique duas vezes em LocalIISWebSite.

Será exibido o conteúdo do site, que inclui o seguinte:
- Uma pasta App_Data, que é criada automaticamente pelo Visual Web Developer.
- Uma página Default.aspx.
- O arquivo code-behind, que é Default.aspx.cs ou Default.aspx.vb, dependendo a linguagem padrão para o aplicativo da Web.

Observação:
Se o IIS estiver instalado em uma unidade ou pasta diferente, altere o caminho conforme apropriado.

Você pode adicionar páginas ao site da Web, como faria normalmente.No entanto, você também pode adicionar páginas ao site externamente e o Visual Web Developer reconhecerá essas paginas como parte do aplicativo, embora talvez seja necessário atualizar o Gerenciador de Soluções a fim de visualizá-las.

Adicionando e programando controles

Nesta parte da explicação passo a passo, você adicionará um controle Button,TextBox, e Label à página e escrever código para manipular o evento Click para o controle Button.

Para adicionar controles à página

No Visual Web Developer, abra ou alterne para a página Default.aspx, e então alterne para o modo Design.
Pressione a tecla ENTER algumas vezes para criar um espaço.
From a Padrão guia o Caixa de ferramentas, arrastar três controles para a página: a TextBox, Button, e Label controlar e coloque os controles dentro do div elemento da página.

Observação:

Se você não puder ver a Caixa de Ferramentas, vá ao menu Exibir e clique em Caixa de Ferramentas.
Clique no controle TextBox e, em Properties, no campo da propriedade Text, digite Enter your name:.
clicar no Button controle e, em seguida, nas Propriedades conjunto janelaTexto para Display nome.
Clique no controle Label e em seguida, na janela Propriedades, desmarque Texto.
Clique duas vezes no controle Button, cujo rótulo é agora Nome de exibição.

Visual Web Developer abre o arquivo de código para a página em uma janela separada no editor.

O arquivo contém o esqueleto de um manipulador Click para o controle Button.

Observação:
Se você não puder ver a Caixa de Ferramentas, vá ao menu Exibir e clique em Caixa de Ferramentas.

Conclua o manipulador Click adicionando o código destacado a seguir (esse código irá exibir a sequência de caracteres de texto quando clicarmos no controle Button).

Observação de segurança:
Entrada do usuário em um página da Web do ASP.NET pode incluir script de cliente possivelmente mal-intencionado.Por padrão, páginas ASP.NET verificam páginas em postback para garantir que as entrada fornecidas pelo usuário não incluam elementos HTML ou scripts.Para obter mais informações, consulte Visão Geral de Scripts Maliciosos.

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
    Label1.Text = Textbox1.Text & ", welcome to Visual Web Developer!"
End Sub

protected void Button1_Click(object sender, EventArgs e)
{
    Label1.Text = TextBox1.Text + ", welcome to Visual Web Developer!";
}

Salve os arquivos.

Você irá testar essa página da Web em "Testando o Aplicativo da Web do IIS" posteriormente neste passo a passo.

Atualizando o site fora do Visual Web Developer

Você pode ver que Visual Web Developer está lendo o caminho do IIS, adicionando um novo arquivo ao aplicativo de fora do Visual Web Developer.

Para atualizar a Web fora do Visual Web Developer

Usando o bloco de notas, ou outro editor de texto, crie um novo arquivo contendo o texto a seguir, dependendo da linguagem que estiver sendo usada (Visual Basic ou C#).

<%@Page language="VB"%>
<script >
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
   Button1.Text = "I was clicked!"
End Sub
</script>
<html>
<body>
<form  id="form1">
<asp:button  text="Button1" Id="Button1"
    OnClick="Button1_Click"></asp:button>
</form>
</BODY>
</HTML>

<%@Page language="C#"%>
<script >
protected void Button1_Click(object sender, System.EventArgs e)
{
   Button1.Text = "I was clicked!";
}
</script>
<html>
<body>
<form  id="form1">
<asp:button  text="Button1" Id="Button1"
    OnClick="Button1_Click"></asp:button>
</form>
</BODY>
</HTML>

Salve o arquivo em C:\inetpub\wwwroot\LocalIISWebSite com o nome TestPage.aspx.

Observação:

Se o IIS estiver instalado em uma unidade ou pasta diferente, altere o caminho conforme apropriado.
Em Visual Web Developer, no Gerenciador de Soluções, clique no nome de site (https://localhost/LocalIISWebSite/) e, no menu View, clique em Atualizar.

O lista dos arquivos que estão no site é atualizada a fim de incluir o arquivo que você adicionou.Em seguida, você irá testar as páginas da Web.

Observação:
Se o IIS estiver instalado em uma unidade ou pasta diferente, altere o caminho conforme apropriado.

Testando o Aplicativo da Web do IIS

Agora você pode testar o site.

Para testar o site IIS local

Em Visual Web Developer, abra a página Default.aspx.
Pressione CTRL+F5 para executar a página.

A página é aberta no navegador.Observe que a URL no navegador é https://localhost/LocalIISWebSite/default.aspx.A solicitação para a página está sendo feita ao Localhost (sem um número de porta), que é manipulado pelo IIS.
Quando a página aparecer no navegador, digite seu nome na caixa de texto e clique em Display Name para certificar-se de que o controle está funcionando.
No Visual Web Developer, abra a página TestPage.aspx.
Pressione CTRL+F5 para executar a página.

A página é aberta na mesma instância do navegador.
Quando a página aparecer no navegador, clique em Button1 para certificar-se de que o controle está funcionando.
Feche o navegador.

Se for possível conectar-se ao seu computador a partir de outro computador, pode-se tentar acessar o site como se fosse um site público.Caso contrário, você pode ignorar o procedimento a seguir.

Para testar seu site como um site público

Em computador diferente, digite a URL que inclui o nome do computador onde está servidor Web, o nome do site e Default.aspx como a página:

Se o computador pode ser acessado através de uma rede local, use o nome do computador do servidor. A URL terá o seguinte formato:

http://SERVER1/LocalIISWebSite/Default.aspx
Se você hospeda um domínio no computador, você pode acessar a página usando uma URL no seguinte formato :

https://www.contoso.com/LocalIISWebSite/Default.aspx

Se o computador está em uma rede ou conectado diretamente à Internet, você pode usar o endereço IP do computador no lugar do nome do servidor.Por exemplo:

http://172.19.195.700/LocalIISWebSite/Default.aspx

Observação:
Se não for possível visualizar o aplicativo a partir de um computador diferente devido às configurações do firewall do Windows, você terá que ativar o servidor Web na porta 80.Para fazer isso, no firewall do Windows, clique em Settings e, em seguida, vá à guia Advanced.Para obter mais informações, vá para Segurança Developer centralizar--.NET Framew e procure por informações sobre configurações do firewall do Windows.

Se não for possível visualizar o aplicativo a partir de um computador diferente devido às configurações do firewall do Windows, você terá que ativar o servidor Web na porta 80.Para fazer isso, no firewall do Windows, clique em Settings e, em seguida, vá à guia Advanced.Para obter mais informações, vá para Segurança Developer centralizar--.NET Framew e procure por informações sobre configurações do firewall do Windows.

Criando um Site numa Raiz Virtual do IIS

Como você viu até este ponto, o IIS permite que você crie aplicativos da Web que estão fisicamente localizados sob a pasta raiz de servidor Web padrão (wwwroot).No entanto, você também pode criar diretórios virtuais do IIS, os quais são aplicativos Web do IIS que apontam para arquivos e pastas que podem estar localizados em qualquer lugar no disco rígido.

Observação:
Por razões de segurança, o IIS não permite criar diretórios virtuais que apontam para pastas em outros computadores.Diretórios virtuais devem sempre apontar para o computador local.

Nesta parte do passo a passo, você usará o Visual Web Developer para criar um diretório virtual que aponta para um site armazenado em uma pasta local no computador.

A primeira etapa é criar o diretório virtual.Se você já tiver criado um site de sistema de arquivos em Visual Web Developer (por exemplo, concluindo Demonstra Passo a passo: Criando um Basic página da Web no Visual Web Developer), você poderá usar esse site.

Para criar um site IIS local usando uma pasta virtual

Em Visual Web Developer, no menu Arquivo, clique em Novo Web Site.
Em Visual Studio Installed Templates, clique em ASP.NET Web Site.
Clique em Browse.

Aparecerá a caixa de diálogo Choose Location.
Clique em Local IIS.
Sob Selecione o Web site que você quer abrir, no modo de exibição de árvore, clique em Web Site Padrão, e em seguida, clique no ícone Criar novo diretório virtual, localizado no canto.

Este ícone não é rotulado, porém, ao repousar o ponteiro do mouse sobre ele, aparecerá a dica de ferramenta Criar novo diretório virtual.

Aparecerá a caixa de diálogo New Virtual Directory.
Na caixa Alias Name, digite WebSite_vdir.

Observação:

Pode-se atribuir qualquer nome ao diretório virtual, desde seja usado um nome válido no IIS.
Na caixa Folder, digite uma das seguintes opções:
- O caminho do site de sistema de arquivos existente, se você possuir um.Você pode clicar em Browse e, em seguida, localizar o pasta raiz do site, caso não se lembre do caminho exato.
- O caminho de uma nova pasta que você deseja criar para armazenar a pastas e arquivos do site.
Clique em OK.

Se você especificou uma pasta que não existe, o Visual Web Developer solicitará que você crie essa pasta.

O Visual Web Developer então retorna para a caixa de diálogo Choose Location e atualiza a lista de aplicativos da Web do IIS que possuem o diretório virtual que você criou.
Selecione o diretório virtual recém-criado, clique em Open e, em seguida, clique em OK para criar o site.

Se você apontou o diretório virtual para uma nova pasta ou para uma pasta existente que não contenha um site, o Visual Web Developer irá criar a pasta App_Data, uma página padrão, e abrirá essa página no modo de exibição de design.

Se sua pasta virtual aponta para um site de sistema de arquivos existente, o Visual Web Developer abre uma caixa de diálogo Web Site já existe e dá a você as opções de selecionar uma nova pasta, abrir o site existente ou criar um novo site nesse local.Após selecionar a opção e clicar em OK, o Visual Web Developer exibe o conteúdo da pasta no Gerenciador de Soluções e abre a página Default.aspx, se ela existir.

Observação:
Pode-se atribuir qualquer nome ao diretório virtual, desde seja usado um nome válido no IIS.

Adicionando Controles à Página da Web

Assim como foi feito anteriormente neste passo a passo, você usará uma página da Web simples do ASP.NET a fim de testar o site IIS que você está criando.Se você estiver trabalhando com um site de sistema de arquivos existente, não será necessário criar uma nova página.Caso seu diretório virtual aponte para uma nova pasta, você poderá usar a página padrão.

Se for um novo site, você deve adicionar alguns controles à página padrão para poder testar se a página está funcionando corretamente.

Para adicionar controles à página

Em Visual Web Developer, abra a página Default.aspx e alterne para o modo Design.
A partir da guia Standard na Caixa de Ferramentas, arraste um controle TextBox, um Button e um Label até a página e coloque-os dentro do elemento div.

Clique duas vezes no controle Button e, em seguida, adicione o código destacado a seguir:

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
    Label1.Text = "Welcome to Visual Web Developer!"
End Sub

protected void Button1_Click(object sender, System.EventArgs e)
{    
    Label1.Text = "Welcome to Visual Web Developer!";
}

Salve os arquivos.

Testando o Diretório Virtual

Agora você pode testar o site.

Para testar o site IIS local usando o diretório virtual

No Visual Web Developer, abra uma página no site, que pode ser a página Default.aspx ou qualquer outra.
Pressione CTRL+F5 para executar a página.

A página é aberta no navegador.Observe que a URL no navegador é https://localhost/Website_vdir/default.aspx.Quando o IIS resolve a URL, ele procura o caminho físico que está associado com o diretório virtual chamado Website_vdir e procura pela página lá.
Quando a página aparecer no navegador, clique no controle Button para certificar-se de que ele está funcionando.
Feche o navegador.

Se for possível conectar-se ao seu computador a partir de outro computador, você pode realizar os mesmo testes usados na seção anterior para tentar acessar a página.

Excluindo um Site IIS Local

Você pode gerenciar sites locais IIS em Visual Web Developer deletando aqueles que não são mais necessários.Há uma diferença importante em como funciona a exclusão, dependendo do tipo do site local IIS com o qual você está trabalhando, da seguinte maneira:

Quando você exclui um site na raiz do IIS, o aplicativo da Web é excluído do IIS e os arquivos e pastas do site também são excluídos.
Quando você exclui um diretório virtual, as informações do IIS sobre o site são excluídas, mas os arquivos e pastas na pasta local do sistema arquivos são deixados intactos.

Para excluir o site IIS local

No menu File, clique em Close Solution ou Close Project.
No menu File, clique em Open Web site.
Na caixa de diálogo Open Web Site, clique em Local IIS.
Clique no nome do diretório virtual ( Website_vdir ) que você criou anteriormente na explicação passo a passo.

Cuidado:

Se você selecionar um site diferente, os arquivos e as pastas desse site podem ser excluídos.
Clique no ícone para excluir no canto superior.

Este ícone não é rotulado, porém, ao repousar o ponteiro do mouse sobre ele, aparecerá a dica de ferramenta Delete.
Quando for solicitada a confirmação para excluir o site, clique em Yes.
Clique em Cancel para fechar a caixa de diálogo Open Web Site.

Cuidado:
Se você selecionar um site diferente, os arquivos e as pastas desse site podem ser excluídos.

Abra o navegador e digite a URL para o diretório virtual:

https://localhost/Website_vdir/Default.aspx

Nesse momento, o navegador informa que não foi possível encontrar a página, pois o IIS não mais reconhece Website_vdir como um site no computador local.

Observação:
É possível que a página tenha sido armazenada em cache pelo navegador.Nesse caso, a página pode ser exibida até você liberar a cache do navegador e tentar exibir a página novamente.

Próximas etapas

Neste passo a passo, você aprendeu como criar um site usando a cópia local do IIS.Talvez você deseje aprender sobre outros tipos de sites que você pode criar no Visual Web Developer.Por exemplo, você pode querer fazer o seguinte:

Criar um site de sistema de arquivo onde as páginas estão armazenadas em uma pasta em qualquer lugar no disco rígido.

Para obter mais informações, consulte Demonstra Passo a passo: Criando um Basic página da Web no Visual Web Developer.
Aprender como usar FTP para abrir e editar sites da Web.

Para obter mais informações, consulte Demonstra Passo a passo: Edição de sites com FTP no Visual Web Developer.

Consulte também

Conceitos

Tipos de Sites no Visual Web Developer

Usando o Visual Web Developer como um usuário não administrativo

Demonstra Passo a passo: Criar um site IIS local no Visual Web Developer

Pré-requisitos

Criando um Site na raiz do IIS

Para criar um novo site IIS local na raiz do IIS

Para examinar a estrutura do site IIS local

Adicionando e programando controles

Para adicionar controles à página

Atualizando o site fora do Visual Web Developer

Para atualizar a Web fora do Visual Web Developer

Testando o Aplicativo da Web do IIS

Para testar o site IIS local

Para testar seu site como um site público

Criando um Site numa Raiz Virtual do IIS

Para criar um site IIS local usando uma pasta virtual

Adicionando Controles à Página da Web

Para adicionar controles à página

Testando o Diretório Virtual

Para testar o site IIS local usando o diretório virtual

Excluindo um Site IIS Local

Para excluir o site IIS local

Próximas etapas

Consulte também

Conceitos

Recursos adicionais