OAuths - 웹사이트를 위한 타사 로그인 구성
VpAdmin의 OAuths 페이지에서는 게시된 웹사이트에 대한 타사 로그인 통합을 구성하여 사용자가 인기 플랫폼의 기존 계정을 사용하여 로그인할 수 있도록 합니다. 이는 사용자 경험을 단순화하고 사이트의 참여도를 높일 수 있습니다.
개요
OAuths 페이지는 웹사이트의 타사 로그인 구성을 관리할 수 있는 중앙 위치를 제공합니다. 여기에서 다음을 수행할 수 있습니다.
- 새 구성 추가: GitHub, GitLab, Google 및 Facebook과 같은 플랫폼과 통합을 만듭니다.
- 기존 구성 관리: OAuth 설정의 상태를 편집, 삭제 또는 전환합니다.
- 검색 및 필터링: 필터를 사용하여 특정 구성을 빠르게 찾습니다.
지원되는 플랫폼
현재 VpAdmin은 다음 플랫폼과의 OAuth 통합을 지원합니다.
- GitHub
- GitLab
향후 릴리스에서 다른 플랫폼에 대한 지원이 추가될 예정입니다.
OAuth 구성 추가
웹사이트 선택: OAuth 통합을 구성할 웹사이트를 선택합니다. 관리자 기능이 활성화된 웹사이트만 사용할 수 있습니다.
플랫폼 선택: 통합하려는 플랫폼을 선택합니다(예: GitHub, GitLab, Google, Facebook).
클라이언트 ID 및 클라이언트 비밀 입력: 선택한 플랫폼의 개발자 콘솔에서 클라이언트 ID 및 클라이언트 비밀을 가져옵니다. 이러한 자격 증명은 웹사이트를 플랫폼으로 인증하는 데 필요합니다. 이를 얻는 방법에 대한 예는 아래의 GitHub 예 섹션을 참조하십시오.
리디렉션 URI 구성: 리디렉션 URI는 선택한 웹사이트에 따라 자동으로 생성됩니다.
참고
'사이트 구성'에서 웹사이트를 생성하거나 편집할 때 '도메인' 필드에 실제 도메인을 올바르게 설정했는지 확인하십시오.
상태 설정: 상태 토글을 사용하여 구성을 활성화하거나 비활성화합니다.
구성되면 웹사이트의 로그인 창에서 타사 로그인 기능이 활성화됩니다(아래 참조).
GitHub 예시
GitHub OAuth 통합을 구성하는 방법에 대한 자세한 예시는 다음과 같습니다.
- GitHub에서 OAuth 앱 생성:
- GitHub 계정 설정으로 이동하여
개발자 설정->OAuth 앱으로 이동합니다. - "새 OAuth 앱"을 클릭합니다.
- 다음 필드를 채웁니다.
애플리케이션 이름: 애플리케이션의 이름을 입력합니다(예: YourWebsiteName).
홈페이지 URL: 웹사이트의 홈페이지 URL을 입력합니다(예:
https://your.domain.name).권한 부여 콜백 URL: VpAdmin에서 구성한 리디렉션 URI를 입력합니다.
다음 패턴을 따릅니다.
https://your.domain.name/social-callback?source=platformyour.domain.name을 웹사이트의 도메인 이름으로 바꿉니다.platform을 구성 중인 플랫폼(예:github,gitlab,google,facebook)으로 바꿉니다.
GitHub 예시:
https://your.domain.name/social-callback?source=github
- GitHub 계정 설정으로 이동하여
- 클라이언트 ID 및 클라이언트 비밀 가져오기:
- OAuth 앱을 생성한 후 앱 설정 페이지로 리디렉션됩니다.
- 클라이언트 ID를 복사하고 새 클라이언트 비밀을 생성합니다.
- VpAdmin에 자격 증명 입력:
- VpAdmin OAuths 페이지로 돌아갑니다.
- 복사한 클라이언트 ID와 클라이언트 비밀을 GitHub 구성의 해당 필드에 붙여넣습니다.
결론
OAuth 통합을 구성하여 사용자가 편리하고 안전하게 로그인할 수 있는 방법을 제공함으로써 웹사이트의 사용자 경험을 향상시킬 수 있습니다. VpAdmin은 모든 타사 로그인 구성을 관리할 수 있는 중앙 플랫폼을 제공하여 이 프로세스를 단순화합니다. GitHub, GitLab, Google 및 Facebook과 같은 인기 있는 플랫폼을 지원하므로 이러한 로그인 옵션을 웹사이트에 쉽게 통합하고 사용자 등록 프로세스를 간소화할 수 있습니다.