月別: 2012年2月

javascriptで写真をアップロードするには
FB.login()　の
scopeプロパティに publish_stream を設定し
Permissionsを取得
つぎに
写真をアップロードするための
リクエストURLを生成し
form要素のaction属性に指定します
ちょっと復習のため、
コードを書いてみました
アプリ初期化
FB.init({
appId: ‘アプリID’,
cookie: true,
oauth: true
});
ログイン状態チェックは
FB.getLoginStatus(function(resp){
if(resp.authResponse){
getdata(resp.authResponse);
}else{
$(“#result”).text(“ログイン”);
}});
ログイン処理
$(“#login”).click(function(){
FB.login(function (resp){
if(resp.Response){
getdata(resp.authResponse);
}
},{scope: ‘publish_stream’});
});
アルバムに写真をアップロードするには
var access_token authResponse.accessToken;
var graph_url = ‘https://graph.facebook.com/me/photos?access_token=’
+ access_token;
フォームのaction属性にリクエストUrlをセットするには
$(“#result”)[0].action = graph_url;
javascript SDKロードは
$(function(){
(function(){
var e = document.createElement(‘script’);
e.src=document.location.protcol +’//connect.facebook.net/ja_JP/all.js’;
e.async = true;
document.getElementById(‘fb-root’).appendChild(e);
}());
});

facebookて写真をアップロードするには
publish_stream のPermissionsを取得して
Graph API の /me/photos コネクションに
post メソッドで画像ファイル（source）と
メッセージ（message）を送信する
このとき、画像ファイルは
MIMEのマルチバイトデータで送信
MIME のマルチバイトデータで送信するには
forn要素の enctype 属性を
multipart/form-dataに指定する

profile-pic タグのオプションは
以下のようなものがあります
uid
ユーザID
設定値は
ユーザID、 loggedinuser
size
サイズ
設定値は
thumb(t)
small(s)
normal(n)
square(q)
linked
プロフィールへのリンク設定
設定値は
true/false で行う
facebook.logo
facebookロゴの表示の設定
設定値は
true/false
width
幅の設定
設定はピクセル単位の整数値
height
高さ設定
設定はピクセル単位の整数値

fb:login-buttonのタグのオプション
show-faces
プロフィール写真の表示指定
設定値はyes/no
width
幅指定
設定値はピクセル単位の整数値
max-rows
プロフィール写真を表示する行の
最大数を指定
設定値は
整数値
scope
アクセス権限の指定
設定は
Permissionsの中から設定
onlogin
ログイン後に実行する関数を指定
これには
関数名を設定する
autologoutlink
ログイン後に自動的にログアウトボタンを表示する
設定値はtrue/falseで行う
size
大きさの指定
設定値は
small 小
medium 中
large 大
xlarge 特大？
icon アイコンサイズ

XFBMLを使うには
FB.init()で
xfbmlプロパティをtrueにして
アプリを初期化します
XFBMLでログインボタンを表示するなら
fb:login-button
タグ
プロフィール写真を表示するなら
fb:profile-picタグ　
を使うことで表示できるようになります

XFBMLは
FBML　
（facebookのパーツを
表示するための特殊なXMLタグのこと）
をクライアントサイドの
javascriptで表示するための機能
XFBMLを使えばfacebookで使われているUI部品を
アプリやWebページに組み込みできるようになります
いかは
FBMLタグの一部
fb:activity
最近のアクティビティ
fb:add-profile-tab
プロフィールタブの追加ボタン
fb:bookmark
ブックマークボタン
fb:comments
コメントプラグイン
fb:facepile
フェイスパイル
fb:fan
ファンウィジェット
fb:like-box
likeボックスプラグイン
fb:like
いいねボタン
fb:live-stream
ライブストリーム
イベントのディスカッション
fb:login-button
ログインボタン
fb:name
ユーザ名
fb:profile-pic
プロフィール写真
fb:recommendations
おすすめ
fb:serverFbml
facebookのサーバー上でFBMLを
パースする
fb:share-button
シェアボタン
fb:user-status
ユーザステータス