[SETTINGS > 회원가입 항목 > 간편 로그인 설정]의 [+ 추가하기]를 클릭하여, 트위터 로그인을 추가할 수 있습니다.
① Developer Portal에 가입해 주세요. Basic이나 Pro 플랜이 아닌 Sign up for Free Account를 통해 가입하시면 됩니다. 250자 이상의 Twitter의 데이터와 API 이용 목적을 서술해야 합니다. (예: We are going to use Twitter data and API only for connecting social login purposes. It will be only used to our own platform called b.stage. There are no other reasons. I will always be subject to the overall account limit for a X user of 2,400 posts (including reposts and replies).
② 로그인 후, 중앙의 [+ Create Project]을 클릭해 주세요. (이미 생성된 프로젝트가 있다면 삭제하고 새로운 프로젝트를 생성해 주세요.)
③ [Project name]을 입력해 주세요. 비스테이지 이름을 적어 주셔도 무방합니다. 작성 후, 하단의 [Next]를 클릭해 주세요.
④ [Use case] (사용 용도)을 드롭다운 메뉴에서 선택해 주세요. SNS 로그인 연동 목적이기 때문에 [Doing something else]를 선택하시면 됩니다. 선택 후, 하단의 [Next]를 클릭해 주세요.
⑤ [Project description]을 작성해 주세요. [For SNS login] 등으로 작성하시면 됩니다. 작성 후, 하단의 [Next]를 클릭해 주세요.
⑥ 서비스명을 작성해 주세요. (예: 서비스명이 가나다 상점일 경우, 가나다 상점 입력)
⑦ 추가적으로 설정이 필요한 부분이 있으므로, 현 단계에서의 [API Key] 및 [API Key Secret] 복사를 하지 않고, 하단의 [App settings]을 클릭해 주세요.
⑧ [User authentication settings]의 [Set up] 버튼을 클릭해 주세요.
⑨ [Type of App]을 [Native App]으로 선택해 주세요.
⑩ [App info]의 [Callback URI / Redirect URL]란에 b.stage에서 제공된 [대표 도메인/account/social-login]과 [대표 도메인/account/social-connect] 2가지를 작성해 주세요. (예: https://bemyfriends.bstage.in/account/social-login & https://bemyfriends.bstage.in/account/social-connect)
- 만약 커스텀 도메인을 사용하는 경우, 커스텀 도메인 주소 또한 추가하여 주시기 바랍니다.
⑪ [Website URL] 란에 대표 도메인을 작성해 주세요. (예: https://bemyfriends.bstage.in)
⑫ 작성을 완료하신 후, 하단의 [Save]를 클릭해 주세요.
⑬ [Keys and tokens] 내의 [API Key and Secret > Regenerate]을 클릭해 주세요.
⑭ 팝업창의 [Yes, regenerate]을 클릭하면 나오는 [API Key] 및 [API Key Secret]을 [Copy] 버튼을 눌러 복사해 주세요.
👉 b.stage 연결
- SETTINGS > 회원가입 항목 > 로그인 연결 SNS 설정 > 추가하기 > X(트위터)를 클릭해 주세요.
- 복사한 [API Key] 및 [API Secret]를 입력(붙여넣기)하고, 등록하기를 클릭해 주세요.
- 정상적으로 추가가 완료되면, 로그인 옵션으로 추가됩니다. (유저가 첫 로그인 시도 시, Authorize app 버튼을 눌러줘야 할 수 있습니다.)