47
Germán Küber .Net Developer @germankuber http://germankuber.com.ar http://net-baires.com.ar Introducción a Azure y ASP.NET MVC

Asp.net Mvc 5 y Azure

Embed Size (px)

Citation preview

Page 1: Asp.net Mvc 5 y Azure

Germán Küber.Net Developer

@germankuberhttp://germankuber.com.arhttp://net-baires.com.ar

Introducción a Azure y ASP.NET MVC

Page 2: Asp.net Mvc 5 y Azure

https://aka.ms/azureimagine

http://germankuber.com.ar

http://net-baires.com.ar

Page 3: Asp.net Mvc 5 y Azure
Page 4: Asp.net Mvc 5 y Azure

Universal Apps

Page 5: Asp.net Mvc 5 y Azure

64-bit JIT + SIMDGarbage Collector

Runtime components

Compilers.NET Compiler Platform (Roslyn)Languages innovation

.NET Framework 4.6 .NET Core 5

Fully-featured and integrated .NET libraries and runtime for Windows

Modular and optimized .NET libraries and runtimes

WPF ASP.NET (4 & 5)

Windows Forms

ASP.NET 5 Universal Windows Apps

CoreCLR .NET Native

Base class librariesNuGet packages

LibrariesShared

.NET en Linux y OS X

Page 6: Asp.net Mvc 5 y Azure

.NetVisual Studio

Page 7: Asp.net Mvc 5 y Azure

¿Git?

Page 8: Asp.net Mvc 5 y Azure

¿Git?

Page 9: Asp.net Mvc 5 y Azure

¿Git?

Page 10: Asp.net Mvc 5 y Azure

GitHub

http://github.com

Page 11: Asp.net Mvc 5 y Azure

Bajar Repositorio

Page 12: Asp.net Mvc 5 y Azure

Que es la nube?Es un acercamiento al procesamiento de datos online, escalables y conectados a una variedad de dispositvos y servicios.

Page 13: Asp.net Mvc 5 y Azure
Page 14: Asp.net Mvc 5 y Azure

¿Porque la nube?• Rápido aprovisionamiento de entornos.• Rápido escalamiento para responder a las demandas.• Aumenta la productividad, la eficiencia y reduce costos. EconomicsScaleSpeed

Page 15: Asp.net Mvc 5 y Azure
Page 16: Asp.net Mvc 5 y Azure
Page 17: Asp.net Mvc 5 y Azure

Microsoft Azure ServicesCl

ient

laye

r (

on-p

rem

ises

)

Tablet PhoneGames consolePC

On-premises databaseBrowser

Office Add-in

On-premises service

ADMultifactorAuthentication

Acce

ss C

ontr

olLa

yer

Inte

grat

ion

laye

r Service Bus CDN

BizTalk Services

Traffic Manager

Virtual Networks

Express Route

Appl

icat

ion

laye

r

API Mgmt WebsitesCloud Services VM

Mobile Services

Media Services

Notification Hubs Scheduler Automation

Dat

a La

yer

Storage Blobs Tables Queues DataMachine Learning HD Insight

Backup and Recovery

SQL Database Caching StorSimple

Page 18: Asp.net Mvc 5 y Azure

Métodos de publicación

FTP:// TFS WEBDEPLOY

DROPBOX

Page 19: Asp.net Mvc 5 y Azure

Soporte para Frameworks

Page 20: Asp.net Mvc 5 y Azure

.NETPython

Desarrollar app en …Node.j

sJava

PHP

Page 21: Asp.net Mvc 5 y Azure

Microsoft Azure Web App Gallery

Page 22: Asp.net Mvc 5 y Azure

Escalamiento

Page 23: Asp.net Mvc 5 y Azure

Azure

Page 24: Asp.net Mvc 5 y Azure

¿Por que? Las tecnologías tiene que evolucionar para acompañar

Web 1.0Migración Desktop a

Web

Web 2.0Integración con

Estándares y JavaScript

Web Moderna

Integración en el Server y en el Cloud

