로그인

로그인 기능을 구현하기 위해 필요한 요청 데이터, HTML 폼 구조, 응답 처리 방식 등을 설명합니다.
입력 항목과 식별자 구조를 기반으로 인증 절차를 연동할 수 있습니다.

데이타 식별자

{
  "dataID": "SIGN_IN"
}
KeyDescription
dataID로그인 여부 확인

HTML

<form id="frm_sign_in">
    <input name="return_url" type="hidden" value="/login/success.html">
    <input name="email" type="text" value="" placeholder="Email">
    <input name="password" type="password" value="" placeholder="Password">
    <input name="remember_me" type="checkbox" id="remember_me" value="Y">
    <label for="remember_me">Remember me</label>
</form>
  • form
    <form id="frm_sign_in"></form>

    로그인을 처리하기위한 폼으로 id frm_sign_in는 필수입니다.

  • return_url
    <input name="return_url" type="hidden" value="/login/success.html">

    로그인 후 Redirect URL(미 입력시 사이트 인덱스)

  • email
    <input name="email" type="text" value="" placeholder="Email">

    로그인 아이디로 사용되는 이메일 주소입니다.

  • password
    <input name="password" type="password" value="" placeholder="Password">

    로그인 비밀번호입니다.

  • remember_me
    <input name="remember_me" type="checkbox" id="remember_me" value="Y">

    로그인 상태 유지 여부 : 'Y' 또는 'N'

Response Result

  • 로그인 후 return_url로 이동합니다.

Example

<form id="frm_sign_in" class="col-md-7 col-xs-12 my-4 mx-2 mx-sm-4 mx-md-auto" method="post" action="index">
	<input type="hidden" id="return_url" name="return_url" value="">
	<div class="my-1"><label class="sr-only">이메일</label>
		<input id="email" name="email" class="form-control" data-validation="email" data-validation-type="replace" type="text" placeholder="이메일" value="">
	</div>
	<div class="my-1"><label class="sr-only">비밀번호</label><input class="form-control" type="password" id="password" name="password" placeholder="비밀번호" value=""></div>
	<div class="form-check lh-base mt-3">
		<input class="form-check-input" type="checkbox" id="remember_me" name="remember_me" value="Y"><label class="form-check-label" for="remember_me">로그인상태 유지</label>
	</div>
	<div class="form-group mt-4">
		<button class="btn btn-outline-dark border-hbnc-primary bg-hanbnc-primary-3 w-100 border border-3" type="submit">로그인</button>
	</div>
</form>

관련 링크