Comment peut-server push asynchrone des modifications à une page HTML créée par JSF?

JSF 2.3+

Vous pouvez utiliser @Push et <f:websocket> pour cela. Ci-dessous est un kickoff exemple qui met à jour une table de données à une application étendue de l'événement déclenché par le backend.

<h:dataTable id="notifications" value="#{bean.notifications}" var="notification">
    <h:column>#{notification.message}</h:column>
</h:dataTable>

<h:form>
    <f:websocket channel="push">
        <f:ajax event="updateNotifications" render=":notifications" />
    </f:websocket>
</h:form>

@Named @ApplicationScoped
public class Bean {

    private List<Notification> notifications;

    @Inject
    private NotificationService service;

    @Inject @Push
    private PushContext push;

    @PostConstruct
    public void load() {
        notifications = service.list();
    }

    public void onNewNotification(@Observes Notification newNotification) {
        notifications.add(0, newNotification);
        push.send("updateNotifications");
    }

    public List<Notification> getNotifications() {
        return notifications;
    }

}

@Stateless
public class NotificationService {

    @Inject
    private EntityManager entityManager;

    @Inject
    private BeanManager beanManager;

    public void create(String message) {
        Notification newNotification = new Notification();
        newNotification.setMessage(message);
        entityManager.persist(newNotification);
        beanManager.fireEvent(newNotification);
    }

    public List<Notification> list() {
        return entityManager
            .createNamedQuery("Notification.list", Notification.class)
            .getResultList();
    }

}

JSF 2.2-

Si vous n'êtes pas sur JSF 2.3 encore, vous avez besoin à la tête de la 3e partie de l'ACI bibliothèques.

• OmniFaces a <o:socket> (JSR356 WebSocket + CDI)
• PrimeFaces a <p:socket> (Atmosphère)
• ICEfaces a ICEpush (d'interrogation)

A noté que le <o:socket> était à la base pour le JSF 2.3 <f:websocket>. Donc, si vous avez trouvé beaucoup de similitudes, puis c'est correct.

PrimeFaces utilise L'atmosphère sous le capot (qui est gênant pour le programme d'installation sans Maven). L'ambiance prend en charge les websockets avec reprise à l'ESS et le long du scrutin. ICEfaces est basée sur d'anciennes le temps d'interrogation technique. Tous ceux qui ne mettent pas en œuvre indigène JSR356 API WebSocket qui fut par la suite introduit dans Java EE 7.

OmniFaces utilise natif JSR356 API WebSocket (pris en charge dans tous les Java EE 7 serveurs et Tomcat 7.0.27+). Par conséquent, il est également plus simple à installer et à utiliser (un BOCAL, un contexte param, un tag et une annotation). Il ne nécessite CDI (pas dur à installer sur Tomcat), mais il vous permet même de les pousser à partir d'un non-JSF artefact (par exemple, un @WebServlet). Pour la sécurité et la vue JSF état gardant raisons, il prend en charge uniquement un moyen de pousser (du serveur vers le client), et pas l'inverse. Pour cela, vous pouvez continuer à utiliser JSF, ajax de la manière habituelle. La JSF 2.3 <f:websocket> est en grande partie basée sur OmniFaces <o:socket>, où vous trouverez un grand nombre de similitudes dans leurs Api (JSF - OmniFaces).

Alternativement, vous pouvez également utiliser d'interrogation à la place de pousser. Presque tous ajax conscient JSF composant la bibliothèque dispose d'un <xxx:poll> composants, tels que les PrimeFaces avec <p:sondage>. Cela vous permet d'envoyer toutes les X secondes une requête ajax vers le serveur et mettre à jour le contenu chaque fois que nécessaire. C'est seulement moins efficace que la pousser.

Voir aussi:

• Comment surveiller asynchrone/thread d'arrière-plan du statut et de recevoir des notifications dans un composant JSF
• En temps réel des mises à jour de base de données en utilisant JSF/Java EE
• Notifier que les utilisateur spécifique(s) à travers les WebSockets, quand quelque chose est modifié dans la base de données

OriginalL'auteur BalusC

Si vous avez besoin d'complet de la Comète mises à jour (reverse Ajax) et ainsi de suite, alors sa vaut la peine de prendre un coup d'oeil à la DWR bibliothèque.

OriginalL'auteur Scott Wilson