-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
306 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,66 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>Facebook Login JavaScript Example</title> | ||
<meta charset="UTF-8"> | ||
</head> | ||
<body> | ||
<script> | ||
|
||
function statusChangeCallback(response) { // Called with the results from FB.getLoginStatus(). | ||
console.log('statusChangeCallback'); | ||
console.log(response); // The current login status of the person. | ||
if (response.status === 'connected') { // Logged into your webpage and Facebook. | ||
testAPI(); | ||
} else { // Not logged into your webpage or we are unable to tell. | ||
document.getElementById('status').innerHTML = 'Please log ' + | ||
'into this webpage.'; | ||
} | ||
} | ||
|
||
|
||
function checkLoginState() { // Called when a person is finished with the Login Button. | ||
FB.getLoginStatus(function(response) { // See the onlogin handler | ||
statusChangeCallback(response); | ||
}); | ||
} | ||
|
||
|
||
window.fbAsyncInit = function() { | ||
FB.init({ | ||
appId : '895671017484103', | ||
cookie : true, // Enable cookies to allow the server to access the session. | ||
xfbml : true, // Parse social plugins on this webpage. | ||
version : 'v7.0' // Use this Graph API version for this call. | ||
}); | ||
|
||
|
||
FB.getLoginStatus(function(response) { // Called after the JS SDK has been initialized. | ||
statusChangeCallback(response); // Returns the login status. | ||
}); | ||
}; | ||
|
||
function testAPI() { // Testing Graph API after login. See statusChangeCallback() for when this call is made. | ||
console.log('Welcome! Fetching your information.... '); | ||
FB.api('/me', function(response) { | ||
console.log('Successful login for: ' + response.name); | ||
document.getElementById('status').innerHTML = | ||
'Thanks for logging in, ' + response.name + '!'; | ||
}); | ||
} | ||
|
||
</script> | ||
|
||
|
||
<!-- The JS SDK Login Button --> | ||
|
||
<fb:login-button scope="public_profile,email" onlogin="checkLoginState();"> | ||
</fb:login-button> | ||
|
||
<div id="status"> | ||
</div> | ||
|
||
<!-- Load the JS SDK asynchronously --> | ||
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> | ||
</body> | ||
</html> |