Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Ce guide de démarrage rapide explique comment configurer une page simple qui envoie des requêtes à l'API YouTube Data. Ce guide de démarrage rapide explique comment effectuer deux requêtes API :
Vous utiliserez une clé API, qui identifie votre application, pour récupérer des informations sur la chaîne YouTube GoogleDevelopers.
Vous utiliserez un ID client OAuth 2.0 pour envoyer une requête autorisée qui récupère des informations sur votre propre chaîne YouTube.
Prérequis
Pour exécuter ce guide de démarrage rapide, vous avez besoin des éléments suivants :
Python 2.4 ou version ultérieure (pour fournir un serveur Web)
Accès à Internet et à un navigateur Web.
Un compte Google.
Étape 1 : Configurez votre projet et vos identifiants
Créez ou sélectionnez un projet dans la console APIs. Effectuez les tâches suivantes dans la console APIs pour votre projet :
Dans le panneau de la bibliothèque, recherchez l'API YouTube Data v3. Cliquez sur la fiche de cette API et assurez-vous qu'elle est activée pour votre projet.
Créer une clé API
Vous utiliserez la clé API pour effectuer des requêtes API qui ne nécessitent pas d'autorisation de l'utilisateur. Par exemple, vous n'avez pas besoin de l'autorisation de l'utilisateur pour récupérer des informations sur une chaîne YouTube publique.
Créez un ID client OAuth 2.0.
Définissez le type d'application sur Application Web. Vous devez utiliser des identifiants OAuth 2.0 pour les requêtes qui nécessitent une autorisation de l'utilisateur. Par exemple, vous avez besoin de l'autorisation de l'utilisateur pour récupérer des informations sur la chaîne YouTube de l'utilisateur actuellement authentifié.
Dans le champ Origines JavaScript autorisées, saisissez l'URL http://localhost:8000. Vous pouvez laisser le champ URI de redirection autorisés vide.
Étape 2 : Configurer et exécuter l'exemple
Utilisez le widget APIs Explorer dans le panneau latéral pour obtenir un exemple de code permettant de récupérer des informations sur la chaîne YouTube GoogleDevelopers. Cette requête utilise une clé API pour identifier votre application. Elle ne nécessite pas d'autorisation de l'utilisateur ni d'autorisations spéciales de la part de l'utilisateur qui exécute l'exemple.
Ouvrez la documentation de la méthode channels.list de l'API.
Sur cette page, la section "Cas d'utilisation courants" contient un tableau qui explique plusieurs façons courantes d'utiliser la méthode. La première ligne du tableau concerne les résultats de la liste par ID de chaîne.
Cliquez sur le symbole de code de la première fiche pour ouvrir et remplir l'explorateur d'API en plein écran.
La partie gauche de l'explorateur d'API en plein écran affiche les éléments suivants :
Sous l'en-tête Paramètres de la requête, vous trouverez la liste des paramètres acceptés par la méthode. Les valeurs des paramètres part et id doivent être définies. La valeur du paramètre id, UC_x5XG1OV2P6uZZ5FSM9Ttw, correspond à l'ID de la chaîne YouTube GoogleDevelopers.
Sous les paramètres, vous trouverez une section intitulée Identifiants. Le menu déroulant de cette section doit afficher la valeur Clé API. L'explorateur d'API utilise des identifiants de démonstration par défaut pour vous aider à vous lancer plus facilement. Toutefois, vous utiliserez votre propre clé API pour exécuter l'exemple en local.
Sur la droite de l'explorateur d'API en plein écran, des onglets affichent des exemples de code dans différentes langues. Sélectionnez l'onglet JavaScript.
Copiez l'exemple de code et enregistrez-le dans un fichier nommé example.html.
Dans l'exemple que vous avez téléchargé, recherchez la chaîne YOUR_API_KEY et remplacez-la par la clé API que vous avez créée à l'étape 1 de ce guide de démarrage rapide.
Démarrez le serveur Web à l'aide de la commande suivante depuis votre répertoire de travail :
Python 2.x
python -m SimpleHTTPServer 8000
Python 3.x
python -m http.server 8000
Ouvrez le fichier example.html dans votre navigateur. Ouvrez également les outils pour les développeurs du navigateur, tels que les "Outils pour les développeurs" dans le navigateur Chrome.
Cliquez sur le bouton load (charger) sur la page pour charger la bibliothèque cliente des API Google pour JavaScript. Après avoir cliqué sur le bouton, la console du développeur devrait afficher une note indiquant que le client GAPI a été chargé.
Cliquez sur le bouton Exécuter pour envoyer la requête API. La console du développeur devrait alors afficher la réponse de l'API.
Étape 3 : Exécuter une requête autorisée
Au cours de cette étape, vous allez modifier l'exemple de code afin qu'il récupère des informations sur votre chaîne YouTube au lieu de récupérer des informations sur la chaîne YouTube GoogleDevelopers. Cette requête nécessite l'autorisation de l'utilisateur.
Revenez à la documentation de la méthode channels.list de l'API.
Dans la section "Cas d'utilisation courants", cliquez sur le symbole de code de la troisième ligne du tableau. Dans ce cas d'utilisation, il s'agit d'appeler la méthode list pour "ma chaîne".
Une fois encore, sur la gauche de l'explorateur d'API en plein écran, vous verrez une liste de paramètres suivie de la section Identifiants. Toutefois, deux modifications ont été apportées par rapport à l'exemple dans lequel vous avez récupéré des informations sur la chaîne GoogleDevelopers :
Dans la section des paramètres, au lieu de définir la valeur du paramètre id, définissez la valeur du paramètre mine sur true. Cette instruction demande au serveur d'API de récupérer des informations sur la chaîne de l'utilisateur actuellement authentifié.
Dans la section Identifiants, le menu déroulant doit sélectionner l'option Google OAuth 2.0.
De plus, si vous cliquez sur le lien Afficher les champs d'application, le champ d'application https://www.googleapis.com/auth/youtube.readonly doit être coché.
Comme dans l'exemple précédent, sélectionnez l'onglet JavaScript, copiez l'exemple de code et enregistrez-le dans example.html.
Dans le code, recherchez la chaîne YOUR_CLIENT_ID et remplacez-la par l'ID client que vous avez créé à l'étape 1 de ce guide de démarrage rapide.
Démarrez le serveur Web à l'aide de la commande suivante depuis votre répertoire de travail :
Python 2.x
python -m SimpleHTTPServer 8000
Python 3.x
python -m http.server 8000
Accédez au fichier http://localhost:8000/example.html dans votre navigateur.
Ouvrez les outils pour les développeurs du navigateur, tels que les "Outils pour les développeurs" dans le navigateur Chrome.
Cliquez sur le bouton Authorize and load (Autoriser et charger) sur la page pour charger la bibliothèque cliente des API Google pour JavaScript et lancer le processus d'autorisation.
Vous devriez être invité à autoriser l'application à lire les données de votre compte YouTube.
Si vous accordez l'autorisation, la console du développeur devrait afficher des messages indiquant que la connexion a réussi et que le client API a été chargé.
Cliquez sur le bouton Exécuter pour envoyer la requête API. La console du développeur devrait alors afficher la réponse de l'API.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/21 (UTC).
[null,null,["Dernière mise à jour le 2025/08/21 (UTC)."],[[["\u003cp\u003eThis guide demonstrates making two types of requests to the YouTube Data API: one using an API key for public data and another using OAuth 2.0 for user-specific data.\u003c/p\u003e\n"],["\u003cp\u003eTo begin, you must set up a project in the API Console, enable the YouTube Data API v3, and create both an API key and an OAuth 2.0 client ID, which will each serve a different purpose.\u003c/p\u003e\n"],["\u003cp\u003eThe guide uses the \u003ccode\u003echannels.list\u003c/code\u003e method to first retrieve information about the GoogleDevelopers YouTube channel using the API key and second retrieve information about the authenticated user's own channel using OAuth 2.0 credentials.\u003c/p\u003e\n"],["\u003cp\u003eThe sample code provided in the guide uses JavaScript, and the instructions include details for starting a local web server to run and test the API requests in a browser environment.\u003c/p\u003e\n"],["\u003cp\u003eThe process involves replacing placeholder values for the API key and OAuth 2.0 client ID in the downloaded sample code, which is necessary for the requests to succeed, and also prompts for user authorization.\u003c/p\u003e\n"]]],["This guide demonstrates making YouTube Data API requests. First, set up a project in the API Console, enabling the YouTube Data API and creating an API key and an OAuth 2.0 client ID. Then, use the APIs Explorer to generate code for retrieving channel information, replacing placeholders with your API key or client ID. Run a web server and use a browser to send requests, first using the API key, and then, modifying the code to require user authorization with OAuth 2.0 to retrieve information about the user's own channel.\n"],null,["# JavaScript Quickstart\n\nThis quickstart guide explains how to set up a simple page that makes requests\nto the YouTube Data API. This quickstart actually explains how to make two API\nrequests:\n\n1. You will use an API key, which identifies your application, to retrieve information about the GoogleDevelopers YouTube channel.\n2. You will use an OAuth 2.0 client ID to submit an *authorized* request that retrieves information about your own YouTube channel.\n\n| **Note:** More generally, you can follow the instructions for the first example for any use case that uses an API key or the instructions for the second example for any use case that requires authorization using OAuth 2.0. See the [use cases and code samples tool](/youtube/v3/code_samples/code_snippets) for more examples.\n\nPrerequisites\n-------------\n\nTo run this quickstart, you'll need:\n\n- Python 2.4 or greater (to provide a web server)\n- Access to the internet and a web browser.\n- A Google account.\n\nStep 1: Set up your project and credentials\n-------------------------------------------\n\nCreate or select a project in the [API Console](https://console.cloud.google.com/). Complete the following tasks in the API Console for your project:\n\n1. In the [library panel](https://console.developers.google.com/apis/library),\n search for the YouTube Data API v3. Click into the listing for that API and\n make sure the API is enabled for your project.\n\n2. In the [credentials\n panel](https://console.developers.google.com/apis/credentials),\n create two credentials:\n\n 1. **Create an API key**\n You will use the API key to make API requests that do\n not require user authorization. For example, you do not need user\n authorization to retrieve information about a public YouTube channel.\n\n 2. **Create an OAuth 2.0 client ID**\n\n Set the application type to **Web application**. You need to use OAuth\n 2.0 credentials for requests that require user authorization. For\n example, you need user authorization to retrieve information about the\n currently authenticated user's YouTube channel.\n\n In the **Authorized JavaScript origins** field, enter the URL\n `http://localhost:8000`. You can leave the **Authorized redirect URIs**\n field blank.\n\nStep 2: Set up and run the sample\n---------------------------------\n\nUse the APIs Explorer widget in the side panel to obtain sample code for\nretrieving information about the GoogleDevelopers YouTube channel. This request\nuses an API key to identify your application, and it does not require user\nauthorization or any special permissions from the user running the sample.\n\n1. Open the documentation for the API's [channels.list](/youtube/v3/docs/channels/list) method.\n2. On that page, the \"Common use cases\" section contains a table that explains\n several common ways that the method is used. The first listing in the table\n is for listing results by channel ID.\n\n Click the code symbol for the first listing to open and populate the\n fullscreen APIs Explorer.\n\n3. The left side of the fullscreen APIs Explorer shows the following:\n\n 1. Below the **Request parameters** header, there is a list of parameters\n that the method supports. The `part` and `id` parameter values should\n be set. The `id` parameter value, `UC_x5XG1OV2P6uZZ5FSM9Ttw`, is the\n ID for the GoogleDevelopers YouTube channel.\n\n 2. Below the parameters, there is a section named **Credentials** . The\n pulldown menu in that section should display the value **API key**. The\n APIs Explorer uses demo credentials by default to make it easier to get\n started. But you'll use your own API key to run the sample locally.\n\n4. The right side of the fullscreen APIs Explorer shows tabs with code samples\n in different languages. Select the **JavaScript** tab.\n\n5. Copy the code sample and save it in a file named\n `example.html`.\n\n6. In the sample that you downloaded, find the `YOUR_API_KEY` string and\n replace that with the API key that you created in step 1 of this quickstart.\n\n7. Start the web server using the following command from your working\n directory:\n\n ### Python 2.x\n\n python -m SimpleHTTPServer 8000\n\n ### Python 3.x\n\n python -m http.server 8000\n\n8. Open the example.html file in your browser. Also open the browser's\n developer tools, such as the \"Developer Tools\" in the Chrome browser.\n\n 1. Click the **load** button on the page to load the Google APIs Client\n Library for JavaScript. After you click the button, the developer\n console should display a note indicating that the GAPI client loaded.\n\n 2. Click the **execute** button to send the API request. The developer's\n console should then display the API response.\n\nStep 3: Run an authorized request\n---------------------------------\n\nIn this step, you'll modify your code sample so that instead of retrieving\ninformation about the GoogleDevelopers YouTube channel, it retrieves information\nabout *your* YouTube channel. This request does require user authorization.\n\n1. Go back to the documentation for the API's\n [channels.list](/youtube/v3/docs/channels/list) method.\n\n2. In the \"Common use cases\" section, click the code symbol for the third\n listing in the table. That use case is to call the `list` method for \"my\n channel.\"\n\n3. Again, in the left side of the fullscreen APIs Explorer, you will see a\n list of parameters followed by the **Credentials** section. However, there\n are two changes from the example where you retrieved information about the\n GoogleDevelopers channel:\n\n 1. In the parameters section, instead of the `id` parameter value being\n set, the `mine` parameter value should be set to `true`. This instructs\n the API server to retrieve information about the currently authenticated\n user's channel.\n\n 2. In the **Credentials** section, the pulldown menu should select the\n option for **Google OAuth 2.0**.\n\n In addition, if you click the **Show scopes** link, the\n **https://www.googleapis.com/auth/youtube.readonly** scope should be\n checked.\n\n4. As with the previous example, select the **JavaScript** tab,\n copy the code sample, and save it to `example.html`.\n\n In the code, find the `YOUR_CLIENT_ID` string and replace it with the\n client ID that you created in step 1 of this quickstart.\n5. Start the web server using the following command from your working\n directory:\n\n ### Python 2.x\n\n python -m SimpleHTTPServer 8000\n\n ### Python 3.x\n\n python -m http.server 8000\n\n6. Go to `http://localhost:8000/example.html` file in your browser.\n Open the browser's developer tools, such as the \"Developer Tools\" in the\n Chrome browser.\n\n7. Click the **authorize and load** button on the page to load the Google\n APIs Client Library for JavaScript and initiate the authorization flow.\n You should be prompted to grant the application permission to read data\n from your YouTube account.\n\n If you grant the permission, the developer's console should display\n messages indicating that sign-in was successful and that the API client\n loaded.\n8. Click the **execute** button to send the API request. The developer's\n console should then display the API response.\n\nFurther reading\n---------------\n\n- [Google Developers Console help documentation](/console/help/new)\n- [Google APIs Client Library for JavaScript documentation](/api-client-library/javascript)\n- [YouTube Data API reference documentation](/youtube/v3/docs)"]]
