{"id":68,"date":"2009-03-26T15:54:51","date_gmt":"2009-03-26T19:54:51","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/lespin\/?p=68"},"modified":"2009-03-26T15:54:51","modified_gmt":"2009-03-26T19:54:51","slug":"liferay-52-dwr","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/lespin\/2009\/03\/26\/liferay-52-dwr\/","title":{"rendered":"Liferay 5.2 + DWR"},"content":{"rendered":"

Continuando con el desarrollo de portlets en Liferay, me top\u00e9 con la necesidad de investigar sobre respuestas as\u00edncronas de parte del servidor a los clientes. Consultando con profesores y amigos, me sugirieron leer sobre COMET, una t\u00e9cnica muy similar a AJAX con la diferencia que envia respuestas sin que el cliente las solicite.<\/p>\n

As\u00ed encontr\u00e9 DWR (Direct Web Remoting: directwebremoting.org<\/cite>) una librer\u00eda de JAVA, que permite la interacci\u00f3n as\u00edncrona del servidor (Java) con los clientes (javascript). Aqu\u00ed m\u00e1s sobre DWR (http:\/\/directwebremoting.org\/dwr\/overview\/dwr)<\/p>\n

Busqu\u00e9 en el sitio de Liferay m\u00e1s informaci\u00f3n sobre DWR y portlets, pero no me ayud\u00f3 mucho, pues en la wiki dan una explicaci\u00f3n muy general y no est\u00e1 actualizado con la \u00faltima versi\u00f3n de liferay 5.2.x. Encontr\u00e9 un art\u00edculo muy bueno en la web (link<\/a>) de como hacer una aplicaci\u00f3n web utilizando DWR, me ayud\u00f3 mucho pero no lo explicaba con liferay. As\u00ed que me toc\u00f3 hacer un h\u00edbrido entre este articulo, la wiki de liferay, el sitio de DWR y sobre todo mucha prueba y error.<\/p>\n

Aqu\u00ed los pasos a seguir:<\/p>\n

\"WEB-INF

WEB-INF Liferay<\/p><\/div>\n

    \n
  1. Descargar la \u00faltima versi\u00f3n estable de DWR (dwr.jar) (link<\/a>)<\/li>\n
  2. Copiar el jar en la carpeta WEB-INF->lib (ver Fig. 1)<\/li>\n
  3. Configurar dwr en liferay<\/li>\n
  4. Abrir el archivo web.xml que ets\u00e1 en la carpeta WEB-INF (ver Fig. 1)<\/li>\n
  5. Agregar lo siguiente:<\/li>\n

    <servlet>
    \n<servlet-name>dwr-invoker<\/servlet-name>
    \n<display-name>DWR Servlet<\/display-name>
    \n<servlet-class>org.directwebremoting.servlet.DwrServlet<\/servlet-class>
    \n<init-param>
    \n<param-name>debug<\/param-name>
    \n<param-value>true<\/param-value>
    \n<\/init-param>
    \n<\/servlet><\/span><\/p>\n

    <servlet-mapping>
    \n<servlet-name>dwr-invoker<\/servlet-name>
    \n<url-pattern>\/dwr\/*<\/url-pattern>
    \n<\/servlet-mapping><\/span><\/p>\n

  6. En esa misma carpeta WEB-INF crear un archivo dwr.xml<\/li>\n
  7. Copiar lo siguiente por el momento
    \n<dwr>
    \n<allow>
    \n<\/span> <\/span> <\/span> <\/span> <\/span><!-- define la clase de servicios que se va a publicar mediante DWR -->
    \n<\/span> <\/span> <\/span> <\/span> <\/span><!-- defines the service class to share across DWR -->
    \n<\/span> <\/span> <\/span> <\/span> <create creator=\"new\" javascript=\"JDate\">
    \n<\/span> <\/span> <\/span> <\/span> <\/span> <\/span> <\/span><param name=\"class\" value=\"java.util.Date\"\/>
    \n<\/span> <\/span> <\/span> <\/span><\/create>
    \n<\/span> <\/span> <\/span><\/allow>
    \n<\/dwr><\/span><\/li>\n
  8. Probar el DWR en http:\/\/localhost:<puerto>\/dwr<\/span><\/li>\n
  9. Deber\u00eda salir una p\u00e1gina con el link de JDate, si es as\u00ed perfecto!<\/li>\n
  10. Luego Creamos el portlet (yo utilizo netbeans, pero tambi\u00e9n se lo puede hacer con eclipse)<\/li>\n
  11. Estos 2 IDEs crean todo lo necesario de un portlet, claro deben tener instalado el plugin de liferay para netbeans o eclipse, como sea el caso (Para eclipse existe Lomboz pero hasta la versi\u00f3n 4.0 de Liferay).<\/li>\n
  12. Crear Clases necesarias (dependiendo de la necesidad u objetivo del portlet)<\/li>\n
  13. Compilar las clases\n

    \"Carpeta

    Carpeta Liferay + tomcat<\/p><\/div><\/li>\n

  14. Copiar todo el paquete de clases generado en la compilaci\u00f3n y pegarlo en la carpeta shared-->classes (ver Fig.2)<\/li>\n
  15. Luego agregar dicha clase en el archivo DWR que creamos en el paso 7
    \n<create creator=\"new\" javascript=\"<nombre de la clase>\">
    \n<param name=\"class\" value=\"<paquete>.<nombre de la clase>\"\/>
    \n<\/create>
    \n<convert converter=\"bean\" match=\"<paquete>.*\"\/><\/span><\/li>\n
  16. El bean es solo si se necesita utilizarlo, sino no es necesario.<\/li>\n
  17. Ejecutamos el paso 8<\/li>\n
  18. Y si sale el link de nuestra clase, todo est\u00e1 perfecto.<\/li>\n
  19. Ahora lo que resta es llamar desde javascript a nuestro codigo java.
    \nEn mi caso:
    \nSchedulerService.getSchedule(id,showScheduler);<\/p>\n

    En donde SchedulerService es el nombre de la clase y getShedule es el m\u00e9todo declarado en la clase anteriormente mencionada. Este m\u00e9todo solo recibe un par\u00e1metro, pero al utilizar DWR se le debe pasar tambi\u00e9n una funci\u00f3n (callback), en este caso showScheduler. Esta funci\u00f3n callback recibe como par\u00e1metro la respuesta que retorna el metodo java, y es la que se encargar\u00e1 de manipular la informaci\u00f3n (parsear, mostrar, etc.)<\/li>\n

  20. Desde view.jsp incluimos al js antes creado y listo.<\/li>\n<\/ol>\n

    Un poco largo, pero si funciona \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"

    Continuando con el desarrollo de portlets en Liferay, me top\u00e9 con la necesidad de investigar sobre respuestas as\u00edncronas de parte del servidor a los clientes. Consultando con profesores y amigos, me sugirieron leer sobre COMET, una t\u00e9cnica muy similar a AJAX con la diferencia que envia respuestas sin que el cliente las solicite. As\u00ed encontr\u00e9 […]<\/p>\n","protected":false},"author":131,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20009],"tags":[3338,5360,5362,5361,4434,5359,2282],"class_list":["post-68","post","type-post","status-publish","format-standard","hentry","category-none","tag-ajax","tag-dwr","tag-java","tag-jsp","tag-liferay","tag-liferay-52","tag-social-network"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/users\/131"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":2,"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/posts\/68\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/lespin\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}