Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/05/2012, 21:16
Avatar de Jasmines
Jasmines
 
Fecha de Ingreso: enero-2009
Ubicación: Monterrey
Mensajes: 18
Antigüedad: 13 años, 6 meses
Puntos: 0
no puedo accesar a facebook desde app en iphone

hola;

he estado batallando mucho con este tema, ya que no me permite la aplicación que estoy haciendo para iphone entrar a facebook

estoy usando jquery y phonegap en xcode con cordova

encontre en los foros de facebook un plugin ShareKit que supuestamente el hace esa interacción para el login pero esta en iOs C con extensión .h

me preguntaba ya tengo el 90% de la aplicación hecha en html con divs, puedo crear la pantalla de botones de redes sociales con iOs y después enlazarla al html?


ojalá alguien me pueda ayudar.

yo tengo este código para llamar al facebook lo obtuve de developer en facebook a lo mejor me equivoque en algo si le pueden hechar una miradita y decirme en que me equivoque, porque le doy al botón de login y no mas no hace nada la aplicación.

de hecho eso me sucede con las ligas externas.

Código:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <meta name="viewport" content="width=deviceWidth; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;"/>
    <title>FACEBOOK</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta property="og:title" content="pruebatest" />
    <meta property="og:type" content="website mobile" />
    <meta property="og:site_name" content="pruebatest" />
    <meta property="og:description" content="l" />
    <meta property="og:image" content="http://www.facebookmobileweb.com/start/img/facebook_icon_large.png"/>
    
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="js/jquery.mobile-1.0a2.min.css" />
    <script src="js/jquery-1.4.4.min.js"></script>
    <script src="js/jquery.mobile-1.0a2.min.js"></script>
    <script src="js/carousel.js" type="text/javascript"></script>
    <script src="js/phonegap.js" type="application/x-javascript" charset="utf-8"></script>
    <script src="js/FBConnect.js" type="application/x-javascript" charset="utf-8"></script>
    <script src="js/ChildBrowser.js" type="application/x-javascript" charset="utf-8"></script>    
    <script src="js/oauth.js" type="application/x-javascript" charset="utf-8"></script>         
    <script src="js/sha1.js" type="application/x-javascript" charset="utf-8"></script> 
    <script src="js/all.js" type="application/x-javascript" charset="utf-8"></script>    
        
    
    <script>
       FB.init({
            appId  : '336539353085931',
            status : true, // check login status
            cookie : true, // enable cookies to allow the server to access the session
            xfbml  : true  // parse XFBML
        });

    
    // 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)); 
    */
    function handleStatusChange(response) {
        document.body.className = response.authResponse ? 'connected' : 'not_connected';
        
        if (response.authResponse) {
            console.log(response);
            updateUserInfo(response);
        }
    }
        
    //-->    
    </script>
    <style type="text/css">
    <!--
        body.connected #login { display: none; }
        body.connected #logout { display: block; }
        body.not_connected #login { display: block; }
        body.not_connected #logout { display: none; }
    '-->
    </style>
</head>
<body>
    <div id="fb-root"></div>
    
      <div data-role="page" id="page1" data-theme="a">
        <div data-role="header" data-position="fixed">
                <h1>Facebook</h1> 
                <a href="page1"  class="ui-btn-active">atras</a>
            <!-- /header -->         
        </div>
        
        <div class="portrait" data-role="content">
            <div data-role="controlgroup" data-type="horizontal"></div>
                      
            
            <div class="home_page" data-role="content">          <!-- /content -->
                  
                
                <div id="login">
                    <p><button onClick="loginUser();">Login</button></p>
                </div>
                <div id="logout">
                    <p><button  onClick="FB.logout();">Logout</button></p>
                </div>
                
                <script>
                    function loginUser() {   
                       
                        FB.login(function(response) { }, {scope:'email'});     
                    }
                </script>
                
                <!-- Invitar amigos -->
                <a href="#" onclick="getUserFriends();">Invita amigos</a><br>
                <div id="user-friends"></div>
                <script>
                    function getUserFriends() {
                        FB.api('/me/friends&fields=name,picture', function(response) {
                               console.log('Got friends: ', response);
                               
                               if (!response.error) {
                               var markup = '';
                               
                               var friends = response.data;
                               
                               for (var i=0; i < friends.length && i < 25; i++) {
                               var friend = friends[i];
                               
                               markup += '<img src="' + friend.picture + '"> ' + friend.name + '<br>';
                               }
                               
                               document.getElementById('user-friends').innerHTML = markup;
                               }
                               });
                    }
                </script>   
                
                <!-- Send request -->
                <a href="#" onclick="sendRequest();">Envia un mensaje</a><br>
                <script>
                    function sendRequest() {
                        FB.ui({
                              method: 'apprequests',
                              message: 'invites you to learn how to make your mobile web app social',
                              }, 
                              function(response) {
                              console.log('sendRequest response: ', response);
                              });
                    }
                    </script>        
                
                <!-- publica -->
                <a href="#" onclick="publishStory();">Publica una nota</a><br>
                <script>
                    function publishStory() {
                        FB.ui({
                              method: 'feed',
                              name: 'I\'m building a social mobile web app!',
                              caption: 'This web app is going to be awesome.',
                              description: 'Check out Facebook\'s developer site to start building.',
                              link: 'http://developers.facebook.com/mobile',
                              picture: 'http://www.facebookmobileweb.com/getting-started/img/facebook_icon_large.png'
                              }, 
                              function(response) {
                              console.log('publishStory response: ', response);
                              });
                        return false;
                    }
                    </script>  
                
                <div id="user-info"></div>
                <script>
                    function updateUserInfo(response) {
                        FB.api('/me', function(response) {
                               document.getElementById('user-info').innerHTML = '<img src="https://graph.facebook.com/' + response.id + '/picture">' + response.name;
                               });
                    }
                    </script>        
                <fb:like></fb:like>
        </div>
        <div data-role="footer" data-position="fixed" >
            <div data-role="controlgroup" data-type="horizontal" class="pie" >
                <a href="#home"><img src="img/inicio.png"  data-back="true" width=45 height=50 align=left></a>
                <a href="#cortes" ><img src="img/vaca_sucursales.png" width=45 height=50 align=left></a>
                <a href="#sucursales" ><img src="img/mapa.png"   width=45 height=50 align=left></a>
                <a href="http://www.elnorte.com" rel="external" data-ajax="false" target="_blank"><img src="img/logo_twitter.png"  width=45 height=50 align=left></a>  
                <a href="external.html" rel="external" data-ajax="false"><img src="img/logo_facebook.png"  width=45 height=50 align=left></a> 
             </div>
        </div>     
    </div>
</body>
</html>
para esto tuve que crear una aplicación en facebook para que me pudieran dar el app id.


gracias