Implementing google+ sign in button to localhost with google API

html button google-api google-plus google-api-client
Clark picture Clark · Feb 22, 2015 · Viewed 14.7k times · Source

I am trying to implement the Google+ log in /sign in button on a website I'm coding through Sublime Text2 and running through Apache. I'm VERY new to web development and using localhost / http://127.0.0.1 .

So my questions comes in because when I have the button in the "index" Chrome HTML Document, it runs fine and I can log in with my google+ account.

BUT, if I have the button in a webpage linked to it (a new document "signin" Chrome HTML Document) the log in does not go through. It will pull up my accounts but it won't let me log in completely.

ERROR Error: origin_mismatch

I think I have to change something in my JavaScript Origins in my Credentials in my API's and Auth, but it won't let me add something like http://localhost/signin.html It says 

Origins URIs must not contain a path: http://localhost/signin.html

How can I give this webpage access??

Thank you!

Answer

Reuben Tanner picture Reuben Tanner · Oct 28, 2018

What was happening to me was that the UX on the redirect URI / authorized origin was confusing me and the "save" button wasn't working. Just because the item has been added to the list, doesn't mean it has been saved. Also, ensure you've added the correct port if it is non-standard.

enter image description here

Related questions

trying to align html button at the center of the my page

I'm trying to align an HTML button exactly at the centre of the page irrespective of the browser used. It is either floating to the left while still being at the vertical centre or being somewhere on the page like …

Read More
How to make an input type=button act like a hyperlink and redirect using a get request?

How do I make a <input type=button> act like a hyperlink and redirect using a GET request?

Read More
How to center buttons in Twitter Bootstrap 3?

I am building a form in Twitter Bootstrap but I'm having issues with centering the button below the input in the form. I have already tried applying the center-block class to the button but that didn't work. How should I …

Read More