Carlos Walzer Vemn Sistemas Como crear un sitio con ASP.NET.

Presentación del tema: "Carlos Walzer Vemn Sistemas Como crear un sitio con ASP.NET."— Transcripción de la presentación:

1 Carlos Walzer Vemn Sistemas carlosw@vemn.com.ar Como crear un sitio con ASP.NET

2 Introducción al marco de trabajo Introducción al marco de trabajo Como funciona ASP.NET Como funciona ASP.NET Revisión de Componentes Revisión de Componentes Herramientas, Consejos Herramientas, Consejos DHTML, CSS, XMLHTTP DHTML, CSS, XMLHTTP Seguridad de la App Web Seguridad de la App Web Deployment Deployment Agenda

3 Marco de trabajo.NET Framework y ASP.NET

4 Framework, lenguaje y Herramientas Base Class Library Common Language Specification Common Language Runtime Datos y XML VBC++C# Visual Studio.NET Web Services JScript… Interface de Usuario

5 Componentes de.NET System System.DataSystem.Xml System.Web Globalization Diagnostics Configuration Collections Resources Reflection Net IO Threading Text ServiceProcess Security Design ADO SQLTypes SQL XPath XSLT Runtime InteropServices Remoting Serialization ConfigurationSessionState CachingSecurity Services Description Discovery Protocols UI HtmlControls WebControls System.Drawing Imaging Drawing2D Text Printing System.WinForms DesignComponentModel

6 Conceptos centrales de ASP.NET Plataforma de desarrollo de Web Plataforma de desarrollo de Web Cliente Web Sistema Operativo Aplicaciones ASP.NET IIS.NET Framework

7 Características Lenguajes Lenguajes CodeBehind CodeBehind Assemblies Assemblies Configuración Configuración Orientado a Objetos Orientado a Objetos Eventos en el servidor Eventos en el servidor

8 PostBack Mitos y Leyendas…

9 Modelo de Eventos WebForm Evento disparado en el Cliente Evento disparado en el Cliente Atrapado en el servidor Atrapado en el servidor Server Cliente Web Analiza el mensaje evento manejador mensaje respuesta Llama al manejador apropiado

10 Form Form POST POST Page.IsPostBack Page.IsPostBack ViewState ViewState Base64 Base64 EnableViewState EnableViewState No siempre es necesario No siempre es necesario Eventos Eventos Post-Back Post-Back Cached events (retenidos) Cached events (retenidos) AutoPostBack AutoPostBack Validación Validación Como se implementa

11 Ciclo de Vida de un Web Form Inicialización de Objetos Inicialización de Objetos Carga ViewState Carga ViewState Procesa datos del Post Procesa datos del Post Carga Objetos Carga Objetos Lanza los Eventos Cached Lanza los Eventos Cached Lanza el Evento Post-Back Lanza el Evento Post-Back PreRender PreRender Graba ViewState Graba ViewState Render Render Disposal Disposal

12 Consejos Nos acerca al modelo de Win32 Nos acerca al modelo de Win32 Administre el Post-Back: Administre el Post-Back: Round-Trips Round-Trips ViewState ViewState DHTML también existe DHTML también existe

13 Componentes ASP.NET y demás…

14 Autenticación - Tipos Windows Authentication (vía IIS) Windows Authentication (vía IIS) Basic, Digest, NTLM, Kerberos, IIS Certificate Basic, Digest, NTLM, Kerberos, IIS Certificate Autenticación basada en Formularios (Cookie) Autenticación basada en Formularios (Cookie) Verificación de credencial a nivel de Aplicación Verificación de credencial a nivel de Aplicación Microsoft ® Passport Microsoft ® Passport

15 Autenticación basada en Formularios Fácil de implementar Fácil de implementar ASP.NET provee redirección ASP.NET provee redirección Pasos Pasos Configure IIS para que permita usuarios anónimos (típicamente) Configure IIS para que permita usuarios anónimos (típicamente) Use SSL! Use SSL! Configure ASP.NET con autenticación por cookie Configure ASP.NET con autenticación por cookie Escriba su página de Login Escriba su página de Login <forms name=".ASPXAUTH" loginUrl="login.aspx" protection="all" timeout="30" path="/" />

