|
|
@@ -31,58 +31,60 @@
|
|
|
|
|
|
<body id="top">
|
|
|
<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.';
|
|
|
- $('#status').html('FB登入按扭(開發中)，請勿點擊');
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-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 : '1388696554848391',
|
|
|
- cookie : true, // Enable cookies to allow the server to access the session.
|
|
|
- xfbml : true, // Parse social plugins on this webpage.
|
|
|
- version : 'v11.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.
|
|
|
- FB.api('/me/?fields=id,name,email', function(response) {
|
|
|
- console.log('FB API回傳資料: ' + JSON.stringify(response));
|
|
|
- console.log('成功登入: ' + response.name + ', email = ' + response.email + ', id = ' + response.id);
|
|
|
-
|
|
|
- if (response.id) {
|
|
|
- console.log('response.id = ' + response.id);
|
|
|
-
|
|
|
- // 設定欄位預設值
|
|
|
- console.log('response.email = ' + response.email);
|
|
|
- $('#email').html(response.email);
|
|
|
- console.log('response.name = ' + response.name);
|
|
|
- $('#name').html(response.name);
|
|
|
-
|
|
|
- console.log('隱藏FB登入按鈕');
|
|
|
-
|
|
|
- // 隱藏FB登入按鈕
|
|
|
- $('#fb_login').hide();
|
|
|
+$(document).ready(function(){
|
|
|
+ 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.';
|
|
|
+ $('#status').html('FB登入按扭(開發中)，請勿點擊');
|
|
|
}
|
|
|
- });
|
|
|
-};
|
|
|
+ }
|
|
|
+
|
|
|
+ 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 : '1388696554848391',
|
|
|
+ cookie : true, // Enable cookies to allow the server to access the session.
|
|
|
+ xfbml : true, // Parse social plugins on this webpage.
|
|
|
+ version : 'v11.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.
|
|
|
+ FB.api('/me/?fields=id,name,email', function(response) {
|
|
|
+ console.log('FB API回傳資料: ' + JSON.stringify(response));
|
|
|
+ console.log('成功登入: ' + response.name + ', email = ' + response.email + ', id = ' + response.id);
|
|
|
+
|
|
|
+ if (response.id) {
|
|
|
+ console.log('response.id = ' + response.id);
|
|
|
+
|
|
|
+ // 設定欄位預設值
|
|
|
+ console.log('response.email = ' + response.email);
|
|
|
+ $('#email').html(response.email);
|
|
|
+ console.log('response.name = ' + response.name);
|
|
|
+ $('#name').html(response.name);
|
|
|
+
|
|
|
+ console.log('隱藏FB登入按鈕');
|
|
|
+
|
|
|
+ // 隱藏FB登入按鈕
|
|
|
+ $('#fb_login').hide();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ };
|
|
|
+});
|
|
|
</script>
|
|
|
|
|
|
<div class="container-fluid" style="padding:0;margin:0 ">
|
