javascript - Dropbox での Facebook アプリのホスティング

Question

この質問に従って、ドロップボックスで単純な JS ベースの Facebook アプリをホストしようとしています: サーバーは Facebook アプリケーションに必要ですか?

現在、続行する前にログイン部分を完了させたいだけですが、いくつかの問題があります.FB.getLoginStatusの呼び出しが返されないため、実際のログイン関数は呼び出されません. login() を直接呼び出すと (現在はコメントアウトされています) Facebook にログインできますが、呼び出しFB.api('/me', function(response) {...})が返されないため、ログに記録されます入っていますが、実際には何もできません。私は何が欠けていますか？Facebook のアプリ ページに正しい URL を設定しましたが、何が間違っているのかよくわかりません。:/

これが私の JS コード (Facebook ログイン チュートリアルからのほとんどのコピー アンド ペースト) であり、HTML はそのチュートリアルからのコピー アンド ペーストです。

    // Additional JS functions here
        function testAPI() {
            document.write('Welcome!  Fetching your information.... </br>');
            FB.api('/me', function(response) {
                document.write('Good to see you, ' + response.name + '.</br');
            });
        }
        function login() {
            document.write('Logging to Facebook </br>');
            FB.login(function(response) {
                if (response.authResponse) {
                    // connected
                    document.write("User now connected </br>");
                    testAPI();
                } else {
                    // cancelled
                    document.write("User cancelled </br>");
                }
            });
        }
        window.fbAsyncInit = function() {
            document.write("Connecting to facebook </br>");
            FB.init({
              appId      : '542474505763387', // App ID
              channelUrl : 'https://dl-web.dropbox.com/get/index.html?w=71a3a216', // Channel File
              status     : true, // check login status
              cookie     : true, // enable cookies to allow the server to access the session
              xfbml      : true  // parse XFBML
            });
            //login();

            FB.getLoginStatus(function(response) {
                document.write("Response </br>");
                if (response.status === 'connected') {
                    // connected
                    document.write("connected </br>");
                } else if (response.status === 'not_authorized') {
                    // not_authorized
                    document.write("not_authorized </br>");
                    login();
                } else {
                    // not_logged_in
                    document.write("not_logged_in </br>");
                    login();
                }
            });

        };

      // Load the SDK Asynchronously
      (function(d){
         var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         ref.parentNode.insertBefore(js, ref);
       }(document));
    </script>