You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

52 lines
3.3 KiB

7 years ago
7 years ago
  1. <div class="col-xs-12">
  2. <div class="page-header">
  3. <h2 class="page-title"><i class="fal fa-question-circle" style="display:inline"></i> 페이스북 로그인 등록방법</h2>
  4. </div>
  5. <div class="admin-help-wrap">
  6. <ul>
  7. <li>
  8. <p class="MT20 MB20">1. 페이스북 개발자 페이지로 이동합니다. <a href="https://developers.facebook.com/" target="_blank" class="point-color">페이스북 개발자 페이지 바로가기</a><br></p>
  9. <img src="/assets/images/admin/help/facebook_login01.png" alt="">
  10. </li>
  11. <li>
  12. <p class="MT20 MB20">2. 로그인 <span class="point-color"> 만들기</span>, 보안 문자 입력 제출 하고, 표시이름, 연락처 이메일을 입력합니다.</p>
  13. <img src="/assets/images/admin/help/facebook_login03.png" alt="">
  14. </li>
  15. <li>
  16. <p class="MT20 MB20">3. Facebook 로그인 부분에 마우스 오버 <span class="point-color">설정</span> 버튼을 클릭합니다.</p>
  17. <img src="/assets/images/admin/help/facebook_login04.png" alt="">
  18. </li>
  19. <li>
  20. <p class="MT20 MB20">4. <span class="point-color">www </span> 선택 합니다.</p>
  21. <img src="/assets/images/admin/help/facebook_login05.png" alt="">
  22. </li>
  23. <li>
  24. <p class="MT20 MB20">5. 사이트의 URL을 입력 <span class="point-color">Save</span> 합니다.</p>
  25. <img src="/assets/images/admin/help/facebook_login06.png" alt="">
  26. </li>
  27. <li>
  28. <p class="MT20 MB20">6. 현재 생성한 앱이 라이브 상태여야 이용 할수 있으므로, <br> 검수에 들어가 <span class="point-color"> 공개 여부를 </span> 바꾸고 해당하는 카테고리로 선택하여 앱을 활성화 시킵니다.</p>
  29. <img src="/assets/images/admin/help/facebook_login09.png" alt="">
  30. </li>
  31. <li>
  32. <p class="MT20 MB20">7. 대시보드로 돌아와 <span class="point-color">앱이 활성화</span> 되어있는지 확인합니다.</p>
  33. <img src="/assets/images/admin/help/facebook_login07.png" alt="">
  34. </li>
  35. <li>
  36. <p class="MT20 MB20">
  37. 8. 페이스북 로그인 등록이 완료되었습니다.<br>
  38. 휘파람 관리자 페이지로 돌아와 페이스북 로그인 사용을 사용으로 선택합니다.<br>
  39. <span class="point-color">[ ID]</span> 복사하여 휘파람 보드 관리자 -> <span class="point-color">페이스북 APP ID</span> 붙여 넣기 하시고,<br>
  40. <span class="point-color">[ 시크릿 코드]</span> 보기를 눌러 복사하여 관리자 -> <span class="point-color">페이스북 APP Secret </span>코드에 붙여 넣기합니다
  41. </p>
  42. <img src="/assets/images/admin/help/facebook_login02.png" alt="">
  43. </li>
  44. <li>
  45. <p class="MT20 MB20">
  46. 9. 페이스북 로그인 설정이 완료되었습니다.
  47. </p>
  48. </li>
  49. </ul>
  50. </div>
  51. </div>