LinkedIn provider setup for Users & Permissions

The present page explains how to setup the LinkedIn provider for the Users & Permissions feature.

Prerequisites

You have read the Users & Permissions providers documentation.

Caution

LinkedIn has migrated from "Sign In with LinkedIn" to "Sign In with LinkedIn using OpenID Connect." The r_liteprofile and r_emailaddress scopes have been deprecated. The setup steps below may need adjustments to match the new OpenID Connect product.

LinkedIn configuration

Note

LinkedIn accepts the localhost urls.
The use of ngrok is not needed.

1. Visit the Apps list page at https://www.linkedin.com/developers/apps
2. Click on Create app button
3. Fill the information:
   • App name: Strapi auth
   • LinkedIn Page: Enter a LinkedIn page name to associate with the app or click Create a new LinkedIn Page to create a new one
   • App Logo: Upload a square image that is at least 100x100 pixels.
4. Click on the Create app to create the app
5. On the app page click on Auth tab
6. Fill the information:
   • Authorized redirect URL: http://localhost:1337/api/connect/linkedin/callback
7. On the app page click on Products tab.
8. Select Sign In with LinkedIn using OpenID Connect from the product list to enable it.

Strapi configuration

1. Visit the User & Permissions provider settings page at http://localhost:1337/admin/settings/users-permissions/providers
2. Click on the LinkedIn provider
3. Fill the information:
   • Enable: ON
   • Client ID: 84witsxk641rlv
   • Client Secret: HdXO7a7mkrU5a6WN
   • The redirect URL to your front-end app: http://localhost:3000/connect/linkedin/redirect

Your configuration is done. Launch the backend and the react login example application, go to http://localhost:3000 and try to connect to the provider you configured.