SSO 중복 로그온 선택 UI 구성하기

중복 로그온 정책을 사용하면 먼저 인증 받은 사람(선입자)에 대한 처리와 나중에 로그인 하는 사람(후입자)에 대한 처리를 해야 합니다.

선입자에게는 후입자가 로그온을 요청한 시간, IP 정보를 표시할 수 있습니다.

후입자에게는 로그온 시 선입자가 있고 선입자의 인증 세션 정보를 무효화 시키고 로그온 할 것인지 선택할 수 있게 화면상에 표시 할 수 있습니다.

샘플코드

<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/nsso.js"></script>
<script type="text/javascript">
	function OnDupLogon() {
			$("#dupChoice").css("visibility", "hidden");
			dupChoiceLogon();
	}
</script>

<!-- Duplication Choice -->
<div id="dupChoice" class="log_form" style="visibility: hidden">
    <div class="form_content">
	<dl class="input_id">
		<dt>Duplication Info</dt>
		<dd>
			<p id="dupInfo"></p>
		</dd>
	</dl>
	<dl class="input_pass">
		<dt>Choice</dt>
		<dd>
		<button type="button" onclick="OnDupLogon()">Let me logon</button>
		<button type="button" onclick="OnDupCancel()">Cancel logon</button>
		</dd>
	</dl>
     </div>
</div>

<script>
	$(document).ready(function () {
		setNssoConfiguration(
			"http://aspx.nssod2019.com/2019/ClientWeb/ssoagent/spa/",
			callbackLogonFail,
			callbackLogonSuccess,
			callbackReceiveTfa,
			callbackReceiveDuplication
		)
	});

	function callbackReceiveDuplication() {
		$("#logonUi").css("visibility", "hidden");
		$("#tfaCode").css("visibility", "hidden");
		$("#userInfo").css("visibility", "hidden");
		$("#dupChoice").css("visibility", "visible");
		$("#UserAttribute").text("time:" + ssoDuplication['time'] + ", ip:" + ssoDuplication['ip']);
	}
</script>