google api - obtener - API de Google: no es un origen válido para el cliente: la URL no se ha incluido en la lista blanca para el ID de cliente "ID"

youtube api key generate

Question

Necesito ayuda. No encontré una respuesta a mi pregunta. Intenté buscar en Google e intenté preguntar por otros lados, pero nunca encontré una respuesta.

Estoy trabajando con la API de Google (API de datos de Youtube) y utilizo el código de ejemplo del lado de Google. El código funciona. Estoy bastante seguro de eso. Recibí un error cuando intento iniciar el script:

detalles: "No es un origen válido para el cliente:" MyURL "no se ha incluido en la lista blanca para el ID de cliente" MyID ". Vaya a https://console.developers.google.com/ e incluya en la lista blanca este origen para el ID de cliente de su proyecto. "

error: "idpiframe_initialization_failed"

El problema incluí en mi lista blanca y se aceptó. No sé lo que está mal. ¿Qué debo hacer para "incluir en la lista blanca" mi dominio?

Y otra pregunta. No busqué una respuesta a esta pregunta antes.

Creo que es posible que pueda usar el código en Localhost, creo que debo incluir en la lista blanca mi dirección localhost o algo así. Pero la lista blanca no funciona.

• DreamGamer

Answer 1

Acabo de cometer el mismo error: probé el ejemplo de inicio rápido oficial y recibí el mismo mensaje de error que tú.

Es bastante confuso, porque ese ejemplo es un ejemplo completo que usa OAuth para el inicio de sesión del usuario, y NO solo la API key . Si no desea utilizar OAuth y solo desea recuperar algunos datos de Youtube, sin ninguna acción privilegiada (por ejemplo, si solo desea buscar o enumerar videos, canales o listas de reproducción), este ejemplo es para usted.

La solución es simple, solo proporcione apiKey lugar de clientId a gapi.client.init (enlace: documentos de API ), de esta manera:

const apiKey = ''<my API key>'';

function gooApiInitClient() {
  // Array of API discovery doc URLs for APIs used by the quickstart
  const discoveryDocs = ["https://www.googleapis.com/discovery/v1/apis/youtube/v3/rest"];

  return gapi.client.init({
    apiKey,
    discoveryDocs
  });
}

// see: https://developers.google.com/api-client-library/javascript/reference/referencedocs
gapi.load(''client'', {
  callback: function() {
    // we now have gapi.client! initialize it.
    gooApiInitClient().
      then(() => {
        // we can start using the API here!
        // e.g. gapi.client.youtube.videos.list(...);
      }).then(results => { 
        // use results here....
      });
  }
});

Answer 2

Borrar el caché me sirvió.

Answer 3

Creo que esto tiene que ver con el almacenamiento en caché, intente ir a su navegador y borrar el caché, intente: en Chrome,> configuración> avanzado> borrar datos de navegación:>: imágenes y archivos en caché.

Answer 4

Estaba teniendo los mismos problemas también hasta que me di cuenta de que cuando copié el ID_cliente, había un espacio en blanco en mi archivo, así que eliminé el espacio en blanco de la cadena y todo está funcionando muy bien ahora.

Answer 5

Estaba teniendo un problema similar al intentar obtener un inicio de sesión para mi aplicación web. Lo que hice fue recrear las credenciales de ID de cliente de OAuth de Cloud Platform. Cuando hice esto y usé la nueva ID de cliente, todo funcionó bien. No estoy seguro de cuál era el problema antes, pero ahora funciona perfectamente.

Si alguien encuentra esto en Google o no, intente eso. Puede que solo funcione. Explicaría la respuesta de Ezra Obiwale porque eso es esencialmente crear una nueva ID de cliente justo después de agregar un par de API.

Si alguien sabe una explicación de por qué sucede esto, sería apreciado.

Answer 6

Intente Borrar el caché, podría ser un problema con el almacenamiento en caché / local.

Answer 7

Limpié el caché. Comenzó a trabajar entonces.

En Chrome: Configuración -> Avanzado -> Borrar datos de navegación -> Imágenes y archivos en caché

Answer 8

Para mí, funcionó sin agregar ninguna de las API adicionales como Google Analytics. Solo asegúrese de agregar el ID de cliente completo y abra la aplicación en la ventana de incógnito para evitar guardar el caché. Si ya ha abierto la aplicación en la ventana normal, 1- Cierre todas las pestañas en las que está abierta la aplicación. 2- Borrar el caché y las cookies. En Chrome, está en Configuración -> Contraseñas y formularios -> Borrar datos de navegación -> Avanzado (pestaña) -> seleccione a) Cookies y otros datos del sitio yb) Imágenes y archivos en caché 3- Abra una nueva ventana de incógnito y pruebe su aplicación

Answer 9

También seguí las instrucciones en el ejemplo de inicio rápido, tuve el mismo problema, probé todas las soluciones sugeridas aquí en vano, probé todo lo que podía imaginar pero no sirvió de nada.

Finalmente vi que copié el CLIENT_ID con un espacio al final.

  var CLIENT_ID = ''44********-*****************.apps.googleusercontent.com '';

Una vez que arreglé esto (eliminé el espacio extra) funcionó.

Supongo que el mensaje de error no es muy preciso en este caso. Espero que esto ayude.

Answer 10

Tenía exactamente el mismo problema: la solución para mí era ingresar al Administrador de API y habilitar la API de Analytics. No estoy seguro de cuál era el problema, ¡pero esto parece haberlo solucionado!

Answer 11

Tuve el mismo problema y así es como lo resolví:

1. Active las API de Analytics y Google Plus en su proyecto
2. Crear nuevas credenciales de cliente OAUTH 2.0
   • Agregue los orígenes de Javascript autorizados en la sección Restricciones
3. Use la nueva identificación del cliente.

Disfrutar.

Answer 12

Una de las razones por las que no pudo funcionar es el número excedido (100) de inicios de sesión en cierta client ID .

Puede visitar la página de la consola de la API de Google y crear nuevas credenciales de cliente Oauth2 (recuerde agregar la URL de su aplicación en Authorized Javascript Origins ) y luego usarla.