I have been trying this simple google sign-in by following this tutorials:
- https://developers.google.com/identity/sign-in/web/
- http://www.codexworld.com/login-with-google-account-using-javascript/
The code is very simple and I'm exactly following the same steps as given in these tutorials, but I end up in the below error.
400. That’s an error.
Error: invalid_request
Storagerelay URI is not allowed for 'NATIVE' client type
In my credentials I have the configuration like below:
My Code goes like below:
<meta name=google-signin-client_id content=377345478968-2opk94iompa38gja0stu1vi821lr3rt0.apps.googleusercontent.com>
<script src=https://apis.google.com/js/client:platform.js?onload=renderButton async defer></script>
<div id=gSignIn></div>
function onSuccess(googleUser) {
var profile = googleUser.getBasicProfile();
gapi.client.load('plus', 'v2', function () {
var request = gapi.client.plus.people.get({
'userId': 'me'
});
//Display the user details
request.execute(function (resp) {
console.log(resp);
});
});
}
function onFailure(error) {
alert(error);
}
function renderButton() {
gapi.signin2.render('gSignIn', {
'scope': 'profile email',
'width': 240,
'height': 50,
'longtitle': true,
'theme': 'dark',
'onsuccess': onSuccess,
'onfailure': onFailure
});
}
function signOut() {
var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function () {
$('.userContent').html('');
$('#gSignIn').slideDown('slow');
});
}
Every time when I click Sign in with Google button, new pop-up opens and 400 error throws up.
I also tried growing throw these answers in stackoverflow, but now luck.
My Basic idea is to integrate sign in with google for my web-app, as said in this video, let me know whether this approach is good.