api - plus - google+ web
Se ha producido un error de origen_misidad en la aplicación para compartir de Google+ (16)
Quiero compartir algo de contenido dinámico en google +. Para esto lo he comprobado https://developers.google.com/+/web/share/interactive#rendering_the_button_with_javascript
<head>
<script type="text/javascript">
(function() {
var po = document.createElement(''script''); po.type = ''text/javascript''; po.async = true;
po.src = ''https://apis.google.com/js/client:plusone.js'';
var s = document.getElementsByTagName(''script'')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</head>
<body>
<button
class="g-interactivepost"
data-contenturl="http://www.pubandbar-network.co.uk/"
data-clientid="102180630313.apps.googleusercontent.com"
data-cookiepolicy="single_host_origin"> Share
</button>
</body>
Pero cuando ejecuto recibo este error
Error: origin_mismatch
Request Details
scope=https://www.googleapis.com/auth/plus.login
response_type=code token id_token gsession
access_type=online
redirect_uri=postmessage
cookie_policy=single_host_origin
proxy=oauth2relay554026710
origin=http://www.pubandbar-network.co.uk
state=1995523240|0.4607792083184853
display=page
client_id=102180630313.apps.googleusercontent.com
authuser=0
Por favor sugiera cómo arreglar esto
(El error tiene la respuesta para ti)
necesidad de establecer el origen de JavaScript en google console api Como
origin=**http://www.pubandbar-network.co.uk**
scope=https://www.googleapis.com/auth/plus.login
response_type=code token id_token gsession
access_type=online
redirect_uri=postmessage
cookie_policy=single_host_origin
proxy=oauth2relay554026710
*origin=http://www.pubandbar-network.co.uk*
state=1995523240|0.4607792083184853
display=page
client_id=102180630313.apps.googleusercontent.com
authuser=0
1: Abra la página de Credenciales para su proyecto.
2: Haga doble clic en su cliente web OAuth 2.0 en la lista de ID del cliente.
3: asegúrese de que en el formulario de ID del cliente web, cambie el campo de orígenes de JavaScript autorizado a http: // localhost: 8080 cuando esté ejecutando el servidor localmente. Al ejecutar de forma remota, agregue la URL del servidor de aplicaciones correspondiente.
Compruebe la url de origen configurada en la consola de google para su aplicación WEB / Android
y verifique http o https porque su sitio no funciona en https (en el sitio general).
Debes leer la guía para desarrolladores aquí
https://developers.google.com/analytics/devguides/reporting/embed/v1/devguide
Buena suerte !
Hice una cosa estúpida que tardó unos minutos en resolverse, así que pensé en publicar una advertencia por si alguien más cae en esta trampa.
En la consola, cuando se muestran los orígenes, ''Redirigir URI'' viene por encima de ''Orígenes Javascript''. Cuando abres el panel de edición, es al revés, por lo que si no estás prestando atención, puedes pegar tus orígenes en el campo Redirect URIs y ....
La falta de coincidencia de origen normalmente se debe a que los orígenes Javascript no se configuraron correctamente en la consola del proyecto API . Debe asegurarse de que los orígenes Javascript coincidan con el dominio del que provienen sus solicitudes y al que está devolviendo el usuario después de iniciar sesión.
Se pueden encontrar más detalles en la documentación del desarrollador en la sección "Crear un ID de cliente y un secreto de cliente" .
Nota: Un error común aquí es agregar orígenes de JavaScript para http: // pero no para https: // (o viceversa). Si desea permitir que los usuarios accedan a su sitio desde ambos, debe enumerar ambos en la consola de JavaScript.
Nota (Gracias Bethel Goka): debe incluir el número de puerto de su servidor en los orígenes de JavaScript si aparece un número de puerto en la url cuando los usuarios acceden a su sitio.
La supervisión más común que provoca este error es olvidar agregar orígenes HTTP y HTTPS en la configuración de consentimiento en el panel de Credenciales de aplicaciones.
Para solucionarlo, vaya a https://console.cloud.google.com/apis/credentials?project=YOUR-APP-ID
Seleccione los ID de cliente de OAuth 2.0 si ya había creado uno. De lo contrario, tendrá que crear una nueva ID de cliente para su origen.
En Orígenes de JavaScript autorizados , agregue orígenes https y http para su aplicación si no los hubiera agregado.
Lo arreglé cambiando orígenes de JavaScript y redirigiendo URI en la consola de Google desde http://0.0.0.0:4567 a http://localhost:4567 , recuerdo agregar /oauth2callback después de redireccionar los URI y cambiar la URL en el navegador a http://localhost:4567
Me funcionó al eliminar "www". de la consola de google Simplemente utilicé http://example.com y funcionó ...
Mis orígenes de JavaScript predeterminados son https://www , mi sitio web no es compatible con https:// , incluí http://www. http:// https://www. y https:// , funciona.
Salga de todos los servicios de google desde su navegador.
Si la identificación de su cliente, el secreto del cliente y la URL de origen de JavaScript son correctos, es posible que desee comprobar si el puerto que está utilizando es exactamente el mismo que el URL que ingresó para los orígenes de JavaScript. Escribí mal el mío por un dígito: e, g localhost: 888 en lugar de localhost: 8888 y obtuve ese error porque mis orígenes de JavaScript eran localhost: 8888 no 888
Solo una pequeña adición a la respuesta de Lee: enumerar las formas www.whatever.ext y whatever.ext de su URL en los orígenes de JavaScript puede deshacerse del error. Eso es lo que hizo el truco para mi aplicación.
Tuve este error al intentar utilizar la "Demostración de administración de servicios de juegos de Google Play" y fue porque faltaba "www" en la URL
Yo mismo tuve el problema para el inicio de sesión de google + api. Estaba obteniendo el error: mismismo de origen y los mismos detalles estaban allí ya que están en la pregunta ... mis credenciales de javascript tenían http: // localhost: 4567 pero cuando ejecuté el archivo python abrí el enlace como 0.0.0.0:4567 eso es básicamente un localhost pero cuando cambié la url en el navegador a http: // localhost: 4567 ahora el error fue eliminado ... y mi aplicación pudo obtener el cuadro de OAuth ... y todo fue bien! esto eliminó mi error ... Por favor, hágame saber si estaba en lo correcto porque recién comencé a aprender a usar apis
Para usuarios de VS:
Abra Propiedades de su proyecto y obtenga la URL del proyecto:
Este es tu Javascript Origins
Cambie también los URI de redirección. Debería ser tu origen + "/ oauth2callback"
Para mi: