Aplicações em Asp.NET WebAPI 2.2 e AngularJS

Apresentação de Raphael Pantaleão no BarCode #7.

Transcript

1. ASP .Net WebAPI 2.2 Por aplicações mais REST, mais leves e flexíveis Aplicações em Asp.NET WebAPI 2.2 e AngularJS
2. O que é? HTTP vs SOAP/WCF Opensource
3. GET POST REDIRECT Mude a forma como você programa Web! Asp.Net MVC 4/5 Padrão GET-POST-REDIRECT Exibe um página Submete um formulário Página de resposta Carregamento completo de página Carregamento completo de página
4. Mude a forma como você programa Web! Browser(Cliente) Rederização e Parsing •Html •Css - Javascript •Redenrização de templates •Lógica de aplicação(GUI) •Rotas(cliente) Servidor(es) - Rotas de API - Segurança - Autenticação - Armazenamento de dados - Lógica de domínio - Servidor de arquivos estáticos Requisição HTTP (Dados em JSON) Renderização Parcial Resposta HTTP (Dados em JSON)
5. Mude a forma como você programa Web!
6. Mude a forma como você programa Web! HTTP Servidor Cliente SOAP HTTP VS Requisição SOAP Ação SOAP Endpoint Resposta Faulta SOAP Requisição Resposta URL VERBOS CABEÇALHOS PAYLOAD Código de Status CABEÇALHOS PAYLOAD
7. Mude a forma como você programa Web! HTTP
8. Mude a forma de você programar a web!
9. WebApi
10. Componentes do WebAPI • Routing • Binding • Parameter • Model • Validação • Controllers e ações • Negociação de conteúdo e formatação • Filtros • Manipulador de Mensagens
11. Routing
12. Attributte Route
13. Binding Tipo Simples Tipo Complexo
14. Validação
15. Controllers e Actions
16. Negociação de Conteúdo e Formatadores
17. Filtros
18. Manipulador de Mensagens
19. HTTP , REST e Hipermídias
20. HTTP , REST e Hipermídia URI – Uniform Resource Identifier https://www.google.com.br/?q=olá+mundo Lista um recurso (Links contendo “olá mundo”)
21. HTTP , REST e Hipermídias Verbos HTTP GET https://www.google.com.br/search?q=olá+mundo Principais Verbos: GET POST PUT DELETE Verbos seguros: GET OPTIONS Sem efeitos colaterais Verbos idempotentes: PUT POST DELETE Com efeitos colaterais
22. HTTP , REST e Hipermídias Códigos de Status 1XX Informações 2XX Sucesso 3XX Redirecionamento 4XX Erro do cliente 5XX Erro no Servidor
23. HTTP , REST e Hipermídias Cabeçalhos Alguns cabeçalhos: Content-type Content-length Content-encoding Accept-Languages Cache-control X-frame-option
24. HTTP , REST e Hipermídias REST – Representional State Transfer As oito falácias de computação distribuídas: A rede é confiável Latência Zero Banda infinita Rede é segura Topologia não muda Somente há um admin Custo de transporte de dados é zero A rede é homogênea
25. HTTP , REST e Hipermídias REST – Representional State Transfer Restrições(Constraints) do REST Benefícios Cliente/Servidor Evolutividade, Portabilidade de Clientes, Escalabilidade Sem Estado(Stateless) Confiabilidade, Visibilidade, Escalabilidade Cacheabilidade Performance, eficiência, escalabilidade Sistema em camadas Gerenciabilidade, escalabilidade Interface Uniforme Evolutividade, Visibilidade
26. HTTP , REST e Hipermídias Níveis Nível 3: Hipermídias HATEOAS. Hipermídia como Motor do Estado da Aplicação Nível 2: Métodos HTTP Uso de Verbos e Códigos de Status. Nível 1: Recursos URI unambíguas, há recursos distintos para “Consumidor” e “Consumidores” Nível 0: POX(Plain old XML) XML sobre HTTP Modelo de Maturidade de Richardson
27. Arquitetura Cliente/Servidor Arquivos Estáticos Banco de dados Bootstraping de página/Templates /Estaticos
28. Arquitetura Cliente/Servidor WebAPI Aplicação Angular Controller Service $http
29. Parte prática
30. Links que valem a pena Swashbunckle – Adiciona o Swagger ao WebAPI- https://github.com/domaindrivendev/Swashbuckle Autofac – Injetor de Dependências - http://autofac.org/ Asp.NET WebAPI – Site com tutoriais e vídeos - http://www.asp.net/web-api AngularJs – site oficial - https://angularjs.org/ Restangular – Acessar dados da webapi de modo mais REST - https://github.com/mgonto/restangular Ui-Router – Poderoso Roteador para AngularJS -