Facebookにポストした記事をdyb.jpに移管するための技術メモ

Facebookへのログイン状態を取得する

JavaScript: Facebook にログインしているか判定する を使えばよい。コード部分を備忘のためコピペしておく。

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 0123456789,
      status     : true,
      xfbml      : true
    });

    FB.getLoginStatus(function(response) {
      if (response.status === 'unknown') {
        alert("ログインしていません。");
      } else {
        alert("ログインしています。");
      }
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/ja_JP/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

FB.getLoginStatus の引数はコールバックで、コールバックの引数は Response オブジェクトである。 response.status プロパティがログインの状態をあらわし、「connected」、「not_authorized」、「unknown」のどれかになる。 「connected」はユーザーがアプリを認証している状態なので、ログインしている状態とは「connected」か「not_authorized」のどちらかである。ここでは条件式を減らすために「unkown」かそれ以外で条件式を書いた。

<div id="present" style="display:none;">ログインしています。</div>

<script>
FB.getLoginStatus(function(response) {
  if (response.status !== 'unknown') {
    document.getElementById('present').style.display = 'block';
  }
});
</script>

友人関係かどうかを確認するAPIはGraph API

Facebook developer centerに記述がある。

少し前なら

GET /v2.2/{user-id-a}/friends/{user-id-b} HTTP/1.1

で当該IDとの友人関係が見える となっていたようなのですがv2.3以降はそういう記述がないですねぇ…（構想半年以上の間にAPIが変わったか…）

Graph APIのお試しページ

Facebook公式らしいお試しでできるページ、ここでコードのテストができる。

動的に読み込む

普通にimportsなのかとおもったら、これって遅延読み込み程度のタイムラグなので頑張ってAJAX使うしかないと気づいて一気に気持ちが遠のいた…

そこまで苦労しても、importされるファイルのURL丸見えだったら意味ないしなぁ…

という感じでほぼ断念状態です、というメモ