<p:growl>セッションが期限切れになったことを表示したい。Session timeout や JSF/PrimeFaces ajax request での ViewExpiredException 処理など、セッションの有効期限を処理する多くのメソッドを見つけましたが、faces メッセージを にプッシュできませんでした<p:growl>。
サーバー側でHTTPセッションが自動的に期限切れになったときに、クライアント側で(JavaScript)コードを自動的に実行するにはどうすればよいですか?
これには、PrimeFacesアイドル モニターを使用できます。セッションを無効にするタイムアウト後に、ユーザーはログアウト アクションにリダイレクトされます。ユーザーに警告するカウントダウン ダイアログが表示される 2 分前。マウスを再度移動すると、セッションが延長されます。
PrimeFaces アイドル モニターとダイアログは、関連するすべてのページに追加できるテンプレートに配置されます。
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<ui:composition>
<h:form prependId="false">
<p:idleMonitor
timeout="#{session.maxInactiveInterval * 1000 - 125000}"
onidle="startIdleMonitor()"
onactive="timeoutDialog.hide()" />
<p:dialog id="timeoutSession"
header="#{msg['session.expire']}"
widgetVar="timeoutDialog"
showEffect="fade" hideEffect="fade"
modal="true"
width="400"
height="110"
closable="false"
draggable="false"
resizable="false"
appendToBody="true"
onHide="stopCount()"
onShow="doTimer()">
<br />
<p>
<span class="ui-icon ui-icon-alert" style="float: left; margin: 8px 8px 0;"/>
<p:panel>
#{msg['logoff.soon.1']}
<span id="dialog-countdown" style="font-weight: bold"></span>
#{msg['logoff.soon.2']}
</p:panel>
</p>
<br />
<p style="font-weight: bold;">#{msg['move.cursor']}</p>
</p:dialog>
<p:remoteCommand name="keepAlive" actionListener="#{auth.keepSessionAlive}" />
</h:form>
<script type="text/javascript">
var TIME = 120; // in seconds
var countTimer = TIME;
var processTimer;
var timer_is_on = 0;
var redirectPage = "#{request.contextPath}/auth/j_verinice_timeout";
var countDownDiv = "dialog-countdown";
var txtCountDown = null;
if (!txtCountDown)
txtCountDown = document.getElementById(countDownDiv);
function startIdleMonitor() {
countTimer = TIME;
txtCountDown.innerHTML = countTimer;
timeoutDialog.show();
}
function timedCount() {
txtCountDown.innerHTML = countTimer;
if (countTimer == 0) {
stopCount();
window.location.href = redirectPage;
return;
}
countTimer = countTimer - 1;
processTimer = setTimeout("timedCount()", 1000);
}
function doTimer() {
if (!timer_is_on) {
timer_is_on = 1;
timedCount();
}
}
function stopCount() {
clearTimeout(processTimer);
timer_is_on = 0;
keepAlive();
}
</script>
</ui:composition>
</html>
複数のページでタイムアウト処理を有効にするには、レイアウト テンプレートにタイムアウト テンプレートを含めます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xml:lang="de-DE">
<h:head>
...
</h:head>
<body>
<ui:include src="/template/sessionTimeOut.xhtml" />
<ui:include src="/nav.xhtml"/>>
<ui:insert name="content">Default content</ui:insert>
<ui:include src="/footer.xhtml"/>>
</body>
</html>
web.xml で設定できる Web アプリケーションの特定のタイムアウト:
<!--?xml version="1.0" encoding="UTF-8"?-->
<web-app>
...
<session-config>
<!-- Session idle timeout in min. -->
<session-timeout>30</session-timeout>
</session-config>
</web-app>
このソリューションの詳細については、次のブログ記事を参照してください: JSF と PrimeFaces: セッション タイムアウト処理
JSF 2.3 を使用している場合は、<f:websocket>これにスコープされたセッションを使用できます。サーバー側でセッションが期限切れになると、はクローズ コード 1000 (「通常のクローズ」)<f:websocket>で自動的にクローズされます。
つまり、次のようにします。
<f:websocket ... scope="session" onclose="sessionScopedSocketCloseListener" />
function sessionScopedSocketCloseListener(code) {
if (code == 1000) {
alert("Session has expired!");
}
}
必要に応じて、これを の JavaScript API と組み合わせることができます<p:growl>。
<p:growl widgetVar="growl" ... />
PF("growl").renderMessage({severity: "warn", summary: "Session has expired!" });
まだ JSF 2.3 を使用していない場合は、<o:socket>代わりに とまったく同じonclose機能を提供する をいつでも使用できます<f:websocket>。サーバーは、JSF によって作成された HTML ページに非同期の変更をプッシュするにはどうすればよいですか?も参照してください。