HTML-Seiten via Media Library bereitstellen

Meistens wird die Sitecore Media Library genutzt um Bilder und Dateien, wie PDFs, für den eigenen Webauftritt zu speichern und einzubinden, beziehungsweise zum Downloaden zu verlinken. Allerdings gehen die Möglichkeiten mit der Media Library noch viel weiter – hat man denn Bedarf daran.

In diesem Artikel wird erläutert, wie statische HTML-Seiten inklusive JavaScript und CSS über die Sitecore Media Library eingebunden und bereitgestellt werden können. Und das tolle daran: genau wie andere Items und Dateien lässt sich der Zugriff über die Sitecore Berechtigungen ganz genau festlegen – damit auch nur wirklich das von Ihnen gewünschte Zielpublikum darauf zugreifen kann!

Aus diesem Beispiel lassen sich natürlich auch weitere Use Cases ableiten, zum Beispiel wenn im Webauftritt ein Flashplayer integriert werden soll und die dazugehörigen Flashfilme (.flv Dateien) in der Media Library abgespeichert werden.

Wichtig zu beachten

  • Bei der folgenden Anleitung wird das automatische Ergänzen aller aus der Media Library verlinkter Bilder und Dateien mit der Dateiendung „.ashx“ deaktiviert – dies wirkt sich somit auf sämtliche, auch bestehende, Dateien in der Media Library aus! Sprechen Sie dies deshalb auf jeden Fall vorab mit Ihrem Sitecore Systemadministrator und Spezialisten ab.
  • Beachten Sie die Einschränkungen für gültige Item Namen innerhalb der Sitecore Struktur. Beispielsweise erlaubt Sitecore keine Item Namen mit Umlauten (ä, ö, ü) sowie Sonderzeichen – auch keine Punkte „.“ Dies müssen Sie beim Upload einer umfassenderen HTML-Seite berücksichtigen, beispielsweise ist für jQuery Dateien oft die Datei „jquery.min.js“ eingebunden – Sitecore entfernt beim Upload dieser Datei jedoch den ersten Punkt und die Datei heisst danach „jquerymin.js“.

Voraussetzungen

Die offizielle MimeTypes.config von Sitecore muss via /App_Config/ Verzeichnis eingebunden werden. Befolgen Sie dafür die verlinkte Anleitung von Sitecore.

Grundkonfiguration in Sitecore

  1. In der MimeTypes.config bei der Zeile für die Dateitypen „htm,html,stm“ folgenden Tag ergänzen (führt dazu, dass später die verlinkte HTML-Datei vom Webbrowser angezeigt und nicht heruntergeladen wird):
    <forceDownload>false</forceDownload>

     

  2. In der Web.config Datei das automatische Anhängen des .ashx Suffix deaktivieren, indem im Tage value=““ das „ashx“ entfernt wird, analog folgender Zeile:
    <setting name="Media.RequestExtension" value=""/>

     

HTML Datei(en) in Sitecore hochladen & verlinken

  1. Als erstes müssen die HTML-Dateien in der Media Library unter /Files/ hochgeladen werden. Bei einer umfassenderen Seite inklusive JavaScript und CSS empfiehlt es sich, ein ZIP via „Advanced Upload“ hochzuladen und direkt entzippen zu lassen (kann einige Minuten in Anspruch nehmen).
  2. Vergessen Sie nicht, diese neuen Files zu Publishen, damit diese für Besucher der Webseite zugänglich sind.
  3. Navigieren Sie im Sitecore Page Editor auf die Webseite, auf welcher Sie einen Link zu dieser HTML-Seite(n) einbinden möchten. Via Link Editor wählen Sie den Reiter/Link Typ „Media“ (wichtig!) und selektieren dann die gewünschte, zuvor hochgeladene HTML-Datei.
  4. Speichern und Publishen Sie die Seite. Wenn Sie nun auf den Link klicken, sollte die HTML-Seite in Ihrem Browser angezeigt werden.

Demo

Wir haben Ihnen im Namics Sitecore Showcase eine Demonstration dieser Integration mit Link zu einer HTML Seite aus der Media Library zum Testen bereitgestellt.

Verwendete Quellen (in Englisch)

  1. http://sdn.sitecore.net/Articles/Media/Avoid%20MIME%20Type%20Related%20Download%20Problems.aspx
  2. http://www.sitecore.net/Community/Technical-Blogs/John-West-Sitecore-Blog/Posts/2012/12/Sitecore-Idiosyncrasies-Media-URLs.aspx

Ein Gedanke zu “HTML-Seiten via Media Library bereitstellen

  1. Pingback: Relaunch des Webauftritt der Basler Kantonalbank auf Basis von Sitecore – Sitecore

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>