Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
En esta guía de inicio rápido, se explica cómo configurar una página simple que realice solicitudes a la API de YouTube Data. En realidad, esta guía de inicio rápido explica cómo realizar dos solicitudes a la API:
Usarás una clave de API, que identifica tu aplicación, para recuperar información sobre el canal de YouTube de GoogleDevelopers.
Usarás un ID de cliente de OAuth 2.0 para enviar una solicitud autorizada que recupere información sobre tu propio canal de YouTube.
Requisitos previos
Para ejecutar esta guía de inicio rápido, necesitarás lo siguiente:
Python 2.4 o posterior (para proporcionar un servidor web)
Acceso a Internet y un navegador web
Una Cuenta de Google.
Paso 1: Configura tu proyecto y tus credenciales
Crea o selecciona un proyecto en la Consola de APIs. Completa las siguientes tareas en la Consola de APIs de tu proyecto:
En el panel de la biblioteca, busca la versión 3 de la API de YouTube Data. Haz clic en la ficha de esa API y asegúrate de que esté habilitada para tu proyecto.
Crea una clave de API. Usarás la clave de API para realizar solicitudes a la API que no requieran autorización del usuario. Por ejemplo, no necesitas la autorización del usuario para recuperar información sobre un canal público de YouTube.
Crea un ID de cliente de OAuth 2.0.
Establece el tipo de aplicación como Aplicación web. Debes usar credenciales de OAuth 2.0 para las solicitudes que requieren autorización del usuario. Por ejemplo, necesitas la autorización del usuario para recuperar información sobre el canal de YouTube del usuario autenticado actualmente.
En el campo Orígenes autorizados de JavaScript, ingresa la URL http://localhost:8000. Puedes dejar en blanco el campo URIs de redireccionamiento autorizados.
Paso 2: Configura y ejecuta la muestra
Usa el widget del Explorador de APIs en el panel lateral para obtener código de muestra para recuperar información sobre el canal de YouTube de GoogleDevelopers. Esta solicitud usa una clave de API para identificar tu aplicación y no requiere autorización del usuario ni permisos especiales del usuario que ejecuta la muestra.
Abre la documentación del método channels.list de la API.
En esa página, la sección "Casos de uso comunes" contiene una tabla que explica varias formas comunes en las que se usa el método. El primer elemento de la tabla es para los resultados de la lista por ID de canal.
Haz clic en el símbolo de código de la primera lista para abrir y completar el Explorador de APIs en pantalla completa.
En el lado izquierdo del Explorador de APIs en pantalla completa, se muestra lo siguiente:
Debajo del encabezado Request parameters, hay una lista de parámetros que admite el método. Se deben establecer los valores de los parámetros part y id. El valor del parámetro id, UC_x5XG1OV2P6uZZ5FSM9Ttw, es el ID del canal de YouTube de GoogleDevelopers.
Debajo de los parámetros, hay una sección llamada Credenciales. El menú desplegable de esa sección debería mostrar el valor Clave de API. De forma predeterminada, el Explorador de APIs usa credenciales de demostración para facilitar el inicio. Sin embargo, usarás tu propia clave de API para ejecutar la muestra de forma local.
En el lado derecho del Explorador de APIs en pantalla completa, se muestran pestañas con muestras de código en diferentes lenguajes. Selecciona la pestaña JavaScript.
Copia el código de muestra y guárdalo en un archivo llamado example.html.
En el ejemplo que descargaste, busca la cadena YOUR_API_KEY y reemplázala por la clave de API que creaste en el paso 1 de esta guía de inicio rápido.
Inicia el servidor web con el siguiente comando desde tu directorio de trabajo:
Python 2.x
python -m SimpleHTTPServer 8000
Python 3.x
python -m http.server 8000
Abre el archivo example.html en tu navegador. También abre las herramientas para desarrolladores del navegador, como las "Herramientas para desarrolladores" en el navegador Chrome.
Haz clic en el botón load de la página para cargar la biblioteca cliente de las APIs de Google para JavaScript. Después de hacer clic en el botón, la consola para desarrolladores debería mostrar una nota que indique que se cargó el cliente de GAPI.
Haz clic en el botón Ejecutar para enviar la solicitud a la API. La consola del desarrollador debería mostrar la respuesta de la API.
Paso 3: Ejecuta una solicitud autorizada
En este paso, modificarás tu muestra de código para que, en lugar de recuperar información sobre el canal de YouTube de GoogleDevelopers, recupere información sobre tu canal de YouTube. Esta solicitud requiere autorización del usuario.
Vuelve a la documentación del método channels.list de la API.
En la sección "Casos de uso comunes", haz clic en el símbolo de código del tercer elemento de la tabla. El caso de uso es llamar al método list para "mi canal".
Nuevamente, en el lado izquierdo del Explorador de APIs en pantalla completa, verás una lista de parámetros seguida de la sección Credenciales. Sin embargo, hay dos cambios con respecto al ejemplo en el que recuperaste información sobre el canal de GoogleDevelopers:
En la sección de parámetros, en lugar de establecer el valor del parámetro id, se debe establecer el valor del parámetro mine en true. Esto indica al servidor de la API que recupere información sobre el canal del usuario autenticado actualmente.
En la sección Credenciales, el menú desplegable debe seleccionar la opción de Google OAuth 2.0.
Además, si haces clic en el vínculo Mostrar permisos, el permiso https://www.googleapis.com/auth/youtube.readonly debería estar marcado.
Al igual que en el ejemplo anterior, selecciona la pestaña JavaScript, copia la muestra de código y guárdala en example.html.
En el código, busca la cadena YOUR_CLIENT_ID y reemplázala por el ID de cliente que creaste en el paso 1 de esta guía de inicio rápido.
Inicia el servidor web con el siguiente comando desde tu directorio de trabajo:
Python 2.x
python -m SimpleHTTPServer 8000
Python 3.x
python -m http.server 8000
Ve al archivo http://localhost:8000/example.html en tu navegador.
Abre las herramientas para desarrolladores del navegador, como las "Herramientas para desarrolladores" en el navegador Chrome.
Haz clic en el botón Autorizar y cargar en la página para cargar la biblioteca cliente de las APIs de Google para JavaScript y, luego, iniciar el flujo de autorización.
Se te pedirá que otorgues permiso a la aplicación para leer datos de tu cuenta de YouTube.
Si otorgas el permiso, la consola del desarrollador debería mostrar mensajes que indiquen que el acceso se realizó correctamente y que se cargó el cliente de la API.
Haz clic en el botón Ejecutar para enviar la solicitud a la API. La consola del desarrollador debería mostrar la respuesta de la API.
[null,null,["Última actualización: 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)"]]
