Ir para conteúdo


Foto

Sencha Touch + Facebook


  • Por favor, faça o login para responder
4 respostas neste tópico

#1 lpfx

lpfx

    Member Avançado

  • Membros
  • PipPipPip
  • 43 posts

Postado 30 December 2011 - 09:30

Pessoal.. estou desenvolvendo um app e gostaria que o login fosse feito através do Facebook.
Eu li alguns artigos, inclusive do próprio Facebook, mas ainda não tenho idéia de como fazer isso.
Eu gostaria que a tela inicial do meu app fosse a tela de login do Facebook.
Alguém pode me ajudar com a autenticação pelo Facebook?
Obrigado!

#2 javaman

javaman

    Member Avançado

  • Membros
  • PipPipPip
  • 595 posts

Postado 30 December 2011 - 22:38

vc tem q ler/usar a propria api do facebook

se for app embarcada, tem plugin pra android e ios
se for webapp tem tb ja direto, feito pelo FB, e eh bem facil de usar, so olhar na doc deles mesmo e qualquer duvida avisa

[]'s

#3 lpfx

lpfx

    Member Avançado

  • Membros
  • PipPipPip
  • 43 posts

Postado 31 December 2011 - 12:12

vc tem q ler/usar a propria api do facebook

se for app embarcada, tem plugin pra android e ios
se for webapp tem tb ja direto, feito pelo FB, e eh bem facil de usar, so olhar na doc deles mesmo e qualquer duvida avisa

[]'s


Consegui chamar o login pelo FB.

Mas tem uns probleminhas... estou rodando o app no Chrome.

Primeiro: do jeito que eu fiz abre um pop-up para fazer o login, se a pessoa não está logada. Desse jeito, o pop pode ser bloqueado pelo browser. Isso não parece ser mobile e sim desktop.

Segundo: eu queria que aparecesse um botão "Entrar" do FB.
Eu tentei colocar no meu index o código:
<div class="fb-login-button" data-show-faces="false" data-width="200" data-max-rows="1"></div>
Mas o botão não apareceu.

Terceiro: quando a pessoa clicar nesse botão, teria que aparecer a tela de login para mobile
Como essa: http://m.facebook.com/index.php

Alias, nem precisaria do botão.. só a tela de login (caso o usuário não esteja logado)

Index.html
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
</head>
<body>
<div id="fb-root"></div>
<script>
	window.fbAsyncInit = function() {
		FB.init( {
			appId : 'XXXXX', 
			status : true, 
			cookie : true, 
			xfbml : true, 
			oauth : true
		});

		FB.login(function(response) {
			if (response.authResponse) {
				console.log('welcome');
				FB.api('/me', function(response) {
					console.log('you: ' + response.name);
				});
				window.location = 'home.html';  // meu app
			} else {
				console.log('not logged');
			}
		});
	};

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


#4 javaman

javaman

    Member Avançado

  • Membros
  • PipPipPip
  • 595 posts

Postado 31 December 2011 - 15:18

ainda nao sei se eh app embarcada ou webapp

de qualquer forma, mas 2 ja estao cobertas pela api do facebook, eh questao de ler a api e saber o q usar em cada caso
vc nao ta usando corretamente, da uma lida na api
nesse seu codigo nem o include do JS da api do facebook tem :)

tem la pra vc usar via web e redirecionar pra sua webapp

se for embarcada, ai so como eu falei, usando os plugins pra android e ios
nesse caso, da uma olhada no git do phonegap, na parte de plugins

[]'s

#5 lpfx

lpfx

    Member Avançado

  • Membros
  • PipPipPip
  • 43 posts

Postado 31 December 2011 - 15:35

ainda nao sei se eh app embarcada ou webapp

de qualquer forma, mas 2 ja estao cobertas pela api do facebook, eh questao de ler a api e saber o q usar em cada caso
vc nao ta usando corretamente, da uma lida na api
nesse seu codigo nem o include do JS da api do facebook tem :)

tem la pra vc usar via web e redirecionar pra sua webapp

se for embarcada, ai so como eu falei, usando os plugins pra android e ios
nesse caso, da uma olhada no git do phonegap, na parte de plugins

[]'s


Linha 40:
js.src = "//connect.facebook.net/pt_BR/all.js";

Não é o js da api do facebook?

O app será para todas as plataformas.. utilizando o phone gap.

Você tem algum exemplo de código que faz isso?




0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos