ช่วยสอนวิธีการlogin เว็บด้วยfacebook ด้วยครับ

v5300 · 20 เมษายน 2011, 00:54:54

ผมดูมาหลายที่แระครับ แต่ไม่ค่อยเข้าใจสักที พี่ๆเทพๆๆ ช่วยสอนหน่อยครับ ผมอยากเห็นcode แค่นั้นเองครับ ช่วยหน่อยครับ

v5300 · 20 เมษายน 2011, 00:55:54

อันนี้เว็บผมครับ http://www.chang-tech.co.cc

kokarat · 20 เมษายน 2011, 00:59:35

โค้ด เลือก

 <html>
    <head>
      <title>My Facebook Login Page</title>
    </head>
    <body>
      <div id="fb-root"></div>
      <script src="http://connect.facebook.net/en_US/all.js"></script>
      <script>
         FB.init({ 
            appId:'YOUR_APP_ID', cookie:true, 
            status:true, xfbml:true 
         });
      </script>
      <fb:login-button>Login with Facebook</fb:login-button>
    </body>
 </html>

v5300 · 20 เมษายน 2011, 01:41:03

อ้างถึงจาก: v5300 ใน 20 เมษายน 2011, 00:55:54
อันนี้เว็บผมครับ http://www.chang-tech.co.cc

ผมลองใช้แระครับพอกดแล้วมันerror

v5300 · 20 เมษายน 2011, 01:41:54

อ้างถึงจาก: v5300 ใน 20 เมษายน 2011, 00:55:54
อันนี้เว็บผมครับ http://www.chang-tech.co.cc

ผมลองใช้แระครับพอกดแล้วมันerror

v5300 · 20 เมษายน 2011, 01:46:17

อ้างถึงจาก: kokarat ใน 20 เมษายน 2011, 00:59:35
โค้ด เลือก ขยาย
<html> <head> <title>My Facebook Login Page</title> </head> <body> <div id="fb-root"></div> <script src="http://connect.facebook.net/en_US/all.js"></script> <script> FB.init({ appId:'YOUR_APP_ID', cookie:true, status:true, xfbml:true }); </script> <fb:login-button>Login with Facebook</fb:login-button> </body> </html>

ผมเคยทำแล้วครับมันerror ไม่ทราบว่ามีการเขียนcode มารับหรือปล่าวครับ

kokarat · 20 เมษายน 2011, 02:22:39

ผมพัฒนาระบบพวกนี้อยู๋ครับ

v5300 · 20 เมษายน 2011, 04:16:34

อ้างถึงจาก: kokarat ใน 20 เมษายน 2011, 02:22:39
ผมพัฒนาระบบพวกนี้อยู๋ครับ

ต้องเซ็ทอะไรเพิ่มหรือเปล่าครับ อยากเห็นตัวอย่าง

Tee++; · 20 เมษายน 2011, 11:10:47

OSCOOL.com แบบนี้ ?

ถ้าใช่จะได้อธิบายถูก

bonshington · 20 เมษายน 2011, 12:17:54

จะเอาข้อมูล user ด้วยรึเปล่า? ถ้าแค่ login เฉยๆ ปุ่ม login ไม่น่ายาก แต่ว่า ถ้าจะเอาลึกกว่านั้น แนะนำพวก openID

lucationjj · 20 เมษายน 2011, 12:19:56

CSS+Jquery แค่นี้แหละก็ทำได้แล้ว

itong · 20 เมษายน 2011, 12:23:22

หมายถึง สมัคร user ด้วย acc facebook รึเปล่าครับ ใช้ fb acc ล๊อกอินเข้าเวบเราได้เลย อย่างงี้รึเปล่า
หรือแค่ เอาปุ่ม ล๊อกอินเข้า fb acc มาแปะเวบเรา เพื่อให้กด like และ คอมเม้นต์ได้ ?

อ่านแล้วมันก้ำกึ่งน่ะครับ

okhost · 20 เมษายน 2011, 12:24:58

ถ้าเว็บที่ทำเป็น wordpress ก็ลองดูอันนี้ครับ น่าจะได้

http://wordpress.org/extend/plugins/simple-facebook-connect/screenshots/

ถ้า joomla 1ลองดูในนี้ครับ

http://www.insidefacebook.com/2009/08/18/16-best-facebook-connect-plugins-for-your-blog-forum-wiki-or-cms/

lucationjj · 20 เมษายน 2011, 12:27:32

เอ่อ ถ้าผมเข้าใจไม่ผิด จขกท. อยากจะทำ ระบบแบบฟอร์ม login เหมือน facebook ใช่ไหม

v5300 · 21 เมษายน 2011, 00:46:26

อ้างถึงจาก: Tee++; ใน 20 เมษายน 2011, 11:10:47
OSCOOL.com แบบนี้ ?

ถ้าใช่จะได้อธิบายถูก

ใช่ครับ อย่างนี้เลยที่ผมต้องการ

อ้างถึงจาก: okhost ใน 20 เมษายน 2011, 12:24:58
ถ้าเว็บที่ทำเป็น wordpress ก็ลองดูอันนี้ครับ น่าจะได้

http://wordpress.org/extend/plugins/simple-facebook-connect/screenshots/

ถ้า joomla 1ลองดูในนี้ครับ

http://www.insidefacebook.com/2009/08/18/16-best-facebook-connect-plugins-for-your-blog-forum-wiki-or-cms/

