tutorial - Botón de inicio de sesión personalizado de Facebook-Android

iniciar sesion con facebook api

Question

Estoy siguiendo este Tutorial pero hasta ahora no puedo hacer que funcione, aunque esto es de hace un año más o menos ...

Estoy usando androidStudo 1.2.2 y FacebookSDK 4.

Quiero un inicio de sesión simple en Facebook con un botón personalizado, como el que se muestra en esta imagen:

Ahora, en el ejemplo del tutorial, tengo problemas con la variable Session , dice que no puede resolverla, ni getActivity()

¿Nadie ha intentado esto en FacebookSDK4.0?

¿Es un enfoque correcto o tal vez hay algo más actualizado?

¡Gracias por adelantado!

Answer 1

La respuesta simple es agregar facebookButton.performClick() dentro de cutomBtn.setOnClickListener

    <!-- connect with Facebook -->
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <com.facebook.login.widget.LoginButton
            android:id="@+id/fb_connect"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:textSize="@dimen/login_fb_font_size"
            android:visibility="invisible" />

        <LinearLayout
            android:id="@+id/mfb_connect"
            style="@style/facebook_button">

            <ImageView
                style="@style/login_connect_icon"
                android:src="@drawable/ic_facebook" />

            <TextView
                style="@style/login_connect_text"
                android:text="@string/login_connect_facebook" />
        </LinearLayout>
    </RelativeLayout>

...

private LoginButton fb_connect;
private LinearLayout mfb_connect;

...

    // the button from facebook sdk
    fb_connect = (LoginButton) findViewById(R.id.fb_connect);
    // handle the click from my custom button to perfrom action click on facebook sdk button
    mfb_connect = (LinearLayout) findViewById(R.id.mfb_connect);
    mfb_connect.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            fb_connect.performClick();
        }
    });

Eso logrará esto:

Answer 2

(no tengo suficiente reputación para agregar un comentario ...)

Intenté la respuesta de @ Shehabix, no puedo recibir la devolución de llamada hasta que agregue esto

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    callbackManager.onActivityResult(requestCode, resultCode, data);
}

entonces funciona bien.

Answer 3

Complementando las respuestas de Harvi y Shehabix, sugeriría agregar este método ya que esto registra la autenticación en Firebase Auth.

Este método debe llamarse dentro de "En caso de éxito" de LoginManager .

private void handleFacebookAccessToken(AccessToken token) {

    AuthCredential credential = FacebookAuthProvider.getCredential(token.getToken());
    mAuth.signInWithCredential(credential)
            .addOnCompleteListener(this, new OnCompleteListener<AuthResult>() {
                @Override
                public void onComplete(@NonNull Task<AuthResult> task) {
                    if (task.isSuccessful()) {

                        //Toast.makeText(MainActivity.this, "Autenticando",Toast.LENGTH_SHORT).show();

                    } else {
                        // If sign in fails, display a message to the user.
                        Toast.makeText(MainActivity.this, "Authentication failed.",
                                Toast.LENGTH_SHORT).show();
                        //updateUI(null);
                    }

                }
            });
}

Answer 4

Esto es muy simple. Agregue un botón en el archivo de diseño como

<Button
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:text="Login with facebook"
    android:textColor="#ffff"
    android:layout_gravity="center"
    android:textStyle="bold"
    android:onClick="fbLogin"
    android:background="@color/colorPrimary"/>

Y en el lugar onClick, el método registercallback () de LoginManager se debe a que este método se ejecuta automáticamente.

me gusta:

  public void fbLogin(View view)
{
    // Before Edit:
    // LoginManager.getInstance().logInWithReadPermissions(this, Arrays.asList("user_photos", "email", "public_profile", "user_posts" , "AccessToken"));

    LoginManager.getInstance().logInWithReadPermissions(this, Arrays.asList("user_photos", "email", "public_profile", "user_posts"));
    LoginManager.getInstance().logInWithPublishPermissions(this, Arrays.asList("publish_actions"));
    LoginManager.getInstance().registerCallback(callbackManager,
            new FacebookCallback<LoginResult>()
            {
                @Override
                public void onSuccess(LoginResult loginResult)
                {
                    // App code
                }

                @Override
                public void onCancel()
                {
                    // App code
                }

                @Override
                public void onError(FacebookException exception)
                {
                    // App code
                }
            });
}

Que te diviertas

Answer 5

La parte IMO de la respuesta seleccionada es una solución alternativa, no es la solución adecuada. Entonces, lo que debe cambiarse para que sea adecuado es lo siguiente:

1. Deshágase de "com.facebook.login.widget.LoginButton" de su XML

   <com.facebook.login.widget.LoginButton
           android:id="@+id/login_button"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:visibility="gone" />

