google-api - idpiframe_initialization_failed - not a valid origin for the client: http://localhost:4200 has not been whitelisted for client id

Autenticación API de Google: origen no válido para el cliente

Question

Al realizar una solicitud de autenticación a la API de Google (gapi), está devolviendo falso en el origen de cheque.

He eliminado cualquier identificación de cliente o cualquier cosa que se vinculara directamente a mi cuenta y la reemplacé con una expresión regular que indique cuáles son los datos para referencia.

Url: https://accounts.google.com/o/oauth2/iframerpc?action=checkOrigin&origin=https%3A%2F%2Flocal.tools&client_id=(/d{21})

Mi url de origen es una url local, que es https://local.tools

Resultado: {valid: false}

Estoy usando el ejemplo que se encuentra aquí sin desviación (excepto para reemplazar el ID de cliente con mi ID de cliente de 21 dígitos): https://ga-dev-tools.appspot.com/embed-api/third-party-visualizations/

Los elementos que intento mostrar se muestran bien en el sitio de demostración, pero no están pasando el origen No válido para el error del cliente en mi sitio local.tools.

Answer 1

Borra la memoria caché de tu navegador. Comencé a recibir este error en Chrome y luego creé un nuevo ID de cliente y todavía estaba teniendo el problema. Abrí Firefox y funcionó, así que borré el caché de Chrome y comencé a trabajar.

Answer 2

Las credenciales no funcionan si la API no está habilitada. En mi caso se necesitaron los siguientes pasos:

1. Vaya a https://console.developers.google.com/apis/library
2. Entrar en ''personas''
3. Del resultado elige ''Google People API''
4. Haga clic en ''Habilitar''

Answer 3

Para mí - acabo de ir aquí:

https://console.developers.google.com/apis/credentials

Luego eligió el proyecto correcto; luego elija la credencial con la misma ID que se muestra en el mensaje de error de la consola. Al editar las credenciales, puede agregar varios orígenes a la lista blanca.

Answer 4

Recibí el error debido a Allow-Control-Allow-Origin: * extensión del navegador.

Answer 5

Recibí el mismo mensaje de error de la consola al trabajar con este ejemplo: https://developers.google.com/analytics/devguides/reporting/embed/v1/getting-started

La documentación dice que no debe pasar por alto dos pasos críticos ("Al seguir las instrucciones, es importante que no pase por alto estos dos pasos críticos: Habilitar la API de análisis [&] Establezca los orígenes correctos"), pero no indica claramente DÓNDE Establecer los orígenes correctos.

Como el ID de cliente que tenía no estaba funcionando, creé un nuevo proyecto y un nuevo ID de cliente. Puede que el nuevo proyecto no haya sido necesario, pero lo estoy reteniendo (y utilizando).

Esto es lo que funcionó:

• Crear un nuevo proyecto
• Agregar y habilitar la API de análisis
• Cree una nueva credencial: asegúrese de que sea una credencial de OAUTH (desplácese hasta la parte inferior de esta página para obtener instrucciones https://developers.google.com/api-client-library/javascript/start/start-js#Setup ).

Durante la creación de las credenciales, verá una sección llamada "Restricciones: ingrese los orígenes de JavaScript, redireccione los URI o ambos". Aquí es donde puedes introducir tus orígenes.

Guarde y copie su ID de cliente (y secreto).

Mi script funcionó después de que creé la nueva credencial OAUTH, asigné el origen y utilicé el ID de cliente recién generado después de este proceso.

Answer 6

Tuve el mismo problema y busqué durante 3 días: Resolver "popup_closed_by_user" Vaya a su consola. Vaya a su API. ADMINISTRACIÓN: Credenciales: modifique sus credenciales:

Origen de JavaScript autorizado ( http://localhost:port);Authorized URI de redireccionamiento http://localhost:port);Authorized ( http://localhost:port/auth/google/callback );

Ejemplo: || Origen de JavaScript autorizado ( http://localhost:4200);Authorized URI de redireccionamiento http://localhost:4200);Authorized ( http: // localhost: 4200 / auth / google / callback) || ingrese la descripción de la imagen aquí

Answer 7

intente borrar las cachés y luego volver a cargar, tuve el mismo error, pero cuando intenté ejecutarlo en un navegador de incógnito en Chrome funcionó.