アプリのギャラリーにアップロードするために、アルバムから写真を選択するオプションをユーザーに提供する fb アプリを構築しています。
ただし、ユーザーがドロップダウン リストから自分のアルバムの 1 つを選択してフォームを送信すると、スクリプトでページをリロードするのではなく、div を更新するだけです。
私が思いついた解決策は、Ajax を使用することです。index.php のコードは次のとおりです。
<?php
session_start();
header('P3P:CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"');
include 'facebook.php';
$facebook = new Facebook(array(
'appId' => 'YOUR_APP_ID',
'secret' => 'YOUR_SECRET_CODE'
));
if(!$_REQUEST['access_token'])
$access_token = $facebook->getAccessToken();
else
$access_token = $_REQUEST['access_token'];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:fb="http://ogp.me/ns/fb#" lang="en" >
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
<title>MY FACEBOOK APPLICATION</title>
<?php require('inc.head.php'); ?>
</head>
<body>
<script>
function showAlbum(album_id)
{
document.getElementById("txtHint").innerHTML = "<br><img src='images/ajax-loader.gif' /><br/><br/>Loading photos...";
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","fetch_data.php?album_id="+album_id+"&access_token=<?=$access_token?>",true);
xmlhttp.send();
}
</script>
<?
$albums = $facebook->api('/me/albums');
echo '<div class="alb">';
echo " <form name='frm'>
<select name='album_id' onchange=\"showAlbum(this.value)\">
<option type='hidden' value=0>Select an album</option>";
foreach($albums['data'] as $album)
echo "<option type='hidden' value='".$album['id']."'> ".$album['name']."</option>";
echo '</select></form></div>';
?>
<div id="txtHint" ></div>
</body>
</html>
ajax スクリプトは fetch_data.php を呼び出します
<?php
require_once 'facebook.php';
$facebook = new Facebook(array(
'appId' => 'YOUR_APP_ID',
'secret' => 'YOUR_SECRET_CODE'
));
$access_token = $_REQUEST['access_token'];
$album_id = $_REQUEST['album_id'];
$photos = '';
$photos = $facebook->api("/{$album_id}/photos", array("access_token" => "$access_token"));
echo "<div class='slideshow'>";
$photo = '';
foreach($photos['data'] as $photo)
{
echo "<br /><a href='index.php?src={$photo['source']}&access_token=$access_token'><img title='CLICK PHOTO TO SELECT' src='{$photo['source']}' width=320 border=0/></a><br /><br />";
}
echo " </div>";
?>
問題は、最初にアルバムを選択すると、すべての関連画像が取得されることです。ただし、別のアルバムを選択すると、OAuthException がスローされます。現在のユーザーに関する情報を照会するには、アクティブなアクセス トークンを使用する必要があります。fetch_data.php で新しい $facebook オブジェクトを作成すると、これが発生するようです。
何か案は?