Universal login broken for third party application?

I’ve created a third party application via the management API. Also, we have two domain-level connections. When redirecting to the auth0-hosted Universal Login page via the Authorization Code flow, however, we get, “Something went wrong. Please contact technical support.”

something-went-wrong

There’s a 404 to cdn.auth0.com for the client.

I don’t think we’re doing anything wrong. What could we be doing wrong?

1 Like

Hi @nmcavoy, thank you for posting your issue in Auth0 community!. I’m not sure what went wrong there by a glance. Would you be able to capture a HAR file and DM me to take a look?

Please see https://auth0.com/docs/troubleshoot/har on how to capture a HAR file for troubleshooting. Also, make sure to edit the HAR file with a text editor and remove any sensitive data, i.e., passwords from the HAR file before attaching it to the response.

Cheers!

1 Like

Done, I DM’d you. Thanks!

Thank you for sending the HAR file through. From the information I observed in the HAR file, I was able to inspect the code of your customized hosted login page.

It seems like the Lock SDK version you are using is a bit old. Therefore, try switching into the Lock version 11.20, which is the latest version. You can find the latest release number in the GitHub repository.

I also noticed that you are not setting the __useTenantInfo: config.isThirdPartyClient option in Lock settings as per the instructions given in our documentation Enable Third-Party Applications. When you are initiating the Auth0Lock in your hosted login page, pass that option as in the example given below.

var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
    // other configurations...
    __useTenantInfo: config.isThirdPartyClient
});

lock.show();

In the documentation on enabling Third Party Applications, it says to upgrade the version of Lock SDK to 11 or later, but I’m not sure why it didn’t work with ver11.3. That is something we need to check on our side. However, it is good to use the latest version :).

Let me know how it goes.

Cheers!
Supun.

2 Likes

Hi Supun,

You mention this is a customized hosted login page. I’m not aware of any customization I’d done. As far as I know everything on that page (the Lock version; setting the __useTenantInfo setting) is done by Auth0. Am I wrong about that? Where can I customize?

Thanks.
Nick

Hi @nmcavoy,

You can customize the hosted login page by navigating to Universal Login section in your Auth0 Dashboard. By default the __useTenantInfo setting does not come with the hosted login page, and you have to manually set it up. You can change the Lock version you are currently using by finding the line

<script src="https://cdn.auth0.com/js/lock/11.3/lock.min.js"></script>

and changing it to

<script src="https://cdn.auth0.com/js/lock/11.20/lock.min.js"></script>

You can add the __useTenantInfo: config.isThirdPartyClient option as per the instructions given in my previous response.

1 Like

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.