16 Configuración Conceptos y Arquitectura Conceptos y Arquitectura Arch. de configuración: Config.web Arch. de configuración: Config.web Basado en XML, legible y modificable por humanos Basado en XML, legible y modificable por humanos Ubicación Ubicación Los cambios se detectan automáticamente Los cambios se detectan automáticamente Arquitectura de configuración jerárquica Arquitectura de configuración jerárquica Root Dir Sub Dir1 Sub Dir2 Config.web

17 State Application State Application State Session State Session State Por página Por página In-Process Session In-Process Session Out-Of-Process Session Out-Of-Process Session ASP.NET State Server ASP.NET State Server SQL Server Session SQL Server Session c:\winnt\Microsoft.NET\Framework\version\InstallSqlState.sql c:\winnt\Microsoft.NET\Framework\version\InstallSqlState.sql <sessionState mode="Off|Inproc|StateServer|SQLServer cookieless="true|false" timeout="number of minutes stateConnectionString="tcpip=server:port" timeout="number of minutes stateConnectionString="tcpip=server:port" sqlConnectionString="sql connection string" /> sqlConnectionString="sql connection string" /> Cookies Cookies Cache State Cache State Transient State Transient State HTTPContext.Current.Items HTTPContext.Current.Items View State View State ViewState[] Collection ViewState[] Collection

18 Navegación window.location window.location window.open() window.open() window.showModalDialog(), window.showModelessDialog() window.showModalDialog(), window.showModelessDialog() Response.Redirect() Response.Redirect() Server.Execute() Server.Execute() Server.Transfer() Server.Transfer() HTTPContext.Current.Items HTTPContext.Current.Items

19 Controles ASP.NET Un componente que se ejecuta en el servidor y expone interfaz Web… Un componente que se ejecuta en el servidor y expone interfaz Web… Propiedades, métodos, eventos Propiedades, métodos, eventos Se muestra como HTML, XML, script, etc. Se muestra como HTML, XML, script, etc. Procesa acciones del usuario y datos Procesa acciones del usuario y datos Puede representar elementos HTML o abstracciones de alto nivel Puede representar elementos HTML o abstracciones de alto nivel Hablando técnicamente… Hablando técnicamente… Es implementado como una clase.NET Es implementado como una clase.NET Deriva desde System.Web.UI.Control o System.Web.UI.WebControls.WebControl Deriva desde System.Web.UI.Control o System.Web.UI.WebControls.WebControl

20 Cache

21 Herramientas Consejos útiles para trabajar

22 Consejos Como usar y no usar VS… Como usar y no usar VS… HTML Designer, Text editor HTML Designer, Text editor Debugging Debugging Tablas anidadas Tablas anidadas Crear Controles, Botones, Menu Crear Controles, Botones, Menu Modere ViewState (DataGrid paging) Modere ViewState (DataGrid paging) Gráficos (FireWorks) Gráficos (FireWorks) BookMarklets BookMarklets http://www.squarefree.com/bookmarklets/ http://www.squarefree.com/bookmarklets/

23 DHTML, CSS XMLHTTP

24 Que son? Que son? Formas de definir los estilos Formas de definir los estilos En linea En linea STYLE="position:absolute; width:60; height:20; En la página En la página<STYLE> BODY {font-family:"Arial"; font-size:10pt; text-align:center} BODY {font-family:"Arial"; font-size:10pt; text-align:center}</STYLE> En un archivo externo En un archivo externo Los estilos se heredan Los estilos se heredan Son dinámicos: Objeto style Son dinámicos: Objeto style CSS – Hojas de estilo en Cascada

25 Aspectos que modifican Aspectos que modifican Font y Text Font y Text Background y colores Background y colores Layout Layout Bordes, margenes, padding Bordes, margenes, padding Display Display Posición Posición Impresión Impresión Filtros Filtros CSS – Hojas de estilo en Cascada

26 DHTML Todos Los elementos de una página son objetos programables Todos Los elementos de una página son objetos programables DOM (Document Object Model) DOM (Document Object Model) Características Características Estílos Dinámicos Estílos Dinámicos Posicionamiento Dinámico Posicionamiento Dinámico Contenido Dinámico Contenido Dinámico Data Binding Data Binding Los lenguajes de scripting Los lenguajes de scripting

27 DHTML Los objetos y las colecciones Los objetos y las colecciones Los objetos Los objetos Window Window Navigator Navigator Document Document Location Location Screen Screen Frames Frames Forms Forms all all