Page 25: Asp.net Mvc 5 y Azure

¿Qué es Asp.Net?• Plataforma de desarrollo para aplicaciones web, que permite la creación de sitios dinámicos usando los lenguajes de programación admitidos por .Net

Page 26: Asp.net Mvc 5 y Azure

Modelo-Vista-Controlador (MVC)

Model

ControllerView

Page 27: Asp.net Mvc 5 y Azure

¿Qué es Asp.Net MVC?• Plataforma de desarrollo para aplicaciones web, que implementa el patrón Modelo Vista Controlador, dicha plataforma está basada en Asp.net

Page 28: Asp.net Mvc 5 y Azure

Asp.Net + MVC

Model

ControllerView

+

Page 29: Asp.net Mvc 5 y Azure

Modelo-Vista-Controlador

ViewController Model BD

Request

Response

HTTP

HTML

Page 30: Asp.net Mvc 5 y Azure

Ventajas del patrón• Separación de incumbencias• Fácil implementación de TDD• Facilita el mantenimiento• Trabajo en paralelo en vistas y lógica del negocio• Orientación al dominio

Page 31: Asp.net Mvc 5 y Azure

Ventajas de la plataforma• Friendly URLs (Routing)• Escalabilidad y rendimiento• Helpers• View Engines• Fácil integración con FRMs JavaScripts• Fácil integración con FRMs TDD• Fácil integración y despliegue en la nube (Microsoft Azure)

Page 32: Asp.net Mvc 5 y Azure

Navego a http://.../Productos/Listar Se determina la ruta

El controller Productos es

creado

Un método Listar del

controller es invocado

Se ejecuta la logica del controller

Se dibuja la vista

pasándole la ViewData

Se dibujan Urls que apuntan a otras acciones

de otros controllers

Funcionamiento

Page 33: Asp.net Mvc 5 y Azure

Controlador• La url indica acciones del controlador no paginas• Cada controlador expone su comportamiento a traves de acciones• El controlador contiene la lógica de negocio• El controlador decide que vista mostrar• Conoce a la vista• Conoce al modelo

Page 34: Asp.net Mvc 5 y Azure

Controller

Controller

Page 35: Asp.net Mvc 5 y Azure

Modelo• Es un objeto sin comportamiento• Contiene las validaciones necesarias para cada llamada de una acción• Es instanciado por el Controlador e inyectado en la vista• No conoce del Controlador ni de la Vista

Page 36: Asp.net Mvc 5 y Azure

Modelo

Model

Page 37: Asp.net Mvc 5 y Azure

Vista• Genera Html u otro tipo de contenido.• Helpers pre-definidosa• Es independiente del controlador• El controlador le entrega los datos a la vista• No tiene ningún tipo de lógica de negocio• No conoce del controlador• “No conoce del modelo”

Page 38: Asp.net Mvc 5 y Azure

Razor• Compacto• Sencillo• “Amigable con el html generado”• Similar a C#• Muy potente

Page 39: Asp.net Mvc 5 y Azure

Vista

View

Page 40: Asp.net Mvc 5 y Azure

Rutas

Page 41: Asp.net Mvc 5 y Azure

Rutas

www.sitio.com/products/report/1/06/2008

Page 42: Asp.net Mvc 5 y Azure

Rutas

Page 43: Asp.net Mvc 5 y Azure

DemoCreando la base de datos

Page 44: Asp.net Mvc 5 y Azure

• Administrador de paquetes para la plataforma .Net• Permite descargar librerías de la comunidad• Sencillo para publicar nuestros propios paquetes• Administra las dependencias y versiones

Page 45: Asp.net Mvc 5 y Azure

• Framework de diseño web.• Ayuda a tener paginas responsive.• Fácil implementación• Incorporado en la plantilla de Asp.Net Mvc• Open Source

Page 46: Asp.net Mvc 5 y Azure

Bootstrap

Page 47: Asp.net Mvc 5 y Azure

Preguntas?

Germán Küber.Net Developer

@germankuberhttp://germankuber.com.arhttp://net-baires.com.ar