Login With Google Plus Using Javascript

Login With Google Plus Using Javascript
More information visit:
https://developers.google.com/+/web/api/javascript

<!-- Place this asynchronous JavaScript just before your </body> tag --- Google SignIn-->
<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.js?onload=onLoadCallback';
           var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
         })();
</script>


<script type="text/javascript">

$(document).ready(function(e) {
           var po = document.createElement('script'); po.type = 'text/javascript';
          po.async = true;
           po.src = 'https://apis.google.com/js/client.js?onload=onLoadCallback';
           var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 });

function signupGoogle()
{
  var myParams = {
    'clientid' : '********6936-vg5vrmb58urppmg5lv40hp8p2kn7bhl6.apps.googleusercontent.com',
    'cookiepolicy' : 'single_host_origin',
    'callback' : 'loginCallback',
    'scope' : 'https://www.googleapis.com/auth/plus.login',
    'requestvisibleactions' : 'http://schema.org/AddAction'
  };
  gapi.auth.signIn(myParams);
}

function loginCallback(result)
{
    if(result['status']['signed_in'])
    {
        var request = gapi.client.plus.people.get(
        {
            'userId': 'me'
        });
        request.execute(function (resp)
        {
            var email = '';
            if(resp['emails'])
            {
                for(i = 0; i < resp['emails'].length; i++)
                {
                    if(resp['emails'][i]['type'] == 'account')
                    {
                        email = resp['emails'][i]['value'];
                    }
                }
            }
            var firstName = resp['name'].givenName;
            var LastName = '';
            if(resp['name'].familyName != '' || resp['name'].familyName != 'undefined'){
                LastName = resp['name'].familyName;
            }

            var address = '';
            if(resp['placesLived'])
            {
                address = resp['placesLived'][0].value;
            }
       
            $.ajax({
                  type: "POST",
                  url:  "/api/social/signup-login",
                  data: { firstname: firstName, lastname: LastName, email: email,password:'',signupsource:2,address:address}
            }).done(function( data ) {
                  //console.log(data);
                  location =  '/admin/index/events';
            });
           
        });

    }else {
        // Update the app to reflect a signed out user
        // Possible error values:
        //   "user_signed_out" - User is signed-out
        //   "access_denied" - User denied access to your app
        //   "immediate_failed" - Could not automatically log in the user
        console.log('Sign-in state: ' + result['error']);
      }

}


function onLoadCallback()
{
    gapi.client.setApiKey('AIzaSyDqijwlBuWfkjgF15MQ67fqRzC7CqmTpZ4');
    gapi.client.load('plus', 'v1',function(){});
}
</script>

 <body>
 <button id="login" onclick="signupGoogle()">Login With Google</button>
</body>

View More:-
Login With LinkedIn Using Javascript
Login with facebook using Javascript

Comments

Post a Comment

Popular posts from this blog

Login with facebook using coldfusion

Image
Here is a example. How to make facebooklogin for a website using coldfusion?. Before start you make a account with facebook. Step 1 :  Create a app for your website using facebooklogin.here you can get app_key and secret_key. Step 2: Step 4:  You can see this screen :   Step 5:   After filling UserName and Password a screen show like this...    After click ok the redirect to logininformation:- Output in logininformation.cfm  I hope this is useful for you. if you are facing any problem write us in comment. we are happy to solve that problem.   For more details visit these links : -   http://developers.facebook.com/docs/facebook-login/   //Permissions   http://developers.facebook.com/docs/reference/login/   https://developers.facebook.com/docs/reference/api/user/
Read more

Create CSV file in Coldfusion Using CFFile

Create CSV file in Coldfusion Using CFFile <cfquery name="GetUsers" datasource="TestDB">     SELECT UserID, UserName, Password,Active,     CASE Active         WHEN 1 THEN 'Active'         WHEN 0 THEN 'InActive'         END AS Status     FROM shema_users        </cfquery> <cfset HeaderColumn = "UserID,UserName,Password,Status"> <CFSET FileOutputPath = "C:\ColdFusion10\cfusion\wwwroot\Test\uploads">                            <CFFILE ACTION="Write" FILE="#FileOutputPath#\Users.csv" OUTPUT="#HeaderColumn#" nameconflict="overwrite" addnewline="yes">                     <cfloop query=...
Read more

Get Previous One Day Data in Sql Server

Get Previous One Day Data in Sql Server using convert(), dateadd(), datediff() and getdate() sql functions and between operator. SELECT OrderID , CustomerID , OrderDateTime FROM [ DEMODB ] . [ dbo ] . [ Orders ] WHERE OrderDateTime   BETWEEN CONVERT ( VARCHAR ( 10 ) ,   DATEADD ( DAY , DATEDIFF ( DAY , 0 , GETDATE ( ) ) , - 1 ) , 101 ) + ' ' + '00:00:00' AND CONVERT ( VARCHAR ( 10 ) ,   DATEADD ( DAY , DATEDIFF ( DAY , 0 , GETDATE ( ) ) , - 1 ) , 101 ) + ' ' + '23:59:59'
Read more