1-Comunicação servidor e cliente

Comunicação cliente servidor-básico

• Os serviços Web funcionam através de pedido por parte do cliente e a resposta por parte do servidor
• Nessa resposta dada pelo servidor vem recursos(documento html ,ficheiro js e cs, imagens ,ou dados xml ou json etc)
• O cliente é k processa(consome) essa informação.

Browser e o JS acedem:

• Historico
• Session
• Cokies
• DOM
• Recursos de resposta do server

Interacao cliente-servidor

• O cliente não tem acesso aos recursos do servidor(ex:db,email server,server files)estes são acessados pelo cliente através da resposta do server,por exemplo para aceder á um elemento da base de dados o server responde com dados(geralmente em XML ou JSON)
• Isto pode ser feito de diversas maneiras

Interação entre cliente e servidor

• Interação entre cliente e servidor
• Interaçao cliente-servidor
• Fetch api: fornece uma interface para buscar recursos;
• Axios: Promised-based JavaScript library that sends HTTP requests
• XMLHttpRequest object can be used to exchange data with a web server
• jQuery é uma biblioteca de funções JavaScript que interage com o HTML(parte da biblioteca Jkuery permite comunicao cliente servidor com pedidos XMLHttpRequest
• Interaçao servidor-Cliente
• Como o http é pull protocol o servidor nao comunica com o cliente
• PostBack call:
• ​​​​​​​HTTP Request normal com dados para informar o servidor do "estado do cliente" pois ele não tem acesso ás açoes do cliente no browser
• Exemplo:kuando o cliente carrega num butão o js envia um rekuest ao server a avisa-lo e só entao o servidor responde pois o servidor não sabe as aççoes do cliente,somento depois de receber um "ex:post com os parametros do estado do cliente" é k ele sabe

Relações N:M

• N=Cliente M=Servidor
• Um cliente pode consumir(processar) dados provenientes de multiplos servidores(por exemplo no ficheiro html vir uma referencia para bootstrap(ficheiro css)),pode vir um link para uma biblioteca JSS,url de imagens diferentes servers,etc
• Um servidor pode servir multiplos clientes com diferentes threds e websockets etcetc
• O cliente consome ou processa tudo e mostra a pagina ao cliente

HTTP Protocol

• Protocolo utilizado nas comunicações web
• Funciona através de pedido resposta
• Stateless-Sem estado ou seja nao o servidor não guarda informação dos pedido anteriores do cliente.
• Depois do pedido resposta a ligação entre ambos é terminada
• Pedido HTTP do cliente para o server

Processamento do servidor

• Para o cliente uma resposta processado pelo servidor ou estática é igual(em html)
• Processamento do codigo geralmente php,Por exemplo:
• Processamento do servidor
• Server Response

Processamento do cliente

• Os browsers tem um javascript engine k processa codigo javascript(v8,spidermonkey etc)
• Javascript engine->maquina virtual k interpreta codigo js
• O codigo js é executado pelo cliente mas é enviado pelo servidor(o servidor vê o js como plaintext e assim o envia a não ser k seja uma servidor de js como o node.js)
• O javascript não muda o html em si mas sim os elementos da pagina em si(dom)