Spaces:

jonathanjordan21
/

facebook-test-login

Running

App Files Files Community

facebook-test-login / index.html

jonathanjordan21

Update index.html

ac55392 verified over 1 year ago

raw

history blame contribute delete

2.56 kB

	<!DOCTYPE html>
	<html>
	<head>
	<title>Facebook Login JavaScript Example</title>
	<meta charset="UTF-8">
	</head>
	<body>
	HEY
	<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);
	});
	console.log("TEST 123");
	FB.login(function(response) {
	// handle the response
	console.log("HURRRAY SUCCESS!!");
	}, {scope: 'public_profile,email'});
	}
	window.fbAsyncInit = function() {
	FB.init({
	appId : '1066512588151225',
	cookie : true, // Enable cookies to allow the server to access the session.
	xfbml : true, // Parse social plugins on this webpage.
	version : 'v21.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();"
	config_id="1262271834866947">
	</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> -->
	<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v21.0&appId=1066512588151225"></script>

	</body>
	</html>