Passer au contenu principal
Ce tutoriel a été conçu pour vous guider à travers le processus d’authentification PlayFab avec Twitch et HTML5/JavaScript.

Configuration requise

Avant de commencer, vous devez disposer des éléments suivants :
Consultez le tutoriel Exécution d’un serveur HTTP pour les tests pour savoir comment configurer un serveur doté d’un nom de domaine valide.

Serveur et domaine

Ce tutoriel nécessite un serveur web pour suivre les instructions. Si vous n’avez pas encore de serveur web distant inscrit, suivez notre tutoriel Exécution d’un serveur HTTP pour les tests pour savoir comment exécuter un serveur web local.
Tout au long de ce tutoriel, nous supposerons que votre domaine est [http://localhost/](http://localhost/).

Inscription d’une application Twitch

Commencez par accéder au site web de Twitch et vérifiez que vous êtes connecté.
  1. Accédez à la liste déroulante Account.
  2. Sélectionnez Settings dans le menu proposé.
Paramètres du compte Twitch Sur la page Settings, sélectionnez Connections (1), comme illustré ci-dessous. Connexions des paramètres Twitch En bas de la page, sélectionnez le bouton Register your application (1), comme illustré ci-dessous. Twitch : ouvrir la page d'inscription d'application Une page s’ouvre pour vous permettre de configurer une nouvelle application.
  1. Renseignez le Name de l’Application.
  2. Entrez la Redirect URL.
  3. Entrez l’Application Category.
  4. Acceptez ensuite les conditions de Twitch, puis sélectionnez le bouton Register.
Twitch : inscrire votre application
Lors de tests avec un serveur web local, Twitch vous permet d’utiliser **<http://localhost>** comme URL de redirection. Veillez à inclure la barre oblique /. Sans barre oblique, Twitch ne reconnaîtra pas l’URL localhost.
Une fois l’application inscrite, la page est mise à jour et affiche le Client ID de votre application.
Conservez ce Client ID en lieu sûr, à un endroit facilement accessible, car vous l’utiliserez plus tard pour configurer votre titre PlayFab.
Twitch : gérer l'application

Configuration d’un titre PlayFab

Une fois votre Client ID Twitch obtenu, vous pouvez activer et configurer un module complémentaire Twitch pour votre titre PlayFab.
  1. Sur l’écran de votre PlayFab Title, accédez au menu et sélectionnez l’élément Add-ons.
  2. Sélectionnez ensuite le lien de l’icône Twitch.
Onglet Add-ons de Game Manager Sur la page Twitch :
  • Une page Settings s’ouvre pour le Twitch Add-on.
  • Entrez votre Twitch Client ID.
  • Sélectionnez le bouton Install Twitch.
Game Manager : paramètres et installation du module complémentaire Twitch Prenez un moment pour vérifier que le module complémentaire a été installé et qu’aucune erreur ne s’est produite. La configuration du titre PlayFab est terminée.

Test

Utilisez le fichier HTML suivant pour tester l’authentification PlayFab avec Twitch. Veillez à remplacer TWITCH_CLIENT_ID_GOES_HERE et PLAYFAB_TITLE_ID_GOES_HERE par vos propres valeurs.
  1. Demandez ce fichier à votre serveur, en utilisant le domaine que vous avez configuré lors de la configuration de l’application Twitch, <http://localhost> dans notre cas.
  2. Une fois la page ouverte, attendez le message indiquant que le Twitch SDK a été initialisé.
  3. Sélectionnez ensuite le bouton Login with Twitch.
  4. Suivez les éventuelles instructions de Twitch dans la fenêtre contextuelle et observez la sortie.
Si vous avez déjà une session d’authentification Twitch en cours en arrivant sur la page, les rappels peuvent se déclencher dans un ordre différent et inattendu. Ce cas est illustré dans la capture d’écran ci-dessous. Vous devez toutefois vous assurer que seul Logging in via PlayFab suit Logged in with Twitch. Cela indique que le jeton a été reçu ou restauré depuis le stockage local et qu’il n’est pas nécessaire d’attendre le Twitch SDK pour commencer à se connecter à PlayFab.
Exemple d'authentification Twitch Si PlayFab parvient à obtenir un SessionTicket, vous avez correctement intégré l’authentification Twitch à votre application PlayFab.
Dernière modification le 8 octobre 2026