Configuración de la autenticación de PlayFab con Facebook y Unity

​

Requisitos

• Unity 5+ y un proyecto creado.
• Cuenta de Facebook para realizar pruebas.
• SDK de Facebook importado en el proyecto.
• Título de PlayFab registrado.
• SDK de PlayFab importado en el proyecto con una referencia de título configurada.
• Familiaridad con Conceptos básicos de inicio de sesión y procedimientos recomendados.

​

Implementación

​

Registro de una aplicación de Facebook

1. Mueva el ratón sobre el botón My Apps.
2. Seleccione Add a New App, como se muestra en la imagen siguiente.

1. Escriba un nombre para su Aplicación.
2. Escriba un Correo electrónico de contacto.

1. Vaya a la pestaña Settings.
2. A continuación, vaya a la subpestaña Basic.
3. Busque su Identificador de aplicación.
   • Cópielo en un lugar seguro de fácil acceso. Lo usaremos más adelante para configurar el SDK de Facebook.

1. Busque su aplicación en la lista.
2. Compruebe que tiene un User Token asignado.

1. En la página del Administrador de aplicaciones, vaya a + Add Products.
2. Busque la entrada Facebook Login y seleccione Get Started.

1. Asegúrese de tener abierta la página Settings del producto Login.
2. Compruebe que tanto Client OAuth como Web OAuth están activados.

​

Configuración del SDK de Facebook

1. Seleccione Facebook en el menú de archivos.
2. A continuación, seleccione Edit Settings.

• Escriba su Identificador de aplicación en el campo correspondiente, como se muestra en la imagen siguiente.

​

Script de autenticación sencillo

1. Cree un script llamado PlayfabFacebookAuthExample.cs.
2. Agréguelo al Game Object como se muestra en la imagen siguiente.

// Import statements introduce all the necessary classes for this example.
using Facebook.Unity;
using PlayFab;
using PlayFab.ClientModels;
using UnityEngine;
using LoginResult = PlayFab.ClientModels.LoginResult;

public class PlayfabFacebookAuthExample : MonoBehaviour
{
    // holds the latest message to be displayed on the screen
    private string _message;

    public void Start()
    {
        SetMessage("Initializing Facebook..."); // logs the given message and displays it on the screen using OnGUI method

        // This call is required before any other calls to the Facebook API. We pass in the callback to be invoked once initialization is finished
        FB.Init(OnFacebookInitialized);  

    }

    private void OnFacebookInitialized()
    {
        SetMessage("Logging into Facebook...");

        // Once Facebook SDK is initialized, if we are logged in, we log out to demonstrate the entire authentication cycle.
        if (FB.IsLoggedIn)
            FB.LogOut();

        // We invoke basic login procedure and pass in the callback to process the result
        FB.LogInWithReadPermissions(null, OnFacebookLoggedIn);
    }

    private void OnFacebookLoggedIn(ILoginResult result)
    {
        // If result has no errors, it means we have authenticated in Facebook successfully
        if (result == null || string.IsNullOrEmpty(result.Error))
        {
            SetMessage("Facebook Auth Complete! Access Token: " + AccessToken.CurrentAccessToken.TokenString + "\nLogging into PlayFab...");

            /*
             * We proceed with making a call to PlayFab API. We pass in current Facebook AccessToken and let it create
             * and account using CreateAccount flag set to true. We also pass the callback for Success and Failure results
             */
            PlayFabClientAPI.LoginWithFacebook(new LoginWithFacebookRequest { CreateAccount = true, AccessToken = AccessToken.CurrentAccessToken.TokenString},
                OnPlayfabFacebookAuthComplete, OnPlayfabFacebookAuthFailed);
        }
        else
        {
            // If Facebook authentication failed, we stop the cycle with the message
            SetMessage("Facebook Auth Failed: " + result.Error + "\n" + result.RawResult, true);
        }
    }

    // When processing both results, we just set the message, explaining what's going on.
    private void OnPlayfabFacebookAuthComplete(LoginResult result)
    {
        SetMessage("PlayFab Facebook Auth Complete. Session ticket: " + result.SessionTicket);
    }

    private void OnPlayfabFacebookAuthFailed(PlayFabError error)
    {
        SetMessage("PlayFab Facebook Auth Failed: " + error.GenerateErrorReport(), true);
    }

    public void SetMessage(string message, bool error = false)
    {
        _message = message;
        if (error)
            Debug.LogError(_message);
        else
            Debug.Log(_message);
    }

    public void OnGUI()
    {
        var style = new GUIStyle { fontSize = 40, normal = new GUIStyleState { textColor = Color.white }, alignment = TextAnchor.MiddleCenter, wordWrap = true };
        var area = new Rect(0,0,Screen.width,Screen.height);
        GUI.Label(area, _message,style);
    }
}

​

Pruebas

​

Ejecución de la aplicación en el editor

1. Seleccione el botón Play. Una vez que Facebook se inicialice (y se realice una llamada de autenticación), aparecerá un cuadro de diálogo de autenticación de Facebook en la vista del juego.
2. Escriba el User Token.
3. Seleccione el botón Send Success, como se muestra en la imagen siguiente.

• Compruebe la salida de la consola. Debería mostrar nuestras instrucciones de depuración, como se muestra en la imagen siguiente.
• Si no ve errores, significa que la autenticación se realizó correctamente.

​

Ejecución de la aplicación en Android

• En primer lugar, debe asegurarse de tener seleccionada la plataforma Android y de establecer el Package ID único (como se indica en el ejemplo siguiente).

1. Vaya a la configuración Basic.
2. Seleccione + Add Platform, como se indica en el ejemplo siguiente.

• A continuación, seleccione Android en la lista de plataformas disponibles.

• Rellene su Package ID.
• Seleccione Save (el botón Save está oculto en la esquina inferior derecha de la página).

• La aplicación debería recibirle con una página de inicio de sesión de Facebook.
• Una vez que inicie sesión, observe cómo cambia el mensaje en la pantalla.
• Por último, debería aparecer un mensaje que indique que la autenticación en PlayFab se realizó correctamente. Todo el procedimiento se ilustra en el ejemplo siguiente.

​

Ejecución de la aplicación en iOS

• En primer lugar, asegúrese de tener seleccionada la plataforma iOS.
• A continuación, establezca un Bundle ID único, como se indica en el ejemplo siguiente.
• Asegúrese de crear su propio Package ID único.

1. Vaya a la configuración Basic.
2. Seleccione + Add Platform, como se indica en el ejemplo siguiente.

• Seleccione iOS en la lista de plataformas disponibles.

• Rellene su Package ID.
• Seleccione el botón Save (el botón Save está oculto en la esquina inferior derecha de la página).

• A continuación, compile la aplicación como de costumbre.
• Una vez hecho esto, abra el proyecto con XCode.

• Seleccione el proyecto para abrir la configuración del proyecto.
• Compruebe que el Bundle ID coincide con su Package ID único.

• Asegúrese de seleccionar el dispositivo correcto.

• Y seleccione el Identity Team correcto.

• Una vez iniciada, la aplicación le permitirá iniciar sesión en Facebook mediante el explorador web.
• Cuando termine, se invocará la autenticación de PlayFab y un mensaje indicará el resultado.

​

Comprobación mediante Game Manager de PlayFab

• Vaya al panel.
• Consulte el panel PlayStream Debugger para comprobar los eventos más recientes. Debería ver el evento de autenticación de Facebook como se muestra en el ejemplo siguiente.