> ## Documentation Index > Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt > Use this file to discover all available pages before exploring further. # Kongregate와 HTML5를 사용하여 PlayFab 인증 설정하기 > HTML5와 JavaScript를 사용해 PlayFab 타이틀에 Kongregate 인증을 추가하는 단계별 튜토리얼로 Kongregate 앱 업로드와 플레이어 로그인을 다룹니다. 이 튜토리얼에서는 Kongregate와 HTML5/JavaScript를 사용하여 PlayFab에서 플레이어를 인증하는 데 필요한 최소한의 설정을 보여줍니다. ## 요구 사항 * 등록된 [Kongregate](https://www.kongregate.com/) 계정. * [Kongregate 개발자 가이드](https://www.kongregate.com/developer_center/docs/en/kongregate-api)에 대한 이해. * 등록된 PlayFab 타이틀. * [로그인 기본 사항 및 모범 사례](/services/playfab/identity/player-identity/login/login-basics-best-practices)에 대한 이해. ## Kongregate 앱 설정 Kongregate는 필요한 API 정보에 액세스하기 전에 앱의 미리보기 버전을 업로드하도록 요구합니다. 이를 위해 다음 내용으로 `index.html` 파일을 준비해야 합니다. ```html theme={null}

Placeholder

``` [Kongregate 웹사이트](https://www.kongregate.com/)로 이동합니다. 1. **Games** 탭을 선택합니다. 2. **Upload your game** 버튼을 선택합니다. Kongregate Games 탭 새 애플리케이션을 설정하는 페이지가 열립니다. 1. **Title** 필드에 **애플리케이션 이름**을 입력합니다. 2. 그런 다음 제공된 필드에 **게임 설명**을 입력합니다. 3. **Category**를 선택합니다. 4. 아래 예시와 같이 **Continue** 버튼을 선택하여 새 앱을 제출합니다. Kongregate 게임 업로드 **Application Upload** 페이지로 이동합니다. 중요한 첫 단계로, **웹 주소 표시줄**의 **URL**을 반드시 저장하세요. 이는 페이지를 닫은 후 애플리케이션에 대한 액세스를 복원하려는 시간을 많이 절약해 줍니다. 1. 완료되면 준비한 **index.html** 파일을 **Game File**로 선택합니다. 2. 그런 다음 화면 크기를 설정합니다. 3. 필요한 모든 라이선스를 반드시 수락하세요. 4. 아래 예시와 같이 **Upload** 버튼을 선택하여 애플리케이션을 업로드합니다. Kongregate 애플리케이션 업로드 페이지 * 미리보기가 열리면 콘텐츠를 무시하고 **api information** 링크를 엽니다. Kongregate 미리보기 API 정보 **API Information** 페이지가 열리면 **API Key**를 찾아 나중에 사용할 수 있도록 안전하고 쉽게 접근할 수 있는 곳에 저장하세요. Kongregate API 키 ## PlayFab 타이틀 구성 PlayFab 타이틀 Game Manager에서: 1. **Add-ons**로 이동합니다. 2. **Kongregate**를 찾아 선택합니다. PlayFab Kongregate Add-on 선택 **Kongregate** 통합을 설정할 수 있는 새 페이지가 열립니다. 1. 이전 섹션에서 얻은 **API Key**를 입력합니다. 2. **Install Kongregate**를 선택합니다. PlayFab Kongregate 통합 설정 오류 메시지가 표시되지 않으면 Kongregate 애플리케이션과의 PlayFab 타이틀 통합이 구성되었습니다. ## 코드 준비 아래 표시된 예제 코드를 사용하여 게임의 `index.html`을 채웁니다. ```html theme={null} Kongregate Javascript API example Initializing... ``` ## 테스트 조금 전에 안전하고 접근하기 쉬운 곳에 저장하도록 요청한 URL을 기억하시나요? 이제 이를 사용하여 **Application Upload** 페이지에 접근합니다. 1. **index.html**을 **Game File**로 선택합니다. 2. 화면 크기를 설정합니다. 3. 필요한 모든 라이선스를 반드시 수락하세요. 4. **Upload** 버튼을 선택하여 애플리케이션을 업로드합니다. Kongregate 애플리케이션 업로드 페이지 미리보기가 로드되면 애플리케이션이 **Kongregate User ID**와 **Username**을 얻을 때까지 기다립니다. * 그렇게 되면 **PlayFab Login With Kongregate** 버튼을 선택합니다. * 잠시 후에 **Authenticated via PlayFab** 메시지를 받아야 합니다. * 이 시점에서 PlayFab와 Kongregate를 사용하여 성공적으로 로그인했습니다! Kongregate로 PlayFab 로그인 테스트 ## Related topics - [Twitch와 HTML5를 사용하여 PlayFab 인증 설정하기](/ko/services/playfab/identity/player-identity/platform-specific-authentication/twitch-html5.md) - [Google과 HTML5를 사용하여 PlayFab 인증 설정하기](/ko/services/playfab/identity/player-identity/platform-specific-authentication/google-html5.md) - [Facebook과 HTML5를 사용하여 PlayFab 인증 설정하기](/ko/services/playfab/identity/player-identity/platform-specific-authentication/facebook-html5.md) - [Kongregate와 Unity를 사용하여 PlayFab 인증 설정하기](/ko/services/playfab/identity/player-identity/platform-specific-authentication/kongregate-unity.md) - [PlayFab용 Battle.net 로그인 설정하기](/ko/services/playfab/identity/player-identity/platform-specific-authentication/battlenet-login.md)