Página da web dinâmica - Dynamic web page

Página da web dinâmica: exemplo de script do lado do servidor ( PHP e MySQL ).

Uma página da web dinâmica do lado do servidor é uma página da web cuja construção é controlada por um servidor de aplicativos que processa scripts do lado do servidor. No script do lado do servidor , os parâmetros determinam como a montagem de cada nova página da web prossegue, incluindo a configuração de mais processamento do lado do cliente.

Uma página da web dinâmica do lado do cliente processa a página da web usando JavaScript em execução no navegador à medida que carrega. O JavaScript pode interagir com a página por meio do Document Object Model , ou DOM, para consultar o estado da página e modificá-lo. Mesmo que uma página da web possa ser dinâmica no lado do cliente, ela ainda pode ser hospedada em um serviço de hospedagem estática , como GitHub Pages ou Amazon S3 , desde que não haja nenhum código do lado do servidor incluído.

Uma página da web dinâmica é então recarregada pelo usuário ou por um programa de computador para alterar algum conteúdo variável. As informações de atualização podem vir do servidor ou de alterações feitas no DOM dessa página. Isso pode ou não truncar o histórico de navegação ou criar uma versão salva para voltar, mas uma atualização dinâmica de página da web usando tecnologias AJAX não criará uma página para a qual voltar, nem truncará o histórico de navegação na web adiante da página exibida. Usando AJAX, o usuário final obtém uma página dinâmica gerenciada como uma única página no navegador da Web, enquanto o conteúdo real da Web renderizado nessa página pode variar. O mecanismo AJAX fica apenas no navegador solicitando partes de seu DOM, o DOM, para seu cliente, de um servidor de aplicativos.

DHTML é o termo genérico para tecnologias e métodos usados ​​para criar páginas da web que não são páginas da web estáticas , embora tenha caído em desuso desde a popularização do AJAX, um termo que agora é raramente usado. Scripts do lado do cliente, scripts do lado do servidor ou uma combinação destes tornam a experiência dinâmica da Web em um navegador.

Conceitos Básicos

A navegação clássica em hipertexto , apenas com HTML ou XHTML , fornece conteúdo "estático", o que significa que o usuário solicita uma página da web e simplesmente visualiza a página e as informações nela contidas.

No entanto, uma página da web também pode fornecer uma experiência de usuário "ao vivo", "dinâmica" ou "interativa". O conteúdo (texto, imagens, campos de formulário, etc.) em uma página da web pode mudar, em resposta a diferentes contextos ou condições.

Existem duas maneiras de criar esse tipo de efeito:

  • Usando scripts do lado do cliente para alterar os comportamentos da interface em uma página da web específica , em resposta a ações do mouse ou teclado ou em eventos de tempo especificados. Nesse caso, o comportamento dinâmico ocorre dentro da apresentação .
  • Usando scripts do lado do servidor para alterar a origem da página fornecida entre as páginas, ajustando a sequência ou recarregando as páginas da web ou o conteúdo da web fornecido ao navegador. As respostas do servidor podem ser determinadas por condições como dados em um formulário HTML postado , parâmetros na URL , o tipo de navegador que está sendo usado, a passagem do tempo ou um banco de dados ou estado do servidor .

As páginas da Web que usam scripts do lado do cliente devem usar tecnologia de apresentação amplamente chamada de páginas de interface rica . Linguagens de script do lado do cliente, como JavaScript ou ActionScript , usadas para tecnologias Dynamic HTML (DHTML) e Flash respectivamente, são freqüentemente usadas para orquestrar tipos de mídia (som, animações, alteração de texto, etc.) da apresentação. O script também permite o uso de script remoto , uma técnica pela qual a página DHTML solicita informações adicionais de um servidor, usando um Frame oculto , XMLHttpRequests ou um serviço da web .

As páginas da Web que usam scripts do lado do servidor são frequentemente criadas com a ajuda de linguagens do lado do servidor , como PHP , Perl , ASP , ASP.NET , JSP , ColdFusion e outras linguagens. Essas linguagens do lado do servidor geralmente usam a Common Gateway Interface (CGI) para produzir páginas da web dinâmicas . Esses tipos de páginas também podem usar, no lado do cliente, o primeiro tipo (DHTML, etc.).

História

É difícil ser preciso sobre "inícios de páginas da web dinâmicas" ou cronologia porque o conceito preciso só faz sentido após o "desenvolvimento generalizado de páginas da web". O HTTP está em uso desde 1990, o HTML , como padrão, desde 1996. O aumento da popularidade do navegador da web começou com o Mosaic em 1993. É óbvio, entretanto, que o conceito de sites dinamicamente dirigidos é anterior à Internet e, de fato, ao HTML. Por exemplo, em 1990, antes do uso público geral da Internet, um sistema de menu dinamicamente acessado remotamente foi implementado por Susan Biddlecomb, que era Diretora de Suporte de Computação do sistema de Saúde da USC na University of Southern California BBS em uma linha de 16 Sistema TBBS com TDBS add-on.database.

A introdução do JavaScript (então conhecido como LiveScript) permitiu a produção de páginas da web dinâmicas do lado do cliente, com código JavaScript executado no navegador do cliente. A letra "J" no termo AJAX originalmente indicava o uso de JavaScript, bem como XML . Com o aumento do processamento de JavaScript do lado do servidor, por exemplo, Node.js , originalmente desenvolvido em 2009, o JavaScript também é usado para criar páginas dinamicamente no servidor que são enviadas totalmente formadas para os clientes.

