X 소셜 로그인을 설정하세요
X (이전의 Twitter) 소셜 로그인에 대한 공식 Logto 커넥터입니다.
이 가이드는 Logto 커넥터에 대한 기본적인 이해를 전제로 합니다. 익숙하지 않은 분들은 커넥터 가이드를 참조하여 시작하세요.
시작하기
X (Twitter) 커넥터는 최종 사용자가 X OAuth 2.0 인증 프로토콜을 통해 자신의 X (Twitter) 계정을 사용하여 애플리케이션에 로그인할 수 있도록 합니다.
X Developer Portal 에서 앱 생성하기
X Developer Portal 로 이동하여 X 계정으로 로그인하세요. 계정이 없으면 등록할 수 있습니다.
그런 다음, 앱을 생성하세요.
1단계: 앱 생성 섹션으로 이동합니다.
로그인한 후, "Projects & Apps" 섹션으로 이동하여 "Create App" (또는 인터페이스에 따라 "New App")을 클릭하세요.
2단계: 앱 세부 정보를 입력합니다.
다음 정보를 사용하여 양식을 작성하세요:
- App Name: 애플리케이션에 대한 고유하고 설명적인 이름을 제공하세요.
- Application Description: (선택 사항) 앱의 기능에 대한 간단한 설명을 추가하세요.
- Website URL: 애플리케이션의 홈페이지 URL을 입력하세요.
- Callback URL / Redirect URI: 우리의 경우, 이것은
${your_logto_endpoint}/callback/${connector_id}가 됩니다. 예:https://foo.logto.app/callback/${connector_id}.connector_id는 Logto Admin Console 커넥터 세부 정보 페이지의 상단 바에서 찾을 수 있습니다.
3단계: 권한 및 스코프를 선택합니다.
앱에 필요한 권한을 선택하세요. X를 통한 소셜 로그인에서는 필요한 스코프 tweet.read 및 users.read를 활성화해야 합니다.
4단계: 앱을 저장합니다.
"Create" 또는 **"Save"**를 클릭하여 앱을 등록하세요.
생성 후, 앱의 "Keys and tokens" 섹션으로 이동하여 OAuth 2.0 Client ID 및 Client Secret을 가져옵니다.
커넥터 구성하기
Logto 커넥터 구성에서, 앱의 "Keys and tokens" 페이지의 "OAuth 2.0 Client ID 및 Client Secret" 섹션에서 얻은 값으로 다음 필드를 채우세요:
- clientId: 앱의 Client ID.
- clientSecret: 앱의 Client Secret.
scope는 스코프의 공백으로 구분된 목록입니다. 제공되지 않으면 기본 스코프는 tweet.read users.read입니다.
구성 유형
| 이름 | 유형 |
|---|---|
| clientId | string |
| clientSecret | string |
| scope | string |
X (Twitter) 커넥터 테스트하기
이제 완료되었습니다. X (Twitter) 커넥터가 이제 사용 가능해야 합니다. 로그인 경험에서 소셜 커넥터 활성화를 잊지 마세요.
참고 자료
X 개발자 문서X OAuth 2.0 Authorization Code Flow with PKCE