parent
de6ba60192
commit
91f1ee606d
@ -0,0 +1,107 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Created by PhpStorm.
|
||||||
|
* User: Administrator
|
||||||
|
* Date: 2018/6/15
|
||||||
|
* Time: 10:00
|
||||||
|
*/
|
||||||
|
|
||||||
|
$html = <<<EOF
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Facebook Login JavaScript Example</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script>
|
||||||
|
// This is called with the results from from FB.getLoginStatus().
|
||||||
|
function statusChangeCallback(response) {
|
||||||
|
console.log('statusChangeCallback');
|
||||||
|
console.log(response);
|
||||||
|
// The response object is returned with a status field that lets the
|
||||||
|
// app know the current login status of the person.
|
||||||
|
// Full docs on the response object can be found in the documentation
|
||||||
|
// for FB.getLoginStatus().
|
||||||
|
if (response.status === 'connected') {
|
||||||
|
// Logged into your app and Facebook.
|
||||||
|
testAPI();
|
||||||
|
} else {
|
||||||
|
// The person is not logged into your app or we are unable to tell.
|
||||||
|
document.getElementById('status').innerHTML = 'Please log ' +
|
||||||
|
'into this app.';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// This function is called when someone finishes with the Login
|
||||||
|
// Button. See the onlogin handler attached to it in the sample
|
||||||
|
// code below.
|
||||||
|
function checkLoginState() {
|
||||||
|
FB.getLoginStatus(function(response) {
|
||||||
|
statusChangeCallback(response);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.fbAsyncInit = function() {
|
||||||
|
FB.init({
|
||||||
|
appId : '176954776322838',
|
||||||
|
cookie : true, // enable cookies to allow the server to access
|
||||||
|
// the session
|
||||||
|
xfbml : true, // parse social plugins on this page
|
||||||
|
version : 'v2.8' // use graph api version 2.8
|
||||||
|
});
|
||||||
|
|
||||||
|
// Now that we've initialized the JavaScript SDK, we call
|
||||||
|
// FB.getLoginStatus(). This function gets the state of the
|
||||||
|
// person visiting this page and can return one of three states to
|
||||||
|
// the callback you provide. They can be:
|
||||||
|
//
|
||||||
|
// 1. Logged into your app ('connected')
|
||||||
|
// 2. Logged into Facebook, but not your app ('not_authorized')
|
||||||
|
// 3. Not logged into Facebook and can't tell if they are logged into
|
||||||
|
// your app or not.
|
||||||
|
//
|
||||||
|
// These three cases are handled in the callback function.
|
||||||
|
|
||||||
|
FB.getLoginStatus(function(response) {
|
||||||
|
statusChangeCallback(response);
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
// Load the SDK asynchronously
|
||||||
|
(function(d, s, id) {
|
||||||
|
var js, fjs = d.getElementsByTagName(s)[0];
|
||||||
|
if (d.getElementById(id)) return;
|
||||||
|
js = d.createElement(s); js.id = id;
|
||||||
|
js.src = "https://connect.facebook.net/en_US/sdk.js";
|
||||||
|
fjs.parentNode.insertBefore(js, fjs);
|
||||||
|
}(document, 'script', 'facebook-jssdk'));
|
||||||
|
|
||||||
|
// Here we run a very simple test of the Graph API after login is
|
||||||
|
// successful. See statusChangeCallback() for when this call is made.
|
||||||
|
function testAPI() {
|
||||||
|
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>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
Below we include the Login Button social plugin. This button uses
|
||||||
|
the JavaScript SDK to present a graphical Login button that triggers
|
||||||
|
the FB.login() function when clicked.
|
||||||
|
-->
|
||||||
|
|
||||||
|
<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
|
||||||
|
</fb:login-button>
|
||||||
|
|
||||||
|
<div id="status">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
EOF;
|
||||||
@ -0,0 +1,97 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Facebook Login JavaScript Example</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script>
|
||||||
|
// This is called with the results from from FB.getLoginStatus().
|
||||||
|
function statusChangeCallback(response) {
|
||||||
|
console.log('statusChangeCallback');
|
||||||
|
console.log(response);
|
||||||
|
// The response object is returned with a status field that lets the
|
||||||
|
// app know the current login status of the person.
|
||||||
|
// Full docs on the response object can be found in the documentation
|
||||||
|
// for FB.getLoginStatus().
|
||||||
|
if (response.status === 'connected') {
|
||||||
|
// Logged into your app and Facebook.
|
||||||
|
testAPI();
|
||||||
|
} else {
|
||||||
|
// The person is not logged into your app or we are unable to tell.
|
||||||
|
document.getElementById('status').innerHTML = 'Please log ' +
|
||||||
|
'into this app.';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// This function is called when someone finishes with the Login
|
||||||
|
// Button. See the onlogin handler attached to it in the sample
|
||||||
|
// code below.
|
||||||
|
function checkLoginState() {
|
||||||
|
FB.getLoginStatus(function(response) {
|
||||||
|
statusChangeCallback(response);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.fbAsyncInit = function() {
|
||||||
|
FB.init({
|
||||||
|
appId : '176954776322838',
|
||||||
|
cookie : true, // enable cookies to allow the server to access
|
||||||
|
// the session
|
||||||
|
xfbml : true, // parse social plugins on this page
|
||||||
|
version : 'v2.8' // use graph api version 2.8
|
||||||
|
});
|
||||||
|
|
||||||
|
// Now that we've initialized the JavaScript SDK, we call
|
||||||
|
// FB.getLoginStatus(). This function gets the state of the
|
||||||
|
// person visiting this page and can return one of three states to
|
||||||
|
// the callback you provide. They can be:
|
||||||
|
//
|
||||||
|
// 1. Logged into your app ('connected')
|
||||||
|
// 2. Logged into Facebook, but not your app ('not_authorized')
|
||||||
|
// 3. Not logged into Facebook and can't tell if they are logged into
|
||||||
|
// your app or not.
|
||||||
|
//
|
||||||
|
// These three cases are handled in the callback function.
|
||||||
|
|
||||||
|
FB.getLoginStatus(function(response) {
|
||||||
|
statusChangeCallback(response);
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
// Load the SDK asynchronously
|
||||||
|
(function(d, s, id) {
|
||||||
|
var js, fjs = d.getElementsByTagName(s)[0];
|
||||||
|
if (d.getElementById(id)) return;
|
||||||
|
js = d.createElement(s); js.id = id;
|
||||||
|
js.src = "https://connect.facebook.net/en_US/sdk.js";
|
||||||
|
fjs.parentNode.insertBefore(js, fjs);
|
||||||
|
}(document, 'script', 'facebook-jssdk'));
|
||||||
|
|
||||||
|
// Here we run a very simple test of the Graph API after login is
|
||||||
|
// successful. See statusChangeCallback() for when this call is made.
|
||||||
|
function testAPI() {
|
||||||
|
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>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
Below we include the Login Button social plugin. This button uses
|
||||||
|
the JavaScript SDK to present a graphical Login button that triggers
|
||||||
|
the FB.login() function when clicked.
|
||||||
|
-->
|
||||||
|
|
||||||
|
<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
|
||||||
|
</fb:login-button>
|
||||||
|
|
||||||
|
<div id="status">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue