1

誰かがこれで私を助けることができれば、それは素晴らしいことです.

PHP でサイト (ww.xyz.com) を開発しており、このサイトのインデックス ページに [Facebook でログイン] ボタンを正常に統合しました。私はそれをテストしましたが、正常に動作しています。

このサイトには、「Facebook でログイン」ボタンとは別に、登録済みのユーザーがこのサイトにログインできる独自のログイン フォームもあります。ユーザーがこのログイン フォーム (Facebook オプションでのログインではない) からログインすると、セッションが開始され、ユーザーのプロファイルの詳細 (名、姓、電子メール アドレスなど) が表示される別のページが表示されます。

「Facebookでログイン」ボタンを使用して、同様の機能を実行したいと考えています。ユーザーがFacebookアカウントを介して認証されると、次の2つのステップが発生するはずです。

ステップ 1. ユーザーが適切なセッションを開いて Web サイトのログイン フォームからログインした場合と同じページに移動する必要があります。このページには、ユーザーのデータ (写真、名、姓など) が表示されます。ステップ

ステップ 2. facebook connect から送信されたこのデータ (写真、名前、姓など) を収集し、MYSQL データベースに保存します。

参考までに、index.html ページのコードを以下に示します。

<html xmlns="http://www.w3.org/1999/xhtml"   
xmlns:fb="http://www.facebook.com/2008/fbml">
<!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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>XYZ Index</title>
<style type="text/css">
<!--
.ptour_crtbtn { BORDER-BOTTOM: #ccc 1px outset; MIN-WIDTH: 100px; TEXT-   
ALIGN:       center; BORDER-LEFT: #ccc 1px outset; PADDING-BOTTOM: 4px; PADDING-LEFT:  
2px; PADDING-RIGHT: 2px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: 
#fff; BORDER-TOP: #ccc 1px outset; CURSOR: pointer; BORDER-RIGHT: #ccc 1px outset; 
PADDING-TOP: 5px; -moz-border-radius: 7px; -webkit-border-radius: 7px
}
.style1 {color: #0000FF}

#content {  BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-  
BOTTOM: 12px; BACKGROUND-COLOR: #fff; MARGIN: 0px auto; PADDING-LEFT: 20px; WIDTH: 
350px; PADDING-RIGHT: 20px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; 
PADDING-TOP: 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px
}
.style3 {color: #0000FF; font-weight: bold; }
.style5 {
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style7 {color: #0000FF; font-family: Geneva, Arial, Helvetica, sans-serif; }
.style8 {font-family: Geneva, Arial, Helvetica, sans-serif}
-->
</style>
</head>

<body>
<p><img src="./images/header.JPG" width="1266" height="127" alt="header" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="content">
<h1 class="style1">Login Form:</h1>
<form method="post" action="Login.php">
<p>
<label style="DISPLAY: block"><span class="style3">Email:</span></label>
<input class="text" 
name="username" />
</p>
<p>
<label style="DISPLAY: block"><span class="style3">Password:</span></label>
<input class="text" 
type="password" name="password" />
'</p>
<p><a href="http://dl.dropbox.com/u/7106563/r-ednalan/login_form.html#">Forgot 
password?</a></p>
<p>
<button class="ptour_crtbtn" name="login" type="submit"><span    
class="style1"><strong>Talk</strong></span><strong>i</strong>n</button>
</p>
<pre><span class="style5">OR</span><span class="style8"><script 
src="http://connect.facebook.net/en_US/all.js"></script><script>
 FB.init({ 
    appId:'XXXXX', 
    cookie:true, 
    status:true, 
    xfbml:true 
 });
  </script></span>

  <fb:login-button onlogin="alert('Authenticated!');"><div align="left">Login with   
  Facebook</div></fb:login-button></p>

  </p>
  </pre>
  </form>



  </body>
  </html>
4

0 に答える 0