oauthio-sample

by ringcaptcha

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.rawgit.com/oauth-io/oauth-js/c5af4519/dist/oauth.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.12.0/bootstrap-social.min.css">
<a id="github-button" class="btn btn-block btn-social btn-github">
  <i class="fa fa-github"></i> Sign in with GitHub
</a>

JavaScript

$('document').ready(function(e) {
  // Initialize with your OAuth.io app public key
  OAuth.initialize('HwAr2OtSxRgEEnO2-JnYjsuA3tc');

  $('#github-button').on('click', function(event) {
    alert('You click on \'Sign in with Github\',\n \"Redirect to Github triggered\"');

    // Use redirect for OAuth
	OAuth.redirect('github', 'https://try.oauth.io/redirect_test');
  });
  OAuth.callback('github').done(function(github) {
    alert('Callback from Github happened!!\nGot access token for user');
    console.log('github token:', github);
    github.me().then(data => {
      console.log('me data:', data);
      alert('Call GitHub with access token to retrieve username\n Your name is:' + data.name + ".\n#me() is useful method\nView browser 'Console Log' for more details");
    });
  });
});