2. Deshágase de todas las referencias al "LoginButton" en su código Java

3. Use la clase "LoginManager" de Facebook que está ahí para ese propósito de la siguiente manera:

   @Override
   protected void onCreate(Bundle savedInstanceState) {
       // Some code
       callbackManager = CallbackManager.Factory.create();
       LoginManager.getInstance().registerCallback(
           callbackManager,
           new FacebookCallback < LoginResult > () {
               @Override
               public void onSuccess(LoginResult loginResult) {
                   // Handle success
               }
   
               @Override
               public void onCancel() {
               }
   
               @Override
               public void onError(FacebookException exception) {
               } 
          }
      );
   }
   
   public void onClick(View v) {
      if (v == fb) {
          LoginManager.getInstance().logInWithReadPermissions(
              this,
              Arrays.asList("user_photos", "email", "user_birthday", "public_profile")
          );
      }
   }
   
   // this part was missing thanks to wesely
   @Override
   protected void onActivityResult(int requestCode, int resultCode, Intent data) {
       super.onActivityResult(requestCode, resultCode, data);
       callbackManager.onActivityResult(requestCode, resultCode, data);
   }

Answer 6

Paso 1: Primero agregue FrameLayout y haga que el botón de Facebook sea visibilidad = "desaparecido" y agregue su botón personalizado. No olvide poner xmlns:facebook="http://schemas.android.com/apk/res-auto" en su diseño principal.

<FrameLayout
        android:id="@+id/FrameLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <com.facebook.login.widget.LoginButton
            android:id="@+id/login_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:visibility="gone" />

        <Button
            android:id="@+id/fb"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#416BC1"
            android:onClick="onClick"
            android:text="FaceBook"
            android:textColor="#ffffff"
            android:textStyle="bold" />
    </FrameLayout>

Paso 2: Inicialice FacebookSdk en onCreate antes de onCreate diseño.

FacebookSdk.sdkInitialize (this.getApplicationContext ());

Paso 3: agregue esto a su archivo java.

callbackManager = CallbackManager.Factory.create();

fb = (Button) findViewById(R.id.fb);
loginButton = (LoginButton) findViewById(R.id.login_button);

List < String > permissionNeeds = Arrays.asList("user_photos", "email",
    "user_birthday", "public_profile", "AccessToken");
loginButton.registerCallback(callbackManager,
new FacebookCallback < LoginResult > () {@Override
    public void onSuccess(LoginResult loginResult) {

        System.out.println("onSuccess");

        String accessToken = loginResult.getAccessToken()
            .getToken();
        Log.i("accessToken", accessToken);

        GraphRequest request = GraphRequest.newMeRequest(
        loginResult.getAccessToken(),
        new GraphRequest.GraphJSONObjectCallback() {@Override
            public void onCompleted(JSONObject object,
            GraphResponse response) {

                Log.i("LoginActivity",
                response.toString());
                try {
                    id = object.getString("id");
                    try {
                        URL profile_pic = new URL(
                            "http://graph.facebook.com/" + id + "/picture?type=large");
                        Log.i("profile_pic",
                        profile_pic + "");

                    } catch (MalformedURLException e) {
                        e.printStackTrace();
                    }
                    name = object.getString("name");
                    email = object.getString("email");
                    gender = object.getString("gender");
                    birthday = object.getString("birthday");
                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
        });
        Bundle parameters = new Bundle();
        parameters.putString("fields",
            "id,name,email,gender, birthday");
        request.setParameters(parameters);
        request.executeAsync();
    }

    @Override
    public void onCancel() {
        System.out.println("onCancel");
    }

    @Override
    public void onError(FacebookException exception) {
        System.out.println("onError");
        Log.v("LoginActivity", exception.getCause().toString());
    }
});

Paso 4: No olvides agregar el siguiente código.

@Override
protected void onActivityResult(int requestCode, int responseCode,
Intent data) {
    super.onActivityResult(requestCode, responseCode, data);
    callbackManager.onActivityResult(requestCode, responseCode, data);
}

Paso 5: Configure su clic de botón personalizado en Facebook Haga clic en el botón Iniciar sesión.

public void onClick(View v) {
    if (v == fb) {
        loginButton.performClick();
    }
 }

Paso 6: para cerrar sesión mediante programación, use esto.

LoginManager.getInstance (). LogOut ();

Paso 7: puede encontrar usuarios conectados o no por perfil.

profile = Profile.getCurrentProfile().getCurrentProfile();
if (profile != null) {
    // user has logged in
} else {
    // user has not logged in
}

Answer 7

try this // Facebook Button LoginButton loginButton = findViewById(R.id.loginbtn); // Your Custom Button binding.fbBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { loginButton.callOnClick(); } });