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:
para esto tuve que crear una aplicación en facebook para que me pudieran dar el app id.
<!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>
gracias
