Adrian Mejia. Novatec

Transcrição

1 Adrian Mejia Novatec

2 Copyright Packt Publishing First published in the English language under the title Building an E-Commerce Application with MEAN ( ) Copyright Packt Publishing Publicação original em inglês intitulada Building an E-Commerce Application with MEAN ( ) Esta tradução é publicada e vendida com a permissão da Packt Publishing. 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 PY Tradução: Henrique Cesar Ulbrich Assistente editorial: Priscila Yoshimatsu Revisão gramatical: Sandro Andretta Editoração eletrônica: Carolina Kuwabata ISBN: Histórico de impressões: Junho/2016 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos São Paulo, SP Brasil Tel.: novatec@novatec.com.br Site: novatec.com.br Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec

3 Sumário Sobre o autor...11 Sobre os revisores...12 Prefácio...13 Capítulo 1 Fundamentos do MEAN...18 Introdução ao MEAN...19 NodeJS...21 ExpressJS...21 MongoDB...21 AngularJS Instalando os componentes do MEAN Instalando o NodeJS Instalando o ExpressJS Instalando o MongoDB Instalando o AngularJS...24 Depurador do AngularJS...26 Entendendo a estrutura do projeto...26 Estrutura de arquivos...27 Componentes Testes Ferramentas...29 Instaladores de pacotes de software...30 Pacotes do Bower...30 Aplicação exemplo de e-commerce...31 Capa...31 Catálogo...32 Administração...33 Entendendo os requisitos das aplicações de e-commerce...35 Produto Minimamente Viável para um site de e-commerce...35 Definindo os requisitos...35 Resumo

4 6 Construindo uma Aplicação E-commerce com MEAN Capítulo 2 Construindo uma frente de loja com o AngularJS...38 Entendendo o AngularJS e a estrutura de pastas do cliente...39 Estrutura no lado do cliente Diretivas...41 Módulos...42 Roteamento no AngularUI...43 Controladores e escopos...45 Templates Criando o layout do MVP de nosso e-commerce...47 Produtos...47 Fábricas e serviços...49 Criando a fábrica de produtos...49 Criando um catálogo...50 Filtros...52 Administrando produtos (com CRUD)...52 Serviços...52 Controladores...55 Rotas...56 Templates...58 Formulários parciais...58 Novo produto...59 Editar produto Visão do produto Lista de produtos...61 Estilo da página principal...62 Resumo Capítulo 3 Construindo um banco de dados flexível com o MongoDB...65 Entendendo o MongoDB MongoDB: daemons e CLI MongoDB para quem vem do SQL...67 Conceitos básicos...67 Buscas (queries)...67 Agregadores...68 Implementando CRUD com o Mongoose...69 Schemas...69 Criar (create)...71 Ler (read)...72 Atualizar (update)...73 Apagar (delete)...74

5 Sumário 7 Mongoose: recursos avançados...74 Métodos de instância...74 Métodos estáticos...75 Virtuais...75 Validações...76 Validação nativa...76 Validações personalizadas...76 Middleware Revisando modelos e a estrutura no servidor...78 Pasta server...78 Modelos atuais do Mongoose...79 Módulos CommonJS Modelo user...81 Resumo Capítulo 4 Criando uma API RESTful com NodeJS e ExpressJS...85 Fundamentos do REST Criando um esqueleto de API RESTful...87 Inicializando o ExpressJS...87 Entendendo as rotas do ExpressJS Testes, TDD, BDD e NodeJS...92 Criando o modelo de produtos...93 Testando o modelo de produtos Implementação do modelo de produtos...95 Implementando a API de produtos...95 Testando a API Teste das ações de índice Teste das ações de exibição Testes das ações de criação...97 Testes das ações de apagamento...97 Controlador de produtos...97 Resumo...97 Capítulo 5 Conectando o AngularJS à API REST do ExpressJS...98 Implementando um serviço de produtos RESTful...98 Montando o catálogo de produtos Conectando o controlador de produtos aos novos métodos RESTful Enviando imagens de produtos Upload de arquivos no Angular Upload de arquivos no Node...106

6 8 Construindo uma Aplicação E-commerce com MEAN Semeando produtos Testando APIs RESTful no AngularJS Teste de unidades ngmock Configurando os testes Entendendo os testes de Serviços Testando todos os métodos $resource Testando o controlador de produtos Testes fim a fim Limpando o banco de dados a cada execução do e2e Resumo Capítulo 6 Gerenciando autenticação e autorização Fundamentos sobre estratégias de autenticação Autenticação por sessão Autenticação por token JWT Autenticação OAuth Entendendo a autenticação no cliente Gerenciamento da autenticação Processo de cadastro Entendendo a autenticação no servidor Autenticação com PassportJS Inicializando o PassportJS Modelo do usuário Estratégias e rotas de autenticação Autenticação local Testes fim a fim para a autenticação local Autenticando com Facebook, Google e Twitter Facebook Twitter Google Resumo Capítulo 7 Fechando a compra e recebendo o pagamento Configurando um carrinho de compras Instalando o ngcart Usando as diretivas do ngcart Inclui ou exclui item do carrinho Resumo da compra até agora Página de checkout e integração com Braintree...148

7 Sumário 9 Configurando o Braintree Chaves da API Gateway Controlador Roteamento Criando um pedido Modificando o modelo de pedido Testando o modelo de pedidos Usando a conta sandbox Resumo Capítulo 8 Busca e navegação Adicionando busca à barra de navegação Categorias de produtos Adicionando um painel lateral Aprimorando os controladores e modelos de produto Controlador e as rotas de Catalog Modelo Catalog Semeando produtos e categorias Funcionalidade de busca e navegação Adicionando os métodos $resource Rotas e controladores Amarrando tudo Como a navegação funciona no navegador Como a busca funciona no navegador Resumo Capítulo 9 Colocando a aplicação de e-commerce em produção Preparando a aplicação para produção Ambientes de aplicação Otimizações para ambientes de produção Escalonamento de aplicações web Escalonamento vertical um servidor Escalonamento horizontal múltiplos servidores Ambiente de computação em nuvem Platform as a Service Heroku Virtual Private Servers e servidores na nuvem Digital Ocean...184

8 10 Construindo uma Aplicação E-commerce com MEAN Ambiente multisservidor Configurando o servidor de aplicações NodeJS Configurando o servidor web Nginx Testes de resistência Benchmark de HTTP ApacheBench Benchmark da aplicação no Heroku Benchmark de ambientes VPS multisservidores Arquitetura de produção para escalonar o NodeJS Fase 0 um servidor Fase 1 múltiplas instâncias da aplicação no mesmo servidor Fase 2 múltiplos servidores Fase 3 microsserviços Segurança Resumo Capítulo 10 Adicionando recursos personalizados com alta qualidade Planejamento de novos recursos Wireframe Implementando a solução Página HTML Testando o novo recurso Testes no AngularJS Recursos a implementar (backlog) Deploy de novas versões Zero-downtime Configurando um servidor de produção para zero-downtime Fundamentos do Capistrano Instalação do Capistrano Entendendo o Capistrano Preparando o servidor Variáveis do Capistrano Tarefas do Capistrano Novas tarefas Preparação do Nginx Distribuição de carga (load balance) Servidor de conteúdo estático WebSockets Resumo...215