79
Comunicação Cliente/Servidor Willian Massami Watanabe 1

Comunicação Cliente/Servidor - HTTP

Embed Size (px)

Citation preview

Page 1: Comunicação Cliente/Servidor - HTTP

ComunicaccedilatildeoClienteServidor

Willian Massami Watanabe

1

Objetivo

Analisar o protocolo HTTP e a comunicaccedilatildeo com o servidor web

2

Sumaacuterio

bull Conteuacutedos estaacuteticos e dinacircmicos

bull Arquitetura ClienteServidor

bull HTTP HTML e os Navegadores web

3

Conteuacutedos estaacuteticos e dinacircmicos

4

Conteuacutedos estaacuteticos e dinacircmicos

5

HTML

Conteuacutedos estaacuteticos e dinacircmicos

6

HTML

CSS

Conteuacutedos estaacuteticos e dinacircmicos

7

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

8

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 2: Comunicação Cliente/Servidor - HTTP

Objetivo

Analisar o protocolo HTTP e a comunicaccedilatildeo com o servidor web

2

Sumaacuterio

bull Conteuacutedos estaacuteticos e dinacircmicos

bull Arquitetura ClienteServidor

bull HTTP HTML e os Navegadores web

3

Conteuacutedos estaacuteticos e dinacircmicos

4

Conteuacutedos estaacuteticos e dinacircmicos

5

HTML

Conteuacutedos estaacuteticos e dinacircmicos

6

HTML

CSS

Conteuacutedos estaacuteticos e dinacircmicos

7

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

8

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 3: Comunicação Cliente/Servidor - HTTP

Sumaacuterio

bull Conteuacutedos estaacuteticos e dinacircmicos

bull Arquitetura ClienteServidor

bull HTTP HTML e os Navegadores web

3

Conteuacutedos estaacuteticos e dinacircmicos

4

Conteuacutedos estaacuteticos e dinacircmicos

5

HTML

Conteuacutedos estaacuteticos e dinacircmicos

6

HTML

CSS

Conteuacutedos estaacuteticos e dinacircmicos

7

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

8

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 4: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

4

Conteuacutedos estaacuteticos e dinacircmicos

5

HTML

Conteuacutedos estaacuteticos e dinacircmicos

6

HTML

CSS

Conteuacutedos estaacuteticos e dinacircmicos

7

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

8

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 5: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

5

HTML

Conteuacutedos estaacuteticos e dinacircmicos

6

HTML

CSS

Conteuacutedos estaacuteticos e dinacircmicos

7

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

8

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 6: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

6

HTML

CSS

Conteuacutedos estaacuteticos e dinacircmicos

7

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

8

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 7: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

7

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

8

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 8: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

8

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 9: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

9

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 10: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

10

Servidor web

HTML

CSSJavaScriptUsuaacuterios

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 11: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

11

Servidor web

HTML

CSSJavaScript

Usuaacuterios

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 12: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

12

Servidor web

HTML

CSSJavaScript

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 13: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

13

Servidor webUsuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 14: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

14

Servidor webUsuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JS

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 15: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

15

Servidor webUsuaacuterios Browser

Obrigado

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 16: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

16

Cenaacuterio de uso de conteuacutedo estaacutetico

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 17: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

17

Servidor web

HTML

CSSJavaScript

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 18: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

18

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 19: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

19

Servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 20: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

20

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpabobrinhacom

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 21: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

21

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 22: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

22

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 23: Comunicação Cliente/Servidor - HTTP

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 24: Comunicação Cliente/Servidor - HTTP

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 25: Comunicação Cliente/Servidor - HTTP

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 26: Comunicação Cliente/Servidor - HTTP

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 27: Comunicação Cliente/Servidor - HTTP

23

Cenaacuterio de uso de conteuacutedo dinacircmico

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 28: Comunicação Cliente/Servidor - HTTP

23

Cenaacuterio de uso de conteuacutedo dinacircmico

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 29: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 30: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

24

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 31: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 32: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

25

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Quero uma paacuteginaURL httpgooglecomq=abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 33: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 34: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

26

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Processa em seu banco de dados uma busca por elementos

relacionados a abobrinha

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 35: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 36: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

27

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 37: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

28

bull Vantagens do conteuacutedo estaacutetico

bull mais raacutepido visto que natildeo exige processamento no servidor

bull possui poliacuteticas de cache mais agressivas

bull compatiacutevel com qualquer servidor

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 38: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

29

bull Vantagens do conteuacutedo dinacircmico

bull permite que os conteuacutedos sejam atualizados mais rapidamente

bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 39: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

30

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 40: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

31

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 41: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

32

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

Pergunta pegadinha ha

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 42: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

33

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 43: Comunicação Cliente/Servidor - HTTP

Conteuacutedos estaacuteticos e dinacircmicos

34

Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida

TODAS que forem suportadas pelo seu servidor web

Aplicaccedilatildeo

