HowTo: ASP.NET MVC Anwendungen updaten – App_Offline.htm & AJAX

image Um eine ASP.NET Anwendung umzudaten ist es oftmals auch nötig bestimmt dlls auszutauschen. Dazu muss natürlich auch die Anwendung runtergefahren werden. Mit ASP.NET 2.0 kam ein nettes Feature hinzu: Das App_Offline.htm. Mit diesem File kann man neue Requests abfangen und auch für AJAX Calls gibt es einen Workaround.

App_Offline.htm

Legt man ein File namens “App_Offline.htm” in den Web-Root leitet der IIS alle neuen Requests an dieses File weiter. Damit ist es möglich, dass man Usern während des Update Prozesses eine Informationsseite zu präsentieren. Diese Updateseite wird mit dem HTTP Code 404 ausgeliefert.

“IE Problem”

Es soll wohl bei dem IE zu Problemen kommen, wenn die Updateseite zu klein ( kleiner als 512 byte ) ist – dann stellt der IE seine eigene Fehlerseite dar. Hier reicht es einfach das HTML durch Kommentare etc. “aufzublähen”.
Hier das Beispiel von ScottGu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>Site Under Construction</title>

</head>

<body>

    <h1>Under Construction</h1>

    <h2>Gone to Florida for the sun...</h2>

<!--       

    Adding additional hidden content so that IE Friendly Errors don't prevent

    this message from displaying (note: it will show a "friendly" 404

    error if the content isn't of a certain size).

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2> 

    <h2>Gone to Florida for the sun...</h2>     

-->

</body>

</html>

Resultat

Wenn das File nun ins Webroot gelegt wird, wird nur das ausgegeben.

AJAX Problem

Was noch zu Problemen führen könnte wären WebApps in den AJAX eingesetzt wird. Die Webseite ist komplett geladen und der User klick fröhlich rum. Dann geht er einen Kaffee holen und in dieser Zeit aktualisieren wir die Anwendung. Jetzt wäre es natürlich schade wenn der nächste AJAX Call einfach nur ins Leere laufen würde – etwas schöner wäre ja, wenn man den Nutzer wenigstens sagt, dass die Anwendung gerade gewartet wird.

Lösung

Wie hier vorgeschlagen habe ich einfach einen besonderen HTML Kommentar in die Fehlerseite mit eingebaut:

<!--[AJAX_APP_OFFLINE_FLAG]-->   

Jetzt kann ich z.B. über ein globales AJAX Exception Handling schauen ob dieser “Flag” vorkommt und wenn ja eine nettere Fehlermeldung ausgeben:

$(document).ajaxError(function(e, xhr, settings, exception) {
            alert('Error!');

            var responseText = xhr.responseText;
            if (responseText.indexOf("<!--[AJAX_APP_OFFLINE_FLAG]-->") != -1) {
                alert("Site update in progress... keep cool :) ");
            }
            else {
                alert('Real error! OMG!');
            }

        });

Resultat für den normalen Aufruf:

image

Resultat für AJAX Aufrufe:

image

image

Hinweis:

Damit der erste Aufruf bei euch funktioniert habe ich die “App_Offline.htm” mal in “xApp_Offline.htm” umbenannt.

Javascript und CSS Datein:

Sobald der IIS die App_Offline.htm entdeckt wird nur dieses File ausgeliefert. Somit kann man in der App_Offline.htm keine CSS Datei einbinden die in dieser Webapplikation liegt!

Frage in die Runde:

Wie ist eure Strategie wenn es um das Updaten von Anwendungen geht?

[ Download Democode ]


Kick It auf dotnet-kicks.de
Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf dem Laufenden bleiben willst, abonniere unseren RSS Feed oder folge uns auf Twitter.

About the author

Written by Robert Mühsig

Robert Mühsig (@robert0muehsig) ist Webentwickler und beschäftigt sich mit Web-Frameworks (vor allem dem ASP.NET MVC Framework) und scheut sich auch nicht vor Javascript. Ansonsten bloggt er über all jene Probleme, die ihm über den Weg laufen. Seit 2008 ist er Microsoft MVP für ASP.NET und er arbeitet bei der T-Systems Multimedia Solutions GmbH in Dresden. Treffen kann man ihn online via Twitter (@robert0muehsig) oder dieser Seite oder bei der .NET User Group Dresden.

5 Responses

  1. Ich bin immer wieder erstaunt. Gestern erst unterhielt ich mich mit einem Kollegen und darüber, dass wir ein ASP.NET MVC Projekt in den Offlinemodus schalten sollten können, um es etwa zu updaten und heute der Beitrag. Tja, danke für die Arbeit, spart mir Zeit ;)

    Reply
  2. Was ich noch nicht nachgeprüft habe ist, wie es sich mit CSS Datein oder Javascriptdatein verhält die man in der App_Offline.htm einbindet. Ansonsten müsste man die Styleeigenschaften für die App_Offline.htm direkt reinschreiben.

    Ein anderer Punkt ist, dass man natürlich nur ein statisches File ausliefert – Lokalisierung ist dann natürlich schlecht möglich. Mh. Ideen (ohne das man eine Mondrakete baut)?

    Reply
  3. Ok, gerade mal nachgeprüft ob man noch auf JS und CSS Datein zugreifen kann: Nein. Auch Bilder werden nicht ausgeliefert. Der IIS sendet dem Client nur noch die App_Offline.htm. D.h. wenn man CSS und JS Datein einbinden will, muss man diese in einer anderen Webapp hosten.

    Reply
  4. Eigentlich auch logisch ;) Muss man halt Grafiken auslagern :D

    Reply
  5. Ich Tausche beim Update nur einige Wenige DLL,s aus, aber wen es dan doch mehr wird, dan Verwende ich App Öfline und sage den System einfach dass die Ajax Calls via JS Als Cookie gespeichert werden sollen.
    Nach den Update werden die Cookes einfach An den Server geschickt und wie gewohnt verarbeitet. Meistens Tausche ich eh nur Content aus!

    Reply

Comment on this post

Letzte Posts

  • image.png
    Chocolatey–apt-get für Windows

    Durch Zufall bin ich auf das Tool “Chocolatey” gestoßen. Wer die Website sich anschaut, wird evtl. eine Verwandschaft mit NuGet ausmachen. Was macht Chocolatey? Chocolatey ist ein “Maschine Package Manager”, das bedeutet, dass man für seine Maschine einfach Tools runterladen und Updaten kann – direkt über die Konsole. Was ist der Unterschied zu NuGet? NuGet ...

  • image.png
    SASS, LESS & Coffeescript in Visual Studio mit der Web Workbench

    CSS und Javascript sind die “kleinste” Schnittmenge von allen Browsern für die Erstellung von Web-Applikationen. Leider geht dabei etwas komfort verloren, daher lieben alle Webentwickler jQuery! SASS und LESS sind zwei Varianten, wie man “schöner” CSS schreiben kann und Coffeescript versucht Javascript Entwicklung zu vereinfachen. Aber immer der Reihe nach… Was ist SASS? SASS steht ...

  • image.png
    Code-Inside Sample nun auf GitHub: Google Code zu GitHub Migration

    Seit einiger Zeit habe ich Beispielcode auf Google Code bereitgestellt. Einfach nur noch weg von Google Code O-Ton damals war: Ich hatte mich für Google Code entschieden, weil ich hoffe dass früher oder später die Google Code Suche nutzbar ist und es dadurch wenigstens ein kleiner Mehrwert entsteht. Allerdings wirft es momentan noch ein Fehler. ...

  • image.png
    Windows-8-Hackathon @Night in Leipzig

    Hacken (=Entwickeln, nichts böswilliges!), Grillen und mitten in der Nacht fachsimpeln? Dann ist vielleicht der Windows-8-Hackathon was für dich. Der Hackathon wird vom 15. Juni (ab 19:00) bis zum 16. Juni (bis in die frühen Morgenstunden) in Leipzig stattfinden.  Mit dabei sind auch Darius Parys und Tom Wendel von der Microsoft Deutschland. Thematisch (wie der ...

  • image.png
    Einstieg in Redis on Windows & Redis mit .NET benutzen

    Redis gehört zu den NoSQL Datenbanken und ist dort in der Familie der Key-Value Stores zu finden. Redis wird oft mit “Blazing Fast” betitelt und laut dem Stackoverflow Thread soll es im Vergleich zu MongoDB zweimal (beim Schreiben) und sogar dreimal (beim Lesen) so schnell sein wie MongoDB – auch wenn der Vergleich etwas “hinkt” ...

Auf Amazon einkaufen & unterstützen

Facebook