Javascript FB.api始终未定义？

我真的很努力学习如何做到这一点，但我一直遇到问题

ui用于发布，但每次我使用FB.api时，它都显示为未定义，我会得到一张随机图片。我做错了什么

      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : 'numbers', // App ID
            channelUrl : '/channel.php', // Channel File
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true  // parse XFBML
          });
          FB.api('/me', function(user) {
            if (user) {
              var image = document.getElementById('image');
              image.src = 'https://graph.facebook.com/' + user.id + '/picture';
              var name = document.getElementById('name');
              name.innerHTML = user.name
            }
          });
        };
        // Load the SDK Asynchronously
        (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/en_US/all.js";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
      </script>
      <div align="center">
        <img id="image"/>
        <div id="name"></div>
      </div>

window.fbAsyninit=函数（）{
FB.init({
appId:'数字'，//应用程序ID
channelUrl:'/channel.php'，//通道文件
状态：true，//检查登录状态
cookie:true，//启用cookie以允许服务器访问会话
xfbml:true//解析xfbml
});
FB.api（'/me'，函数（用户）{
如果（用户）{
var image=document.getElementById（'image'）；
image.src=https://graph.facebook.com/“+user.id+”/picture”；
var name=document.getElementById（'name'）；
name.innerHTML=user.name
}
});
};
//异步加载SDK
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{return；}
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

在进行API调用之前，您需要调用FB.login。我想，这就是你所缺少的