0

twitteroauth.php を使用して、twitter api を使用して自分の Web サイトにログイン機能を追加しています。

それは正常に動作します。しかし、jQuery と AJAX を使用して同じことを実装して、ページが戻ったときに更新されないようにしたいと考えています。

以下は私のコードです

<?php
require("twitter/twitteroauth.php");
require 'config/twconfig.php';
session_start();

$twitteroauth = new TwitterOAuth(YOUR_CONSUMER_KEY, YOUR_CONSUMER_SECRET);
// Requesting authentication tokens, the parameter is the URL we will be redirected to
$request_token = $twitteroauth->getRequestToken('http://list.2lessons.com/fbtwLogin/getTwitterData.php');

// Saving them into the session

$_SESSION['oauth_token'] = $request_token['oauth_token'];
$_SESSION['oauth_token_secret'] = $request_token['oauth_token_secret'];

// If everything goes well..
if ($twitteroauth->http_code == 200) {
    // Let's generate the URL and redirect
    $url = $twitteroauth->getAuthorizeURL($request_token['oauth_token']);
    header('Location: ' . $url);
} else {
    // It's a bad idea to kill the script, but we've got to know when there's an error.
    die('Something wrong happened.');
}
?>
4

2 に答える 2

2

Twitterログイン用のFacebook JS SDKに似たものを探していました。Facebook JS SDK は、ログイン時にページを更新しません。JS ポップアップ ウィンドウを使用して独自に作成しました。実際にはAJAXを使用していません。

を。ポップアップ ウィンドウをトリガーするためのリンクが必要です。

< a href="#" onclick="window.open('http://localhost.com/twitter_login.php', 'Twitter', 'width=640,height=480');">Twitter にログイン</ / >

b. Twitter ログイン (上記で送信したコード) およびコールバック (ユーザーがログイン後に到達する場所) 用の PHP スクリプト。

コールバックは次のようになります。

<?php 
// In php part you should store information about login (AccessToken, User info, and anything else you want) into DB

?>
<html>
<head><title></title></head>
<body>
<!-- In html part I let user know that he/she has been logged in. In my case, Twitter icons -->
<script type="text/javascript">
        if(window.opener && !window.opener.closed) {
            window.opener.refreshTwitterIcons(); // function is called in parent window from which user has triggered the popup
        }
        window.close(); // Closing the popup
    </script>
</body>
</html>
于 2012-12-19T09:12:22.047 に答える
0

jQuery の $.ajax()関数を使用すると、簡単にデータを PHP コードにポストできます。

変更が必要なのはヘッダー セクションだけです。"OK" や "エラー メッセージ" などの JSON エンコードされたメッセージを返したい場合は、それに対応することができます。

$.ajax({
    url: "your_file.php",
    type: 'post',
    dataType: 'json',
    success: function(data, status, xhr) {
        if (data.msg == 'OK') {
            // all ok, user logged in
        } else {
            // display error
            console.log(data.msg);
        }
    }
});

そしてPHP部分：

<?php
require("twitter/twitteroauth.php");
require 'config/twconfig.php';
session_start();

$twitteroauth = new TwitterOAuth(YOUR_CONSUMER_KEY, YOUR_CONSUMER_SECRET);
// Requesting authentication tokens, the parameter is the URL we will be redirected to
$request_token = $twitteroauth->getRequestToken('http://list.2lessons.com/fbtwLogin/getTwitterData.php');

// Saving them into the session

$_SESSION['oauth_token'] = $request_token['oauth_token'];
$_SESSION['oauth_token_secret'] = $request_token['oauth_token_secret'];

// If everything goes well..
if ($twitteroauth->http_code == 200) {
    // Let's generate the URL and redirect
    $url = $twitteroauth->getAuthorizeURL($request_token['oauth_token']);
    echo json_encod(array('msg' => 'OK'));
} else {
    // It's a bad idea to kill the script, but we've got to know when there's an error.
    echo json_encod(array('msg' => 'Something wrong happened.'));
}
?>
于 2012-09-16T07:23:02.860 に答える