2012年5月3日木曜日

facebookアプリの191エラー、SSLサーバー設定、javascript SDKなどの解決法!

facebookアプリを作っていて、javascript SDKを使っているのだが、
情報が少なすぎたり、情報が古すぎたり、英語のサイトで全然読めなかったり、
かなり苦労していました。。


SSLが使えないといけないサーバーだったり、
全然知識のない私にはかなりの重労働でした。。
191エラーが出てしまったり、よくわからないことが多すぎる!!

いろいろ調べても分からなかったので、
詳しい方(松 ロドリゲス 翔)に、少し教えていただきました。

まずはサーバーにアップしているindex.htmlの中身。


■index.html
//最初にjavascript SDKを使うために、SDKをダウンロード??

<script>
window.onload = function(){
    var element = document.createElement('script');
    element.src = document.location.protocol + '//connect.facebook.net/ja_JP/all.js';
    document.getElementById('fb-root').appendChild(element);
}

//アプリを初期化します
window.fbAsyncInit = function(){
    FB.init({
        appId  : 'アップIDを登録',
        status : true,
        cookie : true,
        xfbml  : true,
        oauth  : true
    });

//ユーザーのログイン状態を調べます。
    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {

        //ログインできてる場合はここに処理を書きます。
            document.write('loginok');

        } else if (response.status === 'not_authorized') {
        //アプリに接続していない場合
            location.href = 'https://www.facebook.com/dialog/oauth?client_id=アップID&redirect_uri=https://apps.facebook.com/アップID/';

        } else {
        //ログインしていない場合
            document.write('ログインしてくださーい');
        }
    });
}
</script>

■facebook Developerの中身


ウェブサイト
サイトURL
https://apps.facebook.com/アップID/

Facebook上のアプリ
キャンパスURl
http://〜

セキュリティで保護されたキャンバスURL
https://〜


ウェブサイトのサイトURLを、
facebookのアプリのURLにしたら、
なんとかうまく動きました!!

明日こそ、ちゃんとアプリが動く様に頑張りますー!







0 件のコメント:

コメントを投稿