이 섹션에서는 트위터 로그인을 자바스크립트 프로젝트에 통합하는 방법을 설명합니다. 이 단계별 가이드를 완료한 후, 클라우드 코드에 코드를 업로드할 준비가 됩니다.

우선, Back4App에 기존 앱이 생성되어 있는지 확인해야 합니다. 그러나 새로운 사용자라면 이 튜토리얼을 확인하여 앱을 만드는 방법을 배울 수 있습니다.

프로젝트에서 Twitter 로그인을 작동시키기 위해서는 소비자 키와 소비자 비밀이 필요합니다.

액세스 토큰 키를 생성하려면 Twitter 앱이 있어야 합니다. 기본적으로 두 가지 옵션이 있습니다:

이 주제에서는 Twitter 앱 자격 증명을 구성할 것입니다.

이 애플리케이션에 대해 WebHosting을 활성화하는 것이 필요하며, WebHosting에 대해 더 읽으려면 Back4App WebHosting 튜토리얼 을 참조하십시오.

그 후 Twitter 대시보드 로 가서 앱 만들기 또는 기존 앱을 수정하려면 세부정보 > 수정 > 세부정보 수정을 선택하십시오.

다음을 작성하십시오:

웹사이트 URL은 귀하의 Back4App 하위 도메인으로 남겨두실 수 있으며, 콜백 URL는 하위 도메인 + /twitter-callback. 다음과 같은 형식이 됩니다:

JavaScript용 Twitter 로그인을 사용하려면 다음 단계를 따라야 합니다:

GitHub 저장소에서 템플릿을 다운로드하세요. 다음 명령어를 사용하여 다운로드할 수 있습니다:

위의 프로젝트를 다운로드한 후, ./cloud/app.js 파일을 열고 다음 변수를 2단계에서 생성된 키로 교체하세요:

Back4App으로 앱을 배포하려면 코드를 클라우드 코드에 업로드해야 합니다. 그렇게 하려면 아래 단계를 따르세요:



3. 파일 선택을 클릭하고 index.html로 가져온 모든 파일을 선택하세요. 그들을 public,로 이동한 후 저장,을 클릭하세요, 여기와 같이:

4. 당신의 파일은 다음과 같이 보일 것입니다:

위에서 설명한 가이드를 따른 후, 생성한 웹 호스팅 주소로 브라우저를 열기만 하면 됩니다.

도움이 필요하시거나 기능/링크가 작동하지 않는 경우, 채팅을 통해 저희 팀에 문의해 주세요!