PrimeFaces Push with Atmosphere on GlassFish 3.1.2.2

Markus Eisele
7
PrimeFaces 3.4 came out three days ago. Beside the usual awesomeness of new and updated components it also includes the new PrimeFaces Push framework. Based on Atmosphere this is providing easy push mechanisms to your applications. Here is how to configure and run it on latest GlassFish 3.1.2.2.

Preparations
As usual you should have some Java, Maven and GlassFish installed. If you need it out of one hand give NetBeans 7.2 a try. It is the latest and greatest and comes with all the things you need for this example. Install the parts or the whole to a location of your choice and start with creating a new GlassFish domain:
asadmin create-domain pf_push
accept the default values and start your domain
asadmin start-domain pf_push
Now you have to enable Comet support for your domain. Do this either by using the http://<host>:4848/ admin ui or with the following command:
asadmin set server-config.network-config.protocols.protocol.http-1.http.comet-support-enabled="true"
That is all you have to do to configure your domain.

The Maven Project Setup
Now switch to your IDE and create a new Maven based Java EE 6 project. Add the primefaces repository to the <repositories> section and add the primefaces dependency to your project <dependencies> section or your project's pom.xml:

  <repository>
            <url>http://repository.primefaces.org/</url>
            <id>primefaces</id>
            <layout>default</layout>
            <name>Repository for library PrimeFaces 3.2</name>
        </repository>

 <dependency>
            <groupId>org.primefaces</groupId>
            <artifactId>primefaces</artifactId>
            <version>3.4</version>
 </dependency>

Additionally we need the latest Atmosphere dependency (Contrats to JeanFrancois Arcand for this release)
<dependency>
            <groupId>org.atmosphere</groupId>
            <artifactId>atmosphere-runtime</artifactId>
            <version>1.0.0</version>
</dependency>
It is using Log4j and if you need to have some more output it is a good idea to also include the corresponding configuration or bridge it to JUL with slf4j. To do the later, simply include the following to your pom.xml:
 <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-api</artifactId>
            <version>1.6.6</version>
        </dependency>
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-jdk14</artifactId>
            <version>1.6.6</version>
        </dependency>
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>log4j-over-slf4j</artifactId>
            <version>1.6.6</version>
        </dependency>
There is only one thing left to do. The PrimePush component needs to have its servlet channel registered. So, open your web.xml and add the following to it:
<servlet>
        <servlet-name>Push Servlet</servlet-name>
        <servlet-class>org.primefaces.push.PushServlet</servlet-class>
</servlet>
<servlet-mapping>
        <servlet-name>Push Servlet</servlet-name>
        <url-pattern>/primepush/*</url-pattern>
</servlet-mapping>
That was it! On to the code!

The Code
I'm going to use the example referred to in the PrimeFaces users guide. A very simple example which has a global counter which could be incremented.
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import org.primefaces.push.PushContext;
import org.primefaces.push.PushContextFactory;

/**
 * Counter is a global counter where each button click increments the count
 * value and new value is pushed to all subscribers.
 *
 * @author eiselem
 */
@ManagedBean
@SessionScoped
public class GlobalCounterBean implements Serializable {

    private int count;

    public int getCount() {
        return count;
    }

    public void setCount(int count) {
        this.count = count;
    }

    public synchronized void increment() {
        count++;
        PushContext pushContext = PushContextFactory.getDefault().getPushContext(;
        pushContext.push("/counter", String.valueOf(count));
    }
}
The PushContext contains the whole magic here. It is mainly used to publish and schedule messages and manage listeners and more. It is called from your facelet. This looks simple and familiar:
<h:form id="counter">
<h:outputText id="out" value="#{globalCounterBean.count}" styleClass="display" />
<p:commandButton value="Click" actionListener="#{globalCounterBean.increment}" />
</h:form>
This basically does nothing, except incrementing the counter. So you have to add some more magic for connecting to the push channel. Add the following below the form:
<p:socket channel="/counter" >
<p:ajax event="message" update="counter:out" />
</p:socket>
<p:socket /> is the PrimeFaces component that handles the connection between the server and the browser. It does it by defining a communication channel and a callback to handle the broadcasts. The contained <p:ajax /> component listens to the message event and updates the counter field in the form. This however requires and additional server round-trip. You could also shortcut this by using a little java-script and binding the onMessage attribute to it to update the output field:

<script type="text/javascript">
function handleMessage(data) {
$('.display').html(data);
}
</script>
<p:socket onMessage="handleMessage" channel="/counter" />
That is all for now. Congratulations to your first PrimeFaces Push example. Have fun playing around with it!

Post a Comment

7Comments

  1. Hi,

    I am indeed very impatient to test the push on primefaces! Your tutorial is great, thanks. When I run it (also checked Primefaces demo example...), I get an error which I can't understand. See my question on StackOverflow if you are interested:
    question on SA

    ReplyDelete
    Replies
    1. Hi, Thanks seems as if Bauke already solved your issue! :)
      - m

      Delete
    2. indeed!
      Ok, the hello world example is running, with the same configuration that you describe in your post, but I get some strange response when running the app in Firefox and Chrome, not IE9 (<a href="http://stackoverflow.com/questions/12628750/websockets-respond-erratically-in-atmosphere-primefaces>my question on SA on this</a>). Did you do anything special to your Glassfish config that I'm missing maybe?

      Delete
    3. Hi,

      did you enable the comet support?
      That was the only additional thing to configure.

      -m

      Delete
  2. I have a problem...when creating a maven web project in netbeans 7.2 I have no web.xml...

    ReplyDelete
  3. i have a problem with glassfish...the page becomes blank and not
    responding

    ReplyDelete
  4. You have any idea which libraries we need if we don't use maven?

    atmosphere-runtime alone is not enough.

    ReplyDelete
Post a Comment