Flex 3: Deep Linking

Mit dem neuen Feature Deep Linking von Flex 3 kann man in Flex-Inhalte „hineinverlinken“. Die Flex-Anwendung muss also nicht mehr nur eine einzige Start-URL haben, sondern kann verschiedene URLs haben (analog zu Ankern auf einer HTML-Seite). Am einfachsten wird dies an einen Beispiel:

• deeplinking.html (die URL der HTML-Seite mit der Flexanwendung, Tab 0 als Inhalt)
• deeplinking.html#tab=1 (Deep Link, der direkt den Inhalt von Tab 1 anzeigt)
• deeplinking.html#tab=2 (Deep Link, der direkt den Inhalt von Tab 2 anzeigt)

Quellcode

;p>Der Quellcode des Beispiel ist folgender:

[xml]

[/xml]

Den richtigen Inhalt anhand der URL anzeigen

Die Funktion parseURL() im Beispiel sorgt dafür, dass bei Aufruf der Anwendung geschaut wird, welche URL eingegeben wurde. Je nach URL wird der passende Inhalte angezeigt und der Titel in der Browserzeile angepasst.

[ad]

Die URL ständig aktualisieren

Sieht sich der Nutzer den Content an, soll in der Browserzeile immer die entsprechende URL angezeigt werden. Über diese kann der Nutzer jederzeit wieder an dieser Stelle einsteigen, indem er sich z.B. ein Lesezeichen (Bookmark) setzt. Dies gewährleistet im Beispiel die Funktion actuallyUpdateURL().

Anpassungen am HTML-Template

Im Verzeichnis templates/client-side-detection-with-deeplinking der Flex 3 Betaversion findet sich ein Ordner mit dem Namen deeplinking. Dieses Verzeichnis kopiert man zur eigenen Flexanwendung. Es enthält JavaScript- und CSS-Dateien, die für das Deep Linking nötig sind.

Im Header der HTML-Datei muss dann folgendes hinzugefügt werden, um die Deep Linking Dateien einzubinden:

[html]

[/html]

Weitere Informationen finden sich im Adobe Labs: Flex 3: Deep Linking

Link: Beta-Version von Adobe Flex 3 (video-flash.de)
[ad]