Ben Vinegar Anton Kovalyov

Transcrição

1 Ben Vinegar Anton Kovalyov Novatec

2 Original English language edition published by Manning Publications Co., Sound View CT.#3B, Greenwich, CT USA. Copyright 2013 by Manning Publications. Portuguese-language edition for Brazil copyright 2013 by Novatec Editora. All rights reserved. Edição original em inglês publicada pela Manning Publications Co., Sound View CT.#3B, Greenwich, CT USA. Copyright 2013 pela Manning Publications. Edição em português para o Brasil copyright 2013 pela Novatec Editora. Todos os direitos reservados. Novatec Editora Ltda Todos os direitos reservados e protegidos pela Lei de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito, do autor e da Editora. Editor: Rubens Prates Tradução: Marcos José Pinto Revisão técnica: Aurelio Jargas Revisão gramatical: Marta Almeida de Sá Editoração eletrônica: Carolina Kuwabata ISBN: Histórico de impressões: Agosto/2013 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos São Paulo, SP Brasil Tel.: Fax: novatec@novatec.com.br Site: Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec MP

3 Sumário Introdução Prefácio...13 Agradecimentos...15 Sobre este livro Sobre os autores Sobre a ilustração da capa...22 Capítulo 1 Introdução ao JavaScript remoto Definição de JavaScript remoto Os muitos empregos do JavaScript remoto Widgets incorporados Análise e métrica de tráfego Wrappers de API de web services Desenvolvimento de um widget básico Geração de JavaScript em servidor Distribuição de widgets como iframes Desafios do desenvolvimento de sistemas remotos Contexto desconhecido Ambiente compartilhado Restrições de navegadores Resumo Capítulo 2 Distribuição e carregamento do seu aplicativo Configuração do seu ambiente para desenvolvimento de código remoto Página de testes do provedor de conteúdo Servidor web Simulação de domínios múltiplos Carregamento do script inicial Inclusão de script com bloqueio Scripts sem bloqueio com async e defer Inserção dinâmica de script

4 6 JavaScript Remoto 2.3 Arquivo de script inicial Apelidos para window e undefined Fluxo básico de aplicativo Carregamento de arquivos adicionais Arquivos JavaScript Bibliotecas Passagem de argumentos aos scripts Utilização da query string Utilização do identificador de fragmento Utilização de atributos de dados personalizados Utilização de variáveis globais Busca de dados do aplicativo Resumo Capítulo 3 Apresentação de HTML e CSS Geração de HTML Utilização do document.write Anexar em um local conhecido Anexação de widgets múltiplos Separação dos alvos de apresentação Aplicação de estilo ao HTML Estilos em linha (inline) Carregamento de arquivos CSS Incorporação de CSS no JavaScript HTML e CSS defensivos Namespaces Especificidades do CSS Definição redundante de CSS Incorporação de conteúdo em iframes Iframes src-less Iframes externos Herança de estilos Quando não usar os iframes? Resumo Capítulo 4 Comunicação com o servidor O AJAX e a política de mesma origem dos navegadores Regras de determinação de mesma origem Política de mesma origem e carregamento de scripts

5 Sumário JSON com padding (JSONP) Carregamento de JSON por meio de elementos de scripts Funções de callback dinâmicas Limitações e problemas de segurança Proxies de subdomínios Alteração da origem do documento com document.domain Mensagens entre origens por meio de proxies de subdomínio Combinação de proxies de subdomínio com JSONP O Internet Explorer e os proxies de subdomínio Implicações de segurança Compartilhamento de recursos entre origens (CORS) Envio de solicitações HTTP simples Transferência de cookies com CORS Envio de preflight request Compatibilidade de navegadores Resumo Capítulo 5 Mensagens em iframes entre domínios API window.postmessage do HTML Envio de mensagens com window.postmessage Recebimento de mensagens enviadas a uma janela Compatibilidade dos navegadores Técnicas de reversão (fallback) Envio de mensagens com window.name Envio de mensagens com identificador de fragmento de URL Envio de mensagens com Flash Envio simples de mensagens entre domínios com easyxdm Carregamento e início da easyxdm Envio de mensagens simples com eaxyxdm.socket Definição de interfaces JSON-RPC com easyxdm.rpc Resumo Capítulo 6 Autenticação e sessões Cookies remotos Definição e leitura de sessões Desativação de cookies remotos Internet Explorer e headers P3P Como detectar quando os cookies não estão disponíveis

6 8 JavaScript Remoto 6.2 Como gravar cookies remotos Via janelas dedicadas Solução com iframe (somente para Safari) Sessões de página única para o Chrome e o Firefox Como proteger as sessões HTTPS e cookies seguros Autenticação multiníveis Resumo Capítulo 7 Segurança Cookies, sessões e roubo de sessões Scripts entre sites (XSS) Ataques XSS Vulnerabilidades XSS no CSS Defenda seu aplicativo contra ataques XSS Falsificação de solicitação entre sites Ataques XSRF Roubo de JSON Defesa do seu aplicativo contra ataques XSRF Vulnerabilidades no provedor de conteúdo Falsificação de provedor de conteúdo Furto de cliques Negação de serviço Resumo Capítulo 8 Desenvolvimento de um SDK remoto em JavaScript Implementação de um SDK básico Inicialização Carregamento assíncrono Exposição de funções públicas Ouvintes de eventos Versionamento Versionamento de URL Inicialização versionada Empacotamento das APIs de web services Acesso a APIs de web services no cliente Empacotamento da API da Camera Stork Identificação de provedores de conteúdo Autorização de usuário e OAuth Resumo...309

7 Sumário 9 Capítulo 9 Desempenho Otimização da carga Combinação e minificação do código-fonte Redução de solicitações de imagens Colocação de arquivos em cache Adiamento de solicitações HTTP Otimização do JavaScript Dentro do navegador: encadeamento de UI, repaint e reflow Controle de chamadas dispendiosas: throttle e debounce Adiamento do cálculo com settimeout Desempenho percebido Ações otimistas do usuário Apresentação antes de o documento estar pronto Resumo Capítulo 10 Depuração e testes Depuração Como servir código de desenvolvimento em produção Como percorrer o código Testes Testes de unidade, integração e regressão Criação de testes de regressão com QUnit Criação de testes de regressão com Hiro Resumo