กำหนด รายละเอียด การใช้งาน facebook login button เพิ่มเติม
20 March 2011การกำหนด permission
เมื่อเราต้องการกำหนด permission เพิ่มเพื่อร้องขอไปยังผู้ใช้ facebook ที่กำลังล็อกอิน ว่า
จะอนุญาต ให้ app id นี้สามารถเข้าไปใช้งานข้อมูลใดๆ บ้างของผู้ที่กำลังล็อกอิน ทำได้โดยการกำหนด
attribute ชื่อ perms เข้าไปใน แท้ก fb:login-button ตัวอย่าง
<fb:login-button perms="email,publish_stream" onlogin="window.location='index.php'"> </fb:login-button>
จากตัวอย่าง perms="email,publish_stream" คือ ร้องขอไปยังผู้ใช้ facebook ที่กำลังล็อกอิน ว่าต้องการ
ได้รับอนุญาตจากผู้ใช้ ในการเข้าถึงข้อมูลอีเมลล์ และสามารถโพสข้อความไปที่หน้า profile ของผู้ใช้
ข้อมูลอ้างอิง สำหรับการกำหนด permission เพิ่มเติม สามารถเข้าไปดูได้ที่
http://developers.facebook.com/docs/authentication/permissions/
การแสดงรูป และชื่อผู้ล็อกอิน
การแสดงรูป และชื่อผู้ล็อกอิน สามารถกำหนด attribute ชื่อ show-faces
เข้าไปใน แท้ก fb:login-button ตัวอย่าง
<fb:login-button perms="email,publish_stream" show-faces="yes" onlogin="window.location='index.php'"> </fb:login-button>
การแสดงปุ่ม ล็อกอิน โดยขณะที่ล็อกอินอยู่ ให้แสดงเป็น ปุ่มสำหรับ ล็อกเอาท์ อัตโนมัติ
เราสามารถใช้รูปแบบปุ่ม ล็อกอิน ได้ดังนี้
<fb:login-button perms="email,publish_stream" autologoutlink="true" onlogin="window.location='index.php'"> </fb:login-button>
ประยุกต์ การสร้างปุ่มล็อกอิน ที่เปลี่ยนเป็นปุ่ม ล็อกเอาท์ อัตโนมัติ เมื่อ ล็อกอิน อยู่
พร้อมแสดงรูปภาพ และชื่อผู้ใช้
<div style="width:200px;text-align:center;">
<?php
if(isset($_COOKIE['fbs_xxxxxxxx'])){ /// xxxxxxxx คือ app id เช่น app id = 123456789 ก็จะได้เป็น fbs_123456789
?>
<fb:login-button show-faces="yes"></fb:login-button>
<br />
<br />
<?php } ?>
<fb:login-button
perms="email,read_stream,user_checkins"
autologoutlink="true" onlogin="window.location='facebook_js_sdk_02.php'">
</fb:login-button>
</div>
ตัวอย่างโค้ดทดสอบ ใช้งานร่วม JavaScript SDK
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div style="width:200px;text-align:center;">
<?php
if(isset($_COOKIE['fbs_xxxxxxxx'])){ /// xxxxxxxx คือ app id เช่น app id = 123456789 ก็จะได้เป็น fbs_123456789
?>
<fb:login-button show-faces="yes"></fb:login-button>
<br />
<br />
<?php } ?>
<fb:login-button
perms="email,read_stream,user_checkins"
autologoutlink="true" onlogin="window.location='facebook_js_sdk_02.php'">
</fb:login-button>
</div>
<div id="fb-root"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID', // ใส่ APP ID
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<script type="text/javascript">
$(function(){
// jQuery code
});
</script>
</body>
</html>
บทความในหมวดที่่น่าสนใจ อื่นๆ
บทความคนเข้าอ่านวันนี้
03 Sep 10 จัดรูปแบบ url ลิ้งค์ link ด้วย เทคนิค php ได้อย่างง่าย อ่าน 2537 29 Mar 09 ทบทวนการตัดข้อความด้วย PHP อ่าน 3920 04 Oct 10 รู้จัก และใช้งาน php sdk สำหรับ facebook เพิ่มขึ้น อ่าน 2980 04 Oct 08 SQL คืออะไร อ่าน 7631 23 Nov 08 สร้างเมนูแท็บ Tab menu ด้วย jQuery + CSS อย่างง่าย อ่าน 25071 30 Oct 09 ฟังก์ชัน PHP แปลงตัวเลขอาราบิก เป็น ตัวเลขไทย อย่างง่าย อ่าน 1217 26 Jan 12 แสดง icons กำหนดรูปเอง ให้จุดเริ่มเต้น และสิ้นสุดของเส้นทาง ใน google map อย่างง่าย อ่าน 553 08 Oct 08 การกำหนดสี scrollbar ของ textarea อ่าน 3305 13 Oct 08 คำสั่ง SQL WHERE อ่าน 3557 08 Feb 12 Google map API v.3 กับ jQuery ลากจุดหา ชื่อตำแหน่ง และ พิกัด ค่า latitude longitude อ่าน 322 14 Feb 09 คำนวณหาอายุ จากวันเกิด ด้วย php อ่าน 4650 23 Mar 11 เทคนิค หน่วงเวลา กับ event keyup ด้วย jQuery อ่าน 1820 31 Jul 10 javascript เรียกฟังก์ชัน ใน parent จาก iframe อ่าน 2818 24 Feb 11 ยืนยันการเปลี่ยนแปลงข้อมูลใน select option ด้วย javascript อย่างง่าย อ่าน 1797 04 Nov 09 ประยุกต์สร้าง pdf ไฟล์ จาก tcpdf class ด้วย php รองรับภาษาไทย อ่าน 5408 05 Oct 10 สร้าง login logout และกำหนด permission ของ facebook ด้วย php sdk อ่าน 5847 15 Mar 11 ทบทวน JavaScript SDK ของ facebook อ่าน 1590 25 Mar 11 สร้างรูปแบบ วันที่ คล้าย วันที่ใน facebook comment ด้วย php อย่างง่าย อ่าน 2839 18 Oct 08 สร้างเมนูแนวนอน ด้วย CSS ไม่ต้องใช้ตารางอย่างง่าย อ่าน 4265 26 Mar 09 แสดงข้อความบนรูปภาพพื้นหลังสีจางด้วย CSS และ jQuery อ่าน 5081