GitLocker: The Coding Marketplace

Description:

signin with linkedin

A Flutter package that helps to Sign in with LinkedIn
It also supports Flutter Web.
Overview #

This package uses the v2 flow of Sign in - Sign In with LinkedIn using OpenID Connect
The old flow of Sign In with LinkedIn has been deprecated.

Getting started #

You must have one LinkedIn account with company page. Company page is required to create and verify your app.

Create your company page if you don't have.

Login to the LinkedIn Developer to create an app.

Create an app on LinkedIn #

Go to the My Apps and click on Create app.
You need to verify the created app by tap on verification link by login to the company account of LinkedIn.
After that, refresh the Settings tab. you should see Verified with the date in App Settings.
Inside the Auth tab, set the Authorized redirect URL for the app.

Generally, it can be your own website or you can use any other website as well.

Inside the Products tab, Request access for Sign In with LinkedIn using OpenID Connect

Usage #

Replace the below values

// Modify the "scope" below as per your need
final _linkedInConfig = LinkedInConfig(
clientId: '<<CLIENT ID>>',
clientSecret: '<<CLIENT SECRET>>',
redirectUrl: '<<REDIRECT URL>>',
scope: ['openid', 'profile', 'email'],
);
copied to clipboard

Call the signIn method.
onGetUserProfile is required to get user profile data.
Set onGetAuthToken callback if you want to use access token related data.

SignInWithLinkedIn.signIn(
context,
config: _linkedInConfig,
onGetAuthToken: (data) {
log('Auth token data: ${data.toJson()}');
},
onGetUserProfile: (user) {
log('LinkedIn User: ${user.toJson()}');
},
onSignInError: (error) {
log('Error on sign in: $error');
},
);
copied to clipboard

Logout from the account

await SignInWithLinkedIn.logout();
copied to clipboard
Usage on Flutter Web #

Create a file signin_linkedin.html in your website's root folder and deploy it on server. It is required to make a callback to dart code after complete the login with LinkedIn on web.
Add another redirect URL like : https://your-website/signin_linkedin.html

Sign in button #

We've not provided any button/widget for Sign in with LinkedIn. You can create your own UI for the sign in button.
You can download button image from LinkedIn Image Resources