AJAX Implementierung mit Joomla!

Transkript

1 Joomla! DAY TM AUSTRIA 2015 AJAX Implementierung mit Joomla!

2 Inhalt AJAX Implementierung mit Joomla!

3 Inhalt Einleitung Was ist AJAX und wie funktioniert es Joomla! & AJAX AJAX in Templates mit Komponenten AJAX mit Modulen & Plugins AJAX Demo mit Joomla! Fragen und Antworten

4 Einleitung AJAX Implementierung mit Joomla!

5 Vorstellung Sprecher: Stefan Polzer Webdesigner Webentwickler Fachtrainer Seit 2012 eigene Firma Polzer Stefan IT -

6 Grundlagen für den Vortrag Gute HTML & CSS Kenntnisse Erfahrung mit JavaScript und jquery Verständnis von Objektorientiertem PHP Grundverständnis über die Struktur von Joomla! aus Entwicklersicht

7 Kurze AJAX Einführung AJAX Implementierung mit Joomla!

8 Kurze AJAX Einführung A.J.A.X. steht für Asynchronous JavaScript and XML Was braucht es grundsätzlich für AJAX Einen Browser mit JavaScript und XMLHttpRequest (XHR) Unterstützung Einen Server der je nach Bedarf XML, JSON oder HTML Fragment liefern kann

9 Standard Client - Server Kommunikation Webbrowser Server System HTTP-Anfrage Benutzeroberfläche HTML, CSS, usw. Daten Webserver CMS, Datenbank, Datenverarbeitung, Legacy-System, etc.

10 Standard Client - Server Kommunikation

11 Standard Client - Server Kommunikation

12 AJAX Client - Server Kommunikation Webbrowser JavaScript-Aufruf Server System HTTP-Anfrage Benutzeroberfläche JavaScript & XHR HTML, XML oder JSON Webserver und/oder XML-Server CMS, Datenbank, Datenverarbeitung, Legacy-System, etc. HTML & CSS Daten

13 AJAX Client - Server Kommunikation

14 AJAX Client - Server Kommunikation

15 Joomla! & AJAX AJAX Implementierung mit Joomla!

16 Welche AJAX Anfragen gibt es in Joomla! Komponenten Rückgabedaten sind Komponenten spezifisch Module Rückgabedaten als JSON, Debug oder RAW Plugins Rückgabedaten als JSON, Debug oder RAW

17 AJAX mit Joomla! Komponenten Template erweitern z.b.: /templates/mytemplate/ajaxdemo.php <?php defined('_jexec') or die;?> <jdoc:include type="component" /> Aufruf mit URL Query Parameter

18 AJAX mit Joomla! Modulen & Plugins Voraussetzung: com_ajax Komponente Joomla! GitHub: Joomla-Ajax-Interface/component

19 AJAX mit Joomla! Modulen com_ajax URL Aufbau für Module + option=com_ajax + module=[<name z.b. ajaxcrumbs>] + format=[json debug <nicht html z.b. raw>] ± method=[<name>] (Standard ist get) index.php?option=com_ajax&module=ajaxcrumbs&format=raw&method=get

20 AJAX mit Joomla! Modulen Struktur des Modules Der Modulname lautet z.b. mod_ajaxcrumbs Aufruf einer Methode in helper.php Der Methodenname muss mit Ajax enden z.b. getajax() oder mymethodajax() index.php?option=com_ajax&module=ajaxcrumbs&format=raw&method=get

21 AJAX mit Joomla! Plugins com_ajax URL Aufbau für Plugins + option=com_ajax + plugin=[<name z.b. ajaxdemo>] + format=[json debug <nicht html z.b. raw>] ± group=[<name>] (Standard ist ajax) index.php?option=com_ajax&plugin=ajaxdemo&format=raw&group=system

22 AJAX mit Joomla! Plugins Struktur des Plugins Aufruf der Ajax Methode in der Plugin Class Die Class lautet z.b. PlgSystemAjaxDemo Der Methodenname muss mit onajax beginnen und dem Plugin-Namen enden z.b. onajaxajaxdemo() index.php?option=com_ajax&plugin=ajaxdemo&format=raw&group=system

23 Rückgabe an com_ajax Rückgabe bei fomate=json oder debug String, Integer, Floating point und Boolean Ein- und Mehrdimensionale Arrays Assoziative und nicht Assoziative Arrays Objekte Exception

24 Rückgabe an com_ajax Rückgabe für alle anderen Formate String, Integer und Floating point Numbers Exception Keine Rückgabe (null) Ausgabe direkt im Modul oder Plugin

25 Was gibt com_ajax an den Browser zurück? Ausgabe bei fomate=json {"success":true,"message":null,"messages":null,"data":null} success: immer true außer bei Exceptions message: immer null außer bei Exceptions messages: immer null außer wenn get Paramter ignoremessages=false data: enthält die Rückgabe der Methoden

26 Was gibt com_ajax an den Browser zurück? Ausgabe bei fomate=debug Rückgabe wird mit print_r ausgegeben <pre>stdclass Object ( [property1] => value1 [property2] => value2 ) </pre>

27 Was gibt com_ajax an den Browser zurück? Ausgabe bei allen anderen Formaten Rückgabe wird zu einem String <p>hallo Welt!<p>

28 AJAX Demo mit Joomla! AJAX Implementierung mit Joomla!

29 AJAX Demo mit Joomla! Webseite Direktlink zur Demo Seite cdn.posit.at/92bb Direktlink zu mehr Infos & Downloads cdn.posit.at/c5fb

30 Fragen und Antworten AJAX Implementierung mit Joomla!

31 Joomla Day Austria 2015 Danke an unsere Sponsoren