เว็บผมทำด้วยjoomlaครับ ส่วนพวกปลักอินพวกนี้ แต่ล่ะอันมันไม่ฟรีครับ ผมใช้jconnectที่ฟรีอันเดียวครับ แต่พอกดconnect ปั๊บloginได้5วิ ครับ

อ้างถึงจาก: itong ใน 20 เมษายน 2011, 12:23:22
หมายถึง สมัคร user ด้วย acc facebook รึเปล่าครับ ใช้ fb acc ล๊อกอินเข้าเวบเราได้เลย อย่างงี้รึเปล่า
หรือแค่ เอาปุ่ม ล๊อกอินเข้า fb acc มาแปะเวบเรา เพื่อให้กด like และ คอมเม้นต์ได้ ?

อ่านแล้วมันก้ำกึ่งน่ะครับ

ใช้ fb acc ล๊อกอินเข้าเวบเราได้เลยครับ แค่นี้เอง

ohmohm · 21 เมษายน 2011, 19:38:30

https://github.com/facebook/php-sdk/

v5300 · 22 เมษายน 2011, 01:39:50

อ้างถึงจาก: ohmohm ใน 21 เมษายน 2011, 19:38:30
https://github.com/facebook/php-sdk/

ขอบคุณครับ แต่ผมไม่รู้จะเอาcode มันไปวางไว้ไหนบ้าง พอจะอธิบายได้ไหมครับ

HaHaHaHa · 22 เมษายน 2011, 01:58:13

อ้างถึงจาก: Tee++; ใน 20 เมษายน 2011, 11:10:47
OSCOOL.com แบบนี้ ?

ถ้าใช่จะได้อธิบายถูก

ผมอยากรู้วิธีทำแบบนี้อะครับพอช่วยอธิบายให้ได้ป่าวครับ

Tee++; · 22 เมษายน 2011, 10:17:47

วิธีการทำ login แบบนี้เริ่มต้นก็ต้องออกแบบฐานข้อมูลก่อนครับ โดยมี ตาราง open_ids เพิ่มขึ้นมา โดยมีฟิลด์ที่เก็บประมาณนี้

user_id (ของเว็บเราเอง)
service (twitter, facebook, google)
uid (id ของเว็บที่จะเป็นตัว login เรา)
access_token (token ที่ได้รับมาหลังจาก login)
dump (serialize data ทุกอย่างที่ปลายทางคืนมา)

พอมี table นี้แล้ว ทีนี้เราจะทำให้เว็บเรา login กับอะไรก็ได้ ที่เรา implement

Concept ของ facebook, twitter จะเป็นเหมือนกันคือใช้ oAuth แต่ detail ยังมีความต่างกันนิดนึง

Facebook นั้น หลังจากที่เราสร้าง ปุ่ม connect แล้ว เวลากดมันจะเป็น popup (หรือจะทำ direct ก็ได้) พอหลังจากที่เรา login cookie จะถูก sync มาที่ domain เราด้วย (ไปตั้งที่ developer ของ facebook)

พอ user login ผ่านมาได้ เราก็เอามาเช็คใน table open_ids ของเรานี่แหละครับ เพราะเค้าจะคืน uid มา

WHERE service='twitter' AND uid='[ค่าที่ได้คืนมา]'

โดยที่เราจะเอาค่า user_id set เข้าไปให้ เหมือนกับ login ตามปกติ เท่านี้ก็เรียบร้อยแล้วครับ

ส่วนวิธีการ implement ผมให้ link ไปดูข้อมูลต่อนะครับ อธิบายถึงขั้นโคดไม่ทันครับ ไม่มีเวลาพอ ขอโทษที

ตัวอย่างโคดที่ผมใช้งาน

โค้ด เลือก

if (typeof next_url == 'undefined') {
	next_url =  "<?php echo (isset($_GET['next_url'])) ? $_GET['next_url'] : site_url('dashboard', true); ?>";
}

/** Integrate Facebook Connect **/
window.fbAsyncInit = function() {
	FB.init({
		appId : '<?php echo $appId; ?>',
		session : <?php echo json_encode($session); ?>,
		status : true,
		cookie : true,
		xfbml : true
	});
};

(function() {
	var e = document.createElement('script');
	e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
	e.async = true;
	document.getElementById('fb-root').appendChild(e);
}());

$('#fb-login, #fb-signup, #fb-signup-full').bind('click', function() {
	FB.login(handleSessionResponse, { perms: 'offline_access,email,user_birthday,publish_stream,user_about_me' });
});

function handleSessionResponse(rs) {
	if (rs.session && rs.status == 'connected') {
		$.get("<?php echo site_url('connect/facebook/action', true); ?>", function(uid) {
			if (uid) {
				location.href = next_url;
			} else {
				location.href= "<?php echo site_url('signup/facebook', true); ?>";
			}
		});
	}
}

ส่วน link นี้เป็นส่วนการใช้งาน graph api ที่จะเอาพวกค่าต่างๆ มาเก็บ
http://thinkdiff.net/facebook/php-sdk-graph-api-base-facebook-connect-tutorial/

http://developers.facebook.com/docs/plugins/registration/
http://www.jquerytips.com/blogs/view/1126

HaHaHaHa · 22 เมษายน 2011, 18:55:37

ขอบคุณครับ 69>70