ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingช่วยสอนวิธีการlogin เว็บด้วยfacebook ด้วยครับ
หน้า: [1] 2  ทั้งหมด   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ช่วยสอนวิธีการlogin เว็บด้วยfacebook ด้วยครับ  (อ่าน 12650 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
v5300
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 71



ดูรายละเอียด
« เมื่อ: 20 เมษายน 2011, 00:54:54 »

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

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 71



ดูรายละเอียด
« ตอบ #1 เมื่อ: 20 เมษายน 2011, 00:55:54 »

อันนี้เว็บผมครับ http://www.chang-tech.co.cc
บันทึกการเข้า
kokarat
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 121
ออฟไลน์ ออฟไลน์

กระทู้: 853



ดูรายละเอียด
« ตอบ #2 เมื่อ: 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
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 71



ดูรายละเอียด
« ตอบ #3 เมื่อ: 20 เมษายน 2011, 01:41:03 »

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

ผมลองใช้แระครับพอกดแล้วมันerror
บันทึกการเข้า
v5300
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 71



ดูรายละเอียด
« ตอบ #4 เมื่อ: 20 เมษายน 2011, 01:41:54 »

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

ผมลองใช้แระครับพอกดแล้วมันerror
บันทึกการเข้า
v5300
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 71



ดูรายละเอียด
« ตอบ #5 เมื่อ: 20 เมษายน 2011, 01:46:17 »

โค๊ด:
<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
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 121
ออฟไลน์ ออฟไลน์

กระทู้: 853



ดูรายละเอียด
« ตอบ #6 เมื่อ: 20 เมษายน 2011, 02:22:39 »

ผมพัฒนาระบบพวกนี้อยู๋ครับ
บันทึกการเข้า
v5300
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 71



ดูรายละเอียด
« ตอบ #7 เมื่อ: 20 เมษายน 2011, 04:16:34 »

ผมพัฒนาระบบพวกนี้อยู๋ครับ
ต้องเซ็ทอะไรเพิ่มหรือเปล่าครับ อยากเห็นตัวอย่าง
บันทึกการเข้า
Tee++;
โปรแกรมเมอร์ จอหงวน
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 79
ออฟไลน์ ออฟไลน์

กระทู้: 1,861



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 20 เมษายน 2011, 11:10:47 »

OSCOOL.com แบบนี้ ?

ถ้าใช่จะได้อธิบายถูก
บันทึกการเข้า

bonshington
ก๊วนเสียว
*

พลังน้ำใจ: 47
ออฟไลน์ ออฟไลน์

กระทู้: 376



ดูรายละเอียด
« ตอบ #9 เมื่อ: 20 เมษายน 2011, 12:17:54 »

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

พลังน้ำใจ: 46
ออฟไลน์ ออฟไลน์

กระทู้: 888



ดูรายละเอียด
« ตอบ #10 เมื่อ: 20 เมษายน 2011, 12:19:56 »

CSS+Jquery แค่นี้แหละก็ทำได้แล้ว  Tongue
บันทึกการเข้า


วันนี้มี ไม่มีบล็อก index แล้ว
itong
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 181
ออฟไลน์ ออฟไลน์

กระทู้: 1,363



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 20 เมษายน 2011, 12:23:22 »

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

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

กลับมาแระ ไม่ได้เข้าบอร์ดมาเป็นปี หาอะไรอ่านเล่นสักพักละกันโนะ
HostGator เดือนแรก 0.01$ code: thaizon1cent จ่ายรายปีใช้ thaizon25per ลด 25% จ้า  สมัครโฮสเกเตอร์
okhost
ก๊วนเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 268



ดูรายละเอียด
« ตอบ #12 เมื่อ: 20 เมษายน 2011, 12:24:58 »

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

http://wordpress.org/extend/pl...-facebook-connect/screenshots/

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

http://www.insidefacebook.com/...r-your-blog-forum-wiki-or-cms/
« แก้ไขครั้งสุดท้าย: 20 เมษายน 2011, 12:26:55 โดย okhost » บันทึกการเข้า

lucationjj
สมุนแก๊งเสียว
*

พลังน้ำใจ: 46
ออฟไลน์ ออฟไลน์

กระทู้: 888



ดูรายละเอียด
« ตอบ #13 เมื่อ: 20 เมษายน 2011, 12:27:32 »

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


วันนี้มี ไม่มีบล็อก index แล้ว
v5300
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 71



ดูรายละเอียด
« ตอบ #14 เมื่อ: 21 เมษายน 2011, 00:46:26 »

OSCOOL.com แบบนี้ ?

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

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

http://wordpress.org/extend/pl...-facebook-connect/screenshots/

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

http://www.insidefacebook.com/...r-your-blog-forum-wiki-or-cms/

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

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

ใช้ fb acc ล๊อกอินเข้าเวบเราได้เลยครับ แค่นี้เอง
บันทึกการเข้า
ohmohm
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 170
ออฟไลน์ ออฟไลน์

กระทู้: 3,099



ดูรายละเอียด เว็บไซต์
« ตอบ #15 เมื่อ: 21 เมษายน 2011, 19:38:30 »

https://github.com/facebook/php-sdk/
บันทึกการเข้า
v5300
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 71



ดูรายละเอียด
« ตอบ #16 เมื่อ: 22 เมษายน 2011, 01:39:50 »


ขอบคุณครับ แต่ผมไม่รู้จะเอาcode มันไปวางไว้ไหนบ้าง พอจะอธิบายได้ไหมครับ
บันทึกการเข้า
HaHaHaHa
ก๊วนเสียว
*

พลังน้ำใจ: 15
ออฟไลน์ ออฟไลน์

กระทู้: 420



ดูรายละเอียด
« ตอบ #17 เมื่อ: 22 เมษายน 2011, 01:58:13 »

OSCOOL.com แบบนี้ ?

ถ้าใช่จะได้อธิบายถูก
ผมอยากรู้วิธีทำแบบนี้อะครับพอช่วยอธิบายให้ได้ป่าวครับ
บันทึกการเข้า
Tee++;
โปรแกรมเมอร์ จอหงวน
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 79
ออฟไลน์ ออฟไลน์

กระทู้: 1,861



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 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[&#39;next_url&#39;])) ? $_GET[&#39;next_url&#39;] : site_url(&#39;dashboard&#39;, 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(&#39;connect/facebook/action&#39;, true); ?>", function(uid) {
if (uid) {
location.href = next_url;
} else {
location.href= "<?php echo site_url(&#39;signup/facebook&#39;, true); ?>";
}
});
}
}

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


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

บันทึกการเข้า

HaHaHaHa
ก๊วนเสียว
*

พลังน้ำใจ: 15
ออฟไลน์ ออฟไลน์

กระทู้: 420



ดูรายละเอียด
« ตอบ #19 เมื่อ: 22 เมษายน 2011, 18:55:37 »

ขอบคุณครับ 69>70
บันทึกการเข้า
หน้า: [1] 2  ทั้งหมด   ขึ้นบน
พิมพ์