This document is about: PUN 2
SWITCH TO

PUN Classic (v1), PUN 2 and Bolt are in maintenance mode. PUN 2 will support Unity 2019 to 2022, but no new features will be added. Of course all your PUN & Bolt projects will continue to work and run with the known performance in the future. For any upcoming or new projects: please switch to Photon Fusion or Quantum.

Facebook Authentication

Overview

In this tutorial we will create a Photon Unity Networking (PUN) project with Facebook custom authentication.

 

Facebook Application Setup

First, we need to create a Facebook application.

  • Go to Facebook Developers website.
  • Click Apps -> Create a New App , enter the name of your app and press Create App button.
  • Choose Apps -> [your_app] and copy App ID and App Secret

 

Photon Dashboard Setup

  • Open Photon Dashboard.
  • Select the App Id that will be used and click See Details.
  • Navigate to Authentication tab and uncheck Allow anonymous clients to connect, independently of configured providers.
  • Select Facebook authentication provider and paste App ID and Secret.
  • Check Reject all clients if not available.

 

PUN Setup

 

Implementation

Create a new MonoBehaviour, attach it to an object in the scene and then open it. Use the following code for Facebook initialization and login:

C#

// Include Facebook namespace
using Facebook.Unity;

// [..]

private void Awake()
{
    if (!FB.IsInitialized) 
    {
        // Initialize the Facebook SDK
        FB.Init(InitCallback);
    } 
    else 
    {
        FacebookLogin();
    }
}

private void InitCallback()
{
    if (FB.IsInitialized) 
    {
        FacebookLogin();
    } 
    else 
    {
        Debug.Log("Failed to initialize the Facebook SDK");
    }
}

private void FacebookLogin()
{
    if (FB.IsLoggedIn) 
    {
        OnFacebookLoggedIn();
    } 
    else 
    {
        var perms = new List<string>(){"public_profile", "email", "user_friends"};
        FB.LogInWithReadPermissions(perms, AuthCallback);
    }
}

private void AuthCallback(ILoginResult result)
{
    if (FB.IsLoggedIn)
    {
        OnFacebookLoggedIn();
    }
    else
    {
        Debug.LogErrorFormat("Error in Facebook login {0}", result.Error);
    }
}

To use Facebook Authentication in PUN, add:

C#

private void OnFacebookLoggedIn()
{
    // AccessToken class will have session details
    string aToken = AccessToken.CurrentAccessToken.TokenString;
    string facebookId = AccessToken.CurrentAccessToken.UserId;
    PhotonNetwork.AuthValues = new AuthenticationValues();
    PhotonNetwork.AuthValues.AuthType = CustomAuthenticationType.Facebook;
    PhotonNetwork.AuthValues.UserId = facebookId; // alternatively set by server
    PhotonNetwork.AuthValues.AddAuthParameter("token", aToken);
    PhotonNetwork.ConnectUsingSettings();
}

The PUN callbacks for success and error that you can implement are:

C#

public override void OnConnectedToMaster()
{
    Debug.Log("Successfully connected to Photon!");
}

// something went wrong
public override void OnCustomAuthenticationFailed(string debugMessage)
{
    Debug.LogErrorFormat("Error authenticating to Photon using Facebook: {0}", debugMessage);
}

Note: it's recommended to derive your class from MonoBehaviourPunCallbacks in order to simply override the callbacks you need.

Conclusion

In this tutorial we covered the basic steps required for integration of Facebook API with PUN.
Still have some questions? You are extremely welcome to ask it on forum. Happy coding!

Back to top