A Execusite introduziu a primeira solução dinâmica de website para o mercado profissional em junho de 1997. A Execusite foi adquirida pela Website Pros (agora Web.com ) em janeiro de 2000. Durante o ciclo de estouro da bolha Dot-com , os fundadores da Execusite original compraram de volta a empresa de Website Pros (dezembro de 2000). A Execusite foi posteriormente adquirida pela Wolters-Kluwer em dezembro de 2001 e foi rebatizada como CCH Site Builder.

Scripts do lado do servidor

Existem quatro etapas no ecossistema cliente-servidor: o navegador, a solicitação HTTP, o servidor web e a resposta. O script do lado do servidor ocorre quando uma página da web ou recurso dinâmico é processado e gerado pelo servidor da web.
Quando uma solicitação para uma página da Web ou recurso dinâmico é feita, o servidor de aplicativos processa a solicitação usando sua linguagem do lado do servidor.

Um programa executado em um servidor da web ( script do lado do servidor ) é usado para gerar o conteúdo da web em várias páginas da web, gerenciar sessões de usuário e controlar o fluxo de trabalho. As respostas do servidor podem ser determinadas por condições como dados em um formulário HTML postado , parâmetros na URL , o tipo de navegador que está sendo usado, a passagem do tempo ou um banco de dados ou estado do servidor .

Essas páginas da web são frequentemente criadas com a ajuda de linguagens do lado do servidor , como ASP , ColdFusion , Go , JavaScript , Perl , PHP , Ruby , Python , WebDNA e outras linguagens, por um servidor de suporte que pode ser executado no mesmo hardware que o servidor web. Essas linguagens do lado do servidor costumam usar a Common Gateway Interface (CGI) para produzir páginas da web dinâmicas . Duas exceções notáveis ​​são ASP.NET e JSP , que reutilizam conceitos CGI em suas APIs, mas na verdade despacham todas as solicitações da Web em uma máquina virtual compartilhada.

As linguagens do lado do servidor são usadas para incorporar tags ou marcadores no arquivo de origem da página da web no servidor da web. Quando um usuário em um computador cliente solicita essa página da web, o servidor da web interpreta essas tags ou marcadores para executar ações no servidor. Por exemplo, o servidor pode ser instruído a inserir informações de um banco de dados ou informações como a data atual.

As páginas da web dinâmicas são frequentemente armazenadas em cache quando há poucas ou nenhuma mudança esperada e a página deve receber uma quantidade considerável de tráfego da web que sobrecarregaria o servidor e retardaria o carregamento da página se ele tivesse que gerar as páginas imediatamente para cada solicitação .

Scripting do lado do cliente

O script do lado do cliente está mudando os comportamentos da interface em uma página da web específica em resposta a ações do mouse ou do teclado, ou em eventos de tempo especificados. Nesse caso, o comportamento dinâmico ocorre dentro da apresentação . O conteúdo do lado do cliente é gerado no sistema de computador local do usuário.

Essas páginas da web usam tecnologia de apresentação chamada páginas com interface rica . Linguagens de script do lado do cliente, como JavaScript ou ActionScript , usadas para tecnologias Dynamic HTML (DHTML) e Flash respectivamente, são freqüentemente usadas para orquestrar tipos de mídia (som, animações, alteração de texto, etc.) da apresentação. O script do lado do cliente também permite o uso de script remoto , uma técnica pela qual a página DHTML solicita informações adicionais de um servidor, usando um quadro oculto , XMLHttpRequests ou um serviço da Web .

O primeiro uso generalizado do JavaScript foi em 1997, quando a linguagem foi padronizada como ECMAScript e implementada no Netscape 3 .

Exemplo

O conteúdo do lado do cliente é gerado no computador do cliente. O navegador da web recupera uma página do servidor, em seguida, processa o código incorporado na página (geralmente escrito em JavaScript ) e exibe o conteúdo da página recuperada para o usuário.

A innerHTMLpropriedade (ou comando de gravação) pode ilustrar a geração de página dinâmica do lado do cliente: duas páginas distintas, A e B, podem ser regeneradas (por uma "dinâmica de resposta de evento") como document.innerHTML = Ae document.innerHTML = B; ou "on load dynamic" por document.write(A)e document.write(B).

Tecnologias de combinação

Todos os componentes de cliente e servidor que constroem coletivamente uma página da web dinâmica são chamados de aplicativo da web . Os aplicativos da Web gerenciam as interações, o estado, a segurança e o desempenho do usuário.

O Ajax usa uma combinação de scripts do lado do cliente e solicitações do lado do servidor. É uma técnica de desenvolvimento de aplicativo da Web para troca dinâmica de conteúdo e envia solicitações de dados ao servidor para fazer isso. O servidor retorna os dados solicitados que são então processados ​​por um script do lado do cliente. Essa técnica pode reduzir o tempo de carregamento do servidor porque o cliente não solicita que a página da Web inteira seja regenerada pelo analisador de linguagem do servidor; apenas o conteúdo que vai mudar é transmitido. O Google Maps é um exemplo de aplicativo da web que usa técnicas Ajax.

Um cliente da web , como um navegador da web, pode atuar como seu próprio servidor, acessando dados de muitos servidores diferentes, como Gopher, FTP, NNTP (Usenet) e HTTP, para construir uma página. O HTTP suporta o upload de documentos do cliente de volta para o servidor. Existem vários métodos HTTP para fazer isso.

Veja também

Referências

links externos