Facebook 로그인 API 모바일 앱용 자바 스크립트

Javascript를 사용하여 내 앱의 페이스 북 로그인을 통합하고 싶습니다. 나는 this youtube guide을 성공적으로 수행했으며 브라우저를 통해 로그인 할 수 있습니다. 그러나 내 안드로이드 에뮬레이터에서 오류가 있었고 버튼을 눌렀을 때 아무런 변화가 없었습니다. 이클립스에서이 오류가 반환되었습니다 : "잡히지 않는 참조 오류 : FB는 .../index.html에 정의되지 않았습니다."아마도 페이스 북의 개발자 측에서 아마도 유효한 OAuth 리다이렉트 URI 나 도메인 이름이 원인이라고 생각하고 있습니다. .
질문 :
앱에서이 기능을 실행하려면 Facebook 개발자가 내 설정을 사용해야합니까? 여기 Facebook 로그인 API 모바일 앱용 자바 스크립트

내 코드입니다 :

<head> 
       <meta charset="utf-8"> 
       <meta http-equiv="X-UA-Compatible" content="IE-edge"> 
       <title></title> 
       <link rel="stylesheet" href=""> 
       <script src="common.js"></script> 

        </head> 

        <body> 
        <script type="text/javascript"> 
        //initialize and setup facebook SDK 
         window.fbAsyncInit = function() { 
         FB.init({ 
          appId  : '201821216900862', 
          xfbml  : true, 
          version : 'v2.7' 
         }); 

         FB.getLoginStatus(function(response) { 
           if (response.status === 'connected') { 
           document.getElementById('status').innerHTML = 'We are connected'; 
           // console.log('Logged in.'); 
           } 
           else if (response.status === 'not_authorized'){ 
           document.getElementById('status').innerHTML = 'We are not logged in'; 
           } 
           else{ 
            document.getElementById('status').innerHTML= 'facebook not logged in'; 
           } 
          }); 
         }; 

         (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/sdk.js"; 
         fjs.parentNode.insertBefore(js, fjs); 
         }(document, 'script', 'facebook-jssdk')); 


         function login(){ 
          FB.login(function(response){ 
           if (response.status === 'connected') { 
            document.getElementById('status').innerHTML = 'We are connected'; 
            document.getElementById('login').style.visibility = 'hidden'; 
            // console.log('Logged in.'); 
            } 
            else if (response.status === 'not_authorized'){ 
            document.getElementById('status').innerHTML = 'We are not logged in'; 
            } 
            else{ 
             document.getElementById('status').innerHTML= 'facebook not logged in'; 
            } 

          }, {scope: 'email'}); 
         } 

        </script> 
        hi 
        <div id="status"></div> 
        <button onclick="login()">Login</button> 
        </body>

추가 정보 : 내가 localhost를 사용하고 같은 기준 오차는 로그인() 함수에서 발생, 나는 내부

출처

2016-09-22 Detective merry

아니요, 유효한 OAuth 리디렉션 URI 또는 관련 설정에 관한 것이면 오류 메시지가 다를 수 있습니다. 여기에 간단한 JavaScript 오류가 있습니다. FB 객체의 메서드가 호출되기 전에 해당 객체가 호출됩니다. – CBroe

네가 맞아! 오류가 유효한 oAuth 리디렉션 URL로 인해 발생하지 않았지만 "... style.visibility"한 줄로 인해 발생했습니다. –

, 도메인 이름이없는 login() 함수 document.getElementById('login').style.visibility = 'hidden';이 인식되지 않습니다. 줄을 제거하면 오류가 사라집니다.

출처

2016-09-26 04:56:28

Facebook 로그인 API 모바일 앱용 자바 스크립트

답변

관련 문제