회원인증

회원정보 수정 등의 회원 관련 기능 이용 전, 비밀번호를 통한 인증 절차를 구현하는 방법을 설명합니다.
인증 성공 시 지정된 URL로 인증 토큰을 포함하여 이동하며, 토큰은 10분간 유효합니다.

데이타 식별자

{
  "dataID": "CHECK_AUTHED_USER"
}
KeyDescription
dataID회원인증 식별자

HTML

<form id="frm_auth_user" data-return-url="/member/modify">
    <label for="password">비밀번호</label>
    <input type="password" id="password" name="password" data-validation="password-8-32">
    <button type="submit">확인</button>
</form>
  • form
    <form id="frm_auth_user" data-return-url="/member/modify"></form>

    회원인증 폼으로 회원 인증이 완료되면 data-return-url의 URL로 이동합니다. frm_auth_user은 필수입니다.

  • password
    <input type="password" id="password" name="password" data-validation="password-8-32">

    회원 비밀번호

  • button
    <button type="submit"></button>

    버튼을 클릭하면 폼이 전송됩니다.

Response Result

  • 인증에 성공한 경우 인증토큰이 get parameter 로 추가된 data-return-url로 이동합니다.
  • 예)/your/return/url?token=[AUTH_TOKEN]
  • [AUTH_TOKEN]은 회원정보 수정과 같은 페이지에서 필요하며 토큰의 만료시간은 10분입니다.

Example

올바른 비밀번호를 입력하세요 숫자,영문 대 소문자 및 특수문자를 포함한 4-8글자
취소
<form id="frm_auth_user" data-return-url="/member/modify" data-validation-alert="no">
    <div class="row">
        <div class="col-12 col-lg-6 offset-lg-3 mt-3 p-3">
            <label for="password" class="form-label sr-only">비밀번호</label>
            <input type="password" class="form-control" id="password" name="password" data-validation="password-8-32" data-invalid-message="올바른 비밀번호를 입력하세요" placeholder="비밀번호를 입력하세요.">
            <small class="invalid-feedback">
                올바른 비밀번호를 입력하세요
            </small>
            <small class="help-block">
                숫자,영문 대 소문자 및 특수문자를 포함한 4-8글자
            </small>
        </div>
        <div class="col-12 mb-3">
            <div class="text-center">
                <button type="submit" class="mx-1 btn border-hbnc-primary bg-hanbnc-primary-3 border border-3 px-4">확인</button>
                <a href="/member/mypage" class="mx-1 btn border-gray-default-op-50 bg-gray-light border border-3 px-4">취소</a>
            </div>
        </div>
    </div>
</form>