본문으로 건너뛰기

WeChat 소셜 로그인을 설정하세요 (Web)

웹 앱에서 WeChat 소셜 로그인을 위한 공식 Logto 커넥터입니다.

:

이 가이드는 Logto 커넥터에 대한 기본적인 이해를 전제로 합니다. 익숙하지 않은 분들은 커넥터 가이드를 참조하여 시작하세요.

시작하기

커넥터의 개념을 잘 모르거나 이 커넥터를 로그인 경험에 어떻게 추가하는지 모른다면, Logto 튜토리얼을 참고하세요.

주의:

이 커넥터는 웹 앱 전용입니다. 네이티브 앱에서 WeChat으로 로그인하는 방법을 찾고 있다면, WeChat 네이티브 커넥터를 참고하세요.

WeChat 오픈 플랫폼에서 웹 앱 생성하기

:

이미 완료한 부분이 있다면 일부 섹션은 건너뛸 수 있습니다.

계정 생성하기

https://open.weixin.qq.com/ 에 접속하여 오른쪽 상단의 "Sign Up" 버튼을 클릭한 후, 회원가입 절차를 완료하세요.

웹 앱 생성하기

방금 만든 계정으로 로그인하세요. "Web Application" (网页应用) 탭에서, 큰 초록색 버튼 "Create a web app" (创建网页应用)을 클릭하세요.

앱 탭

이제 애플리케이션 폼에 필요한 정보를 입력해봅시다.

웹 앱 생성

기본 정보

대부분은 매우 직관적입니다. 폼을 모두 작성한 후 "Next step"을 클릭하여 다음 단계로 이동하세요.

웹사이트 정보

"Authorization callback domain" (授权回调域)에는 Logto 도메인을 입력하세요. 예: logto.io.

검토 결과 대기

웹사이트 정보를 모두 입력한 후 "Submit Review"를 클릭하여 계속 진행하세요. 보통 검토는 빠르게 진행되며 1~2일 내에 끝납니다.

검토 기준이 일정하지 않아 제출할 때마다 검토자가 무작위로 배정되는 것으로 보입니다. 처음에 거절될 수도 있지만, 포기하지 마세요! 현재 상황을 설명하고 어떻게 수정해야 하는지 검토자에게 문의하세요.

WeChat 커넥터 구성하기

OAuth 앱 상세 페이지에서 받은 Client IDClient Secret을 각각 clientIdclientSecret 필드에 입력하세요.

scope 필드는 'snsapi_userinfo' 또는 'snsapi_base' 중 하나로 입력할 수 있습니다. 이 필드는 선택 사항이므로 비워둘 수 있습니다. 기본값은 'snsapi_userinfo'로 설정되어 있습니다. 값에 따른 차이점을 확인해보세요.

WeChat 웹 커넥터 테스트하기

이제 끝입니다. 회원가입 및 로그인에서 소셜 커넥터 활성화를 잊지 마세요.

WeChat 웹 커넥터가 활성화되면, 앱에 다시 로그인하여 정상적으로 동작하는지 확인할 수 있습니다.