Entendendo HTTP do Web Forms

Nesta aula iremos aprender como funciona o http de uma aplicação web forms. ViewState, runat server e outros.

Web Forms - HTTP

Existem duas situações quando falamos em aplicação Web em C# utilizando a tecnologia Web Form. A primeira é a parte visual, o HTML, a segunda é a parte do código, que, quando clicamos duas vezes no componente ele cria um método dentro da classe relacionado ao formulário. A junção dessas duas partes resulta em uma página com extensão .ASPX.

A Página ASPX é compilada e então conseguimos acessar através do servidor chamado IIS (Internet Information Service).

Quando estamos programando um sistema web do Zero, temos duas formas de fazer, por exemplo, no PHP, no ASP, misturamos tags do PHP com HTML, um exemplo é o Wordpress e a outra forma é utilizando MVC.

Portanto, no Web Forms quando você executa dois cliques no componente, essa ação vai para um código que tem a mesma função de uma Controller do MVC. A controller vai processar os dados, devolvendo para o HTML que fará alguma ação. Esse processo é feito através do protocolo HTTP, fazendo um POST da sua página para o servidor.

No C# Web Forms, a iteração do código com o HTML é transparente pois o C# faz essa etapa para você.

O Protocolo HTTP é basicamente um protocolo de perguntas e respostas. Você pergunta através do Request e o servidor responde através do Response.

Request - Response - ViewState

Vamos ver um exemplo que mostra o que foi digitado em um textBox ao clicar no Button btnOK.

Para entendermos melhor como o request foi feito, ao clicar com o botão direito no navegador em inspecionar e após, na aba Network, o Visual Studio faz uma requisição internamente para o servidor, com o método POST do HTTP , como se estivessemos feito um formulário em HTML e Javascript.

Se olharmos nosso HTML no Visual Studio, temos uma tag < form> que tem um atributo chamado runat="server", significa "rodar" no servidor e não é mencionado qual ação ou tipo de método estamos mandando, mas o Visual Studio se encarrega de montar a estrutura HTML, inserindo o método POST e um campo input do tipo hidden(escondido) que é o ViewState, no qual é enviado os parâmetros em Base64 por request que será descriptografado repassando os ítens para o txtMensagem.

Todo esse processo que o Visual Studio faz é para facilitar na hora de programar.

      
        public partial class _Default : System.Web.UI.Page 
        {
          protected void btnOk_Click (object sender, EventArgs e)
          {
            Response.Write("Olá" + txtMensagem.Text + "< br>");
            Response.Write("Olá" + Request["txtMensagem"]);
          }

        }

Inserir componente HTML manualmente

Podemos também inserir um componente HTML manualmente.Neste exemplo, será inserido um input.

Então vamos inserir um input type="text", devemos inserir a propriedade ID e runat="server", para que esse dado fique disponível no servidor e no ViewState.Para mostrar na tela, utilizamos a propriedade value.

      
         
        
        < html xmlns="http://www/w3.org/1999/xhtml">
        < head runat="server> 
          < title > < /title>
        < /head>
        < body>
            < form id="form1" runat="server"
              < div>

              < /div>
                < asp:TextBox ID="TextMensagem" runat="server">< /asp:TextBox>

                < input type="text name="Telefone" id="telefone" runat="server" />

                < asp:Button ID="btnOK" runat="server" onClick = "btnOk_Click" runat="server" Text="Mostrar mensagem" />
            < /form>
        < /body>
        < html>

      
        public partial class _Default : System.Web.UI.Page 
        {
          protected void btnOk_Click (object sender, EventArgs e)
          {
            Response.Write("Olá" + Request["txtMensagem"]);
            Response.Write("Telefone" + Request["telefone"] + telefone.value);
           
          }

        }