CONTROLLING ASP.NET MVC 4

Transcription

1 CONTROLLING ASP.NET MVC 4 Philip Japikse (@skimedic) phil.japikse@telerik.com MVP, MCSD.Net, MCDBA, CSM, CSP Agile Practices Evangelist, Telerik

2 WHO AM I? Agile Practices Evangelist, Telerik, Inc. Microsoft MVP, MCSD, MCDBA, CSM, CSP Lead Director, Cincinnati.NET User s Group Founder, Agile Conferences, Inc. Host, Zero To Agile Podcast 8/30/2012 2

3 CONFIGURATION CHANGES 4/19/2008 3

4 APP_START New folder holds: AuthConfig BundleConfig FilterConfig RouteConfig WebApiConfig 4/19/2008 4

5 GLOBAL.ASAX CHANGES protected void Application_Start() { //area registration, etc WebApiConfig.Register(GlobalConfiguration.Configuration); FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); RouteConfig.RegisterRoutes(RouteTable.Routes); BundleConfig.RegisterBundles(BundleTable.Bundles); AuthConfig.RegisterAuth(); } 4/19/2008 5

6 DEMO CONFIGURATION CHANGES 4/19/2008 6

7 UPDATED TEMPLATES

8 ASP.NET MVC STARTER PROJECTS Intranet Starter website that uses forms authentication Internet Starter website that uses Windows authentication Richer UI Mobile Includes KnockoutJS, JQueryUI Optimized for Mobile Devices WebAPI Includes JQueryMobile HTTP Service Application 8

9 STARTER SITES 9

10 RICHER UI 10

11 MVC TEMPLATES IN RTM MVC templates are changed! No longer have responsive UI

12 ADAPTIVE RENDERING MEDIA only screen and (max-width: 850px) {.. } is a CSS3 element rendered by the browser, not a MVC4 specific item 12

13 DEMO IMPROVED TEMPLATES

14 MOBILE

15 HTML5 - IN THE BOX <ul data-role="listview" data-inset="true"> <li data-role="list-divider">navigation</li> <li>@html.actionlink("home", "Index", "Home")</li> <li>@html.actionlink("contact", "Contact", "Home")</li> </ul>

16 VIEWPORT META TAG <meta name="viewport" content="width=device-width" />

17 ADD JQUERY MVC TO INTERNET APPS (NuGet) Install-Package jquery.mobile.mvc Adds: _Layout.Mobile.cshtml _ViewSwitcher.cshtml ViewSwitcherController.cs

18 VIEW SWITCHING

19 CREATING DISPLAY MODES DisplayModeProvider.Instance.Modes.Insert(0, { new DefaultDisplayMode("iPhone") ContextCondition = (context => context.getoverriddenuseragent().indexof("iphone", StringComparison.OrdinalIgnoreCase) >= 0) });

20 DEMO DISPLAY MODES, VIEW SWITCHING, BROWSER OVERRIDING

21 ASYNC

22 TASK SUPPORT - ASYNC CONTROLLERS Async action methods Written as single methods Return Task or Task<ActionResult> Support for Timeouts Add CancellationToken parameter

23 ASYNC CONTROLLERS public class HomeController : AsyncController { public async Task<ActionResult> Index() { var client = new HttpClient(); var response = await client.getasync( Url.Action("gallery", "photo", null, Request.Url.Scheme)); var jss = new JavaScriptSerializer(); var result = jss.deserialize<list<photo>>( } } await response.content.readasstringasync()); return View(result);

24 HANDLING TIMEOUTS [AsyncTimeout(5000)] [HandleError(ExceptionType = typeof(taskcanceledexception), View = "TimedOut")]

25 DEMO ASYNC

26 WEBAPI

27 ASP.NET WEB API Modern HTTP Programming Model Routing Content Negotiation Model Binding and Validation Filters Query Composition Improved Testability Improved Inversion of Control Code-Based configuration Self-Hostable

28 DEMO WEBAPI

29 ADD WEBAPI CONTROLLER Derives from API Controller

30 WHAT S NOT IN MVC4 (YET) ASP.NET Single Page Application (postponed) SignalR (postponed) Run Recipe Removed from VS

31 UPGRADING MVC3 PROJECTS Create new MVC4 Project Copy Views, Controllers, Code, Content Update all web config files System.Web.MVC -> Version 4 System.Web.WebPages -> Version 2 System.Web.Helpers -> Version 2 System.Web.WebPages.Razor -> Version 2 Follow: 4/19/

32 BREAKING CHANGES Removed from Razor ModelSpan, Mvc<Language>RazorCodeGenerator, MvcVBRazorCodeParser WebMatrix takes over URL for Forms Auth Breaks MVC RTM applications Requires MVC3 Tools Update or Manual updates from 4/19/

33 CONTACT ME /30/