JDoodle.ai docs

Appearance

Auth0 integration with JDoodle.ai ​

Auth0 is an identity management platform that provides secure authentication and authorization services for your web and mobile applications. Integrating Auth0 with your JDoodle.ai projects enables you to manage user authentication, streamline login workflows, and secure access to your project’s resources.

Integrating Auth0 with JDoodle.ai enables you to:

  • Secure user authentication with multiple login options.
  • Provide secure and efficient user sign-up and login.
  • Enable social logins (e.g., Google) via a centered popup interface.
  • Easily manage authentication using environment variables.
  • Configure allowed callback, logout, and web origin URLs to prevent authentication errors.

Integrating Auth0 ​

Get your Auth0 credentials ​

Visit https://manage.auth0.com in your browser.

Log in with your Auth0 account; if you’re a first-time user, complete the onboarding process, which includes configuring your region and creating a default application.

  • Once logged in and onboarded, navigate to the Applications tab in your dashboard and expand the Application section.
  • Create a new application by selecting the React example and clicking Create.
  • In the application settings, note your Auth Domain and Client ID.
  • Update the application URLs (Allowed Callback URLs, Allowed Logout URLs, and Allowed Web Origins) with your preview and published URLs (separated by commas if needed).
  • Save your changes and verify that your environment variables in your JDoodle.ai project start with the required prefix (e.g., “white”).

Add the Auth0 credentials to your JDoodle.ai project ​

  • Log in to your JDoodle.ai account and open the desired project.
  • Navigate to the Integration Panel at the top right corner (next to the Publish button).
  • Paste your Auth0 Client ID into the prompting box and instruct JDoodle.ai to integrate Auth0 into your project.
  • If the login popup is not centered, include a code snippet to center the popup—this improves user experience until the AI automatically handles it.
  • Refresh your project to activate the integration and test the login functionality (try using a social login like Google).

Troubleshooting ​

If the client ID is not working, re-check the client ID, add it again and ask JDoodle.ai to use it. If you're still facing troubles, find bugs, or need additional help, feel free to post in our community to get help.