Put it all together - Login with device ID - (Unity module)

Last updated on March 26, 2025

Connect the UI to let player log in with device ID

In this tutorial, you will learn how to connect the login menu user interface (UI) with the login methods you implemented previously. You are going to get the AuthEssentialsWrapper_Starter class reference, set up the callback function OnLoginCompleted() in LoginHandler_Starter, and start the login process from the existing LoginHandler.Login() method you created.

1. Open Byte Wars in Unity. From Project window, open /Assets/Resources/Modules/AuthEssentials/Scripts/UI/LoginHandler_Starter.cs.

2. Create a new callback function named OnLoginCompleted() by adding the code below. Based on the login status, this function shows the Main Menu if the login is successful. Otherwise, it switches to the failed state to display the retry button.

   public void OnLoginCompleted(Result<TokenData, OAuthError> result)
   {
       if (!result.IsError)
       {
           OnLoginComplete.Invoke(result.Value);
           MenuManager.Instance.ChangeToMenu(AssetEnum.MainMenuCanvas);
           BytewarsLogger.Log($"[LoginHandler.OnLoginCompleted] success: {result.Value.ToJsonString()}");
       }
       else
       {
           failedMessageText.text = $"Login Failed: {result.Error.error}";
           CurrentView = LoginView.LoginFailed;
           StartCoroutine(SetSelectedGameObject(retryLoginButton.gameObject));
       }
   }

3. Next, declare the variable below and assign it in the pre-defined Start() function. This variable helps reference the AuthEssentialsWrapper_Starter class you created previously.

   private AuthEssentialsWrapper_Starter authWrapper;

   private void Start()
   {
       authWrapper = TutorialModuleManager.Instance.GetModuleClass<AuthEssentialsWrapper_Starter>();
       ...
   }

4. Then, declare this helper variable to track the last login type to be used for retrying the login.

   private LoginType lastLoginMethod;

5. Modify the Login() function by replacing its content with the code below. This updated function now accepts a login method parameter to perform the login and stores it as the last login method for retry purposes.

   private void Login(LoginType loginMethod)
   {
       CurrentView = LoginView.LoginLoading;
       lastLoginMethod = loginMethod;
       OnRetryLoginClicked = OnRetryLoginButtonClicked;
   
       switch (loginMethod)
       {
           case LoginType.DeviceId:
               authWrapper.LoginWithDeviceId(OnLoginCompleted);
               break;
       }
   }

6. Lastly, update the OnLoginWithDeviceIdButtonClicked() and OnRetryLoginButtonClicked() methods as shown below. The OnLoginWithDeviceIdButtonClicked() method triggers a login with the device ID, while the OnRetryLoginButtonClicked() method retries the login using the previously used login method.

   private void OnLoginWithDeviceIdButtonClicked()
   {
       Login(LoginType.DeviceId);
   }

   private void OnRetryLoginButtonClicked()
   {
       Login(lastLoginMethod);
   }