Setting up LinkedIn OAuth through the Xano Marketplace

Welcome back to the Xano support series! Today, I, Cam, am thrilled to walk you through integrating LinkedIn OAuth in your Xano projects. This functionality allows users to sign up or sign in using their LinkedIn credentials, enhancing the user experience by streamlining the authentication process.

Step 1: Accessing the Xano Marketplace

Navigate to the Xano Marketplace:

1. Click on 'User Authentication' at the top.
2. Select 'LinkedIn OAuth'.
3. Click the blue 'Get Extension' button and add it to your instance.
4. Once added, you'll see 'Install Extension'; click it and choose to merge it with your user table.

Step 2: Configuring LinkedIn OAuth

To set up LinkedIn OAuth, you need two crucial pieces of information: the OAuth client ID and client secret. Here's how you get them:

1. Go to LinkedIn Developer and create an app.
2. Fill out necessary details, agree to terms, and request access for 'Signin with LinkedIn' using OpenID Connect.
3. After access approval, navigate to OAuth settings to find your client ID and client secret.

Step 3: Setting Up in Xano

In your Xano instance:

1. Paste the LinkedIn client ID and client secret into the corresponding fields within the LinkedIn OAuth extension settings.
2. Click 'Update' to save your configuration.

Step 4: Testing the Integration

Xano provides a convenient way to test your LinkedIn OAuth setup:

1. Click the 'Explore Live Demo' button to access a pre-configured demo page.
2. You'll need your Xano base URL, found in the API section under the LinkedIn OAuth group.
3. Paste this URL into the demo page to connect the LinkedIn OAuth flow.

Step 5: Finalizing Settings on LinkedIn

Ensure the redirect URL from the Xano demo is added to your LinkedIn app's OAuth settings. Also, update the authorized domains to include the domain from the Xano demo page.

Step 6: Running the Test

Back on the Xano demo page, attempt to sign up and log in using LinkedIn to confirm the setup is correct. Check your Xano database to see the new user created via LinkedIn.

Conclusion

By following these steps, you've successfully enabled LinkedIn OAuth for your Xano project. Now, users can effortlessly sign up or log in with their LinkedIn accounts, streamlining the authentication process and improving overall user engagement.

If you have any questions, feel free to leave them in the comment section, reach out via our support chat within Xano, or post to the Xano community forum. Thanks for watching, and see you in the next tutorial!