Existe uma ampla variedade de servidores web

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 44: Comunicação Cliente/Servidor - HTTP

Arquitetura ClienteServidor

35

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 45: Comunicação Cliente/Servidor - HTTP

Arquitetura ClienteServidor

36

Servidor web

Aplicaccedilatildeo

Usuaacuterios Browser

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 46: Comunicação Cliente/Servidor - HTTP

Arquitetura ClienteServidor

37

Servidor web

Aplicaccedilatildeo

Browser

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 47: Comunicação Cliente/Servidor - HTTP

Arquitetura ClienteServidor

38

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 48: Comunicação Cliente/Servidor - HTTP

Arquitetura ClienteServidor

39

bull Arquitetura Distribuiacuteda de ClienteServidor

bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador

bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 49: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

40

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 50: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

41

Servidor

Aplicaccedilatildeo

Cliente

HTML

CSSJavaScript

Rede

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 51: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

42

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 52: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

43

Rede

Como funciona a comunicaccedilatildeo entre ClienteServidor

HTTP - HyperText Transport Protocol

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 53: Comunicação Cliente/Servidor - HTTP

44

bull HTTP

bull HyperText Transfer Protocol

bull Padratildeo utilizado na www - World Wide Web

bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)

bull Utilizado para transmitir Recursos (URL - Unified Resources Location)

HTTP HTML e Navegadores Web

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 54: Comunicação Cliente/Servidor - HTTP

45

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 55: Comunicação Cliente/Servidor - HTTP

46

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

HTTP HTML e Navegadores Web

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 56: Comunicação Cliente/Servidor - HTTP

47

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

Requisiccedilatildeo HTTP

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Resposta HTTP

HTTP HTML e Navegadores Web

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 57: Comunicação Cliente/Servidor - HTTP

48

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Status da Resposta HTTP

HTTP HTML e Navegadores Web

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 58: Comunicação Cliente/Servidor - HTTP

49

bull Tipos de Status

bull 1xx indica uma mensagem informacional

bull 2xx indica sucesso na transaccedilatildeo

bull 3xx redireciona o cliente para outra URL

bull 4xx indica um erro por parte do cliente

bull 5xx indica um erro por parte do servidor

HTTP HTML e Navegadores Web

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 59: Comunicação Cliente/Servidor - HTTP

50

Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html

HTTP HTML e Navegadores Web

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 60: Comunicação Cliente/Servidor - HTTP

51

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da requisiccedilatildeo

HTTP HTML e Navegadores Web

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 61: Comunicação Cliente/Servidor - HTTP

52

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Cabeccedilalhos da resposta

HTTP HTML e Navegadores Web

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 62: Comunicação Cliente/Servidor - HTTP

53

gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept

lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8

Tipos de requisiccedilatildeo HTTP

HTTP HTML e Navegadores Web

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 63: Comunicação Cliente/Servidor - HTTP

54

Tipos de requisiccedilatildeo HTTPbull GET

bull POST

bull DELETE

bull PUT

bull HEAD

HTTP HTML e Navegadores Web

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 64: Comunicação Cliente/Servidor - HTTP

55

Tipos de requisiccedilatildeo HTTP

bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded

httpwwwgooglecomq=alguma_coisa_para_buscar

HTTP HTML e Navegadores Web

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 65: Comunicação Cliente/Servidor - HTTP

56

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 66: Comunicação Cliente/Servidor - HTTP

Servidor web57

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

ltphpecho $_GET[lsquoqrsquo]gt

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 67: Comunicação Cliente/Servidor - HTTP

58

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Frequumlentemente

HTTP HTML e Navegadores Web

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 68: Comunicação Cliente/Servidor - HTTP

59

bull GET =gt paracircmetros na URL

bull POST =gt paracircmetros no corpo

bull DELETE =gt paracircmetros na URL

bull PUT =gt paracircmetros no corpo

bull HEAD =gt paracircmetros na URL

Uacutenicos meacutetodos aceitos no navegador

HTTP HTML e Navegadores Web

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 69: Comunicação Cliente/Servidor - HTTP

bull Meacutetodo GET

bull Utilizado para enviar paracircmetros de busca e leitura ao servidor

bull Os dados satildeo enviados na URL seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 70: Comunicação Cliente/Servidor - HTTP

bull Meacutetodo POST

bull Utilizado para enviar paracircmetros de escrita ao servidor

bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string

HTTP HTML e Navegadores Web

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 71: Comunicação Cliente/Servidor - HTTP

bull Meacutetodo HEAD

bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs

bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor

HTTP HTML e Navegadores Web

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 72: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 73: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 74: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept

utilizando um endereccedilo relativo

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 75: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 76: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt

gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 77: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt

ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt

ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 78: Comunicação Cliente/Servidor - HTTP

HTTP HTML e Navegadores Web

Como o navegador utiliza o HTTP

Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de

programaccedilatildeo do lado do servidor

Duacutevidas

Page 79: Comunicação Cliente/Servidor - HTTP

Duacutevidas