28 DHTML Las propiedades Las propiedades ID – Para identificar un objeto ID – Para identificar un objeto Name Name Tagname – Nombre del Tag Tagname – Nombre del Tag ClassName – Nombre del estilo ClassName – Nombre del estilo Style – Acceso al objeto de estilo del elemento Style – Acceso al objeto de estilo del elemento innerHTML, outerHTML innerHTML, outerHTML Value, innerText Value, innerText window.status window.status Readystate, Complete Readystate, Complete Disabled, Readonly Disabled, Readonly Length Length parentElement parentElement Tabindex, Tabstop Tabindex, Tabstop Left, top, bottom, right Left, top, bottom, right Rows, Cols Rows, Cols

29 DHTML Los métodos Los métodos window.open window.open window.showModalDialog window.showModalDialog Pasando argumentos Pasando argumentos Retornando un valor con window.returnvalue Retornando un valor con window.returnvalue document.write document.write document.createElement document.createElement Focus, Blur Focus, Blur Moveto, moveby Moveto, moveby Submit Submit setTimeOut setTimeOut Print Print insertAdjacentHTML, insertAdjacentText insertAdjacentHTML, insertAdjacentText

30 Los eventos Los eventos onClick, onDblClick, onChange onClick, onDblClick, onChange OnBlur, OnFocus OnBlur, OnFocus OnLoad, onBeforeUnload OnLoad, onBeforeUnload onBeforeCopy, onBeforePaste, onBeforeCut (after) onBeforeCopy, onBeforePaste, onBeforeCut (after) onContextMenu onContextMenu onDragOver, onDragStart, …. onDragOver, onDragStart, …. onKeyDown, onKeyPress, onKeyUp onKeyDown, onKeyPress, onKeyUp onMouse (down, enter, move, out, up, wheel) onMouse (down, enter, move, out, up, wheel) onReadyStateChange onReadyStateChange onSubmit onSubmit DHTML

31 Los eventos Los eventos Event Bubbling Event Bubbling cancelBubble cancelBubble Accediendo al objeto que dispara el evento con Event.srcElement Accediendo al objeto que dispara el evento con Event.srcElement Cancelando: event.returnvalue = false Cancelando: event.returnvalue = false Propiedades Event Propiedades Event altKey, altLeft, clientX, clientY, ctrlKey, KeyCode altKey, altLeft, clientX, clientY, ctrlKey, KeyCode shiftKey, wheelData shiftKey, wheelData DHTML

32 XMLHTTP Consultas remotas al servidor

33 iXMLHttpRequest Disponible en Microsoft XML 3.0 Disponible en Microsoft XML 3.0 Instalado por IE 5.0 Instalado por IE 5.0 Comunicación HTTP. Comunicación HTTP. Consultar al servidor sin recargar la página. Que bueno !!! Consultar al servidor sin recargar la página. Que bueno !!! Sincrónico o Asincrónico. Sincrónico o Asincrónico.

34 iXMLHTTPRequest Propiedades Propiedades onReadyStateCha nge onReadyStateCha nge readyState readyState responseBody responseBody responseStream responseStream responseText responseText responseXML responseXML status status statusText statusText Métodos – –abort – –getResponseHeaders – –open – –send – –setRequestHeader

35 Seguridad Código seguro…

36 Seguridad SQL Injection SQL Injection Ejecutar Store Procedures Ejecutar Store Procedures Impersonar en un usuario Impersonar en un usuario Permiso de ejecución en los SP Permiso de ejecución en los SP Cross-Site Scripting Cross-Site Scripting.NET 1.1 nos cubre? ValidateRequest.NET 1.1 nos cubre? ValidateRequest Referencia: Writing Secure Code 2

37 Deployment Instalación del sitio Web

38 Deployment Xcopy Xcopy Que necesito? Que necesito? Aspx Aspx Asmx Asmx Htm, gif, css, js, etc. Htm, gif, css, js, etc. Config Config Bin Bin Carpetas Carpetas

39 Referencias Links Links www.vemn.com.ar www.vemn.com.ar www.asp.net www.asp.net www.aspalliance.com www.aspalliance.com http://msdn.microsoft.com/library/default.asp ?url=/workshop/author/dhtml/reference/metho ds.asp?frame=true http://msdn.microsoft.com/library/default.asp ?url=/workshop/author/dhtml/reference/metho ds.asp?frame=true www.codeproject.com www.codeproject.com www.asptoday.com www.asptoday.com

40 Preguntas?

41 Carlos Walzer Vemn Sistemas carlosw@vemn.com.ar Muchas gracias por su participación