Linkedin Login in Flutter

In this blog, we are going to learn about “LinkedIn Login” in a flutter.

OAuth 2.0 is used by LinkedIn, the largest and most reliable source of professional identities, for API authentication and user permission. An access token is made available after successful login and can be used to retrieve member profiles and emails.

I’ll show you how to set up LinkedIn sign-in on your Flutter and retrieve pertinent data using the LinkedIn API in this tutorial.

Check out more about our Flutter app development.

Dependency

The Dependency Section mentions, that these libraries to use the most recent version of the package

 linkedin_login: ^2.2.1

1	linkedin_login: ^2.2.1

The below command runs in the terminal of the Android studio after adding the dependency.

flutter pub add linkedin_login

1	flutter pub add linkedin_login

Required Params

Get clientId and clientSecret when creating an app on https://www.linkedin.com/developers/apps/new for the authentication procedure.

<strong>final</strong> <strong>String</strong> redirectUrl = 'YOUR-REDIRECT-URL';
<strong>final</strong> <strong>String</strong> clientId = 'YOUR-CLIENT-ID';
<strong>final</strong> <strong>String</strong> clientSecret = 'YOUR-CLIENT-SECRET';

final String redirectUrl = 'YOUR-REDIRECT-URL';

final String clientId = 'YOUR-CLIENT-ID';

final String clientSecret = 'YOUR-CLIENT-SECRET';

Samples

After the completed process we are adding the Call LinkedIn authorization and get the user object.

    LinkedInUserWidget(
       redirectUrl: redirectUrl,
       clientId: clientId,
       clientSecret: clientSecret,
       onGetUserProfile:
           (UserSucceededAction linkedInUser) {
                print('Access token ${linkedInUser.user.token.accessToken}');
                print('First name: ${linkedInUser.user.firstName.localized.label}');
                print('Last name: ${linkedInUser.user.lastName.localized.label}');
       },
       onError: (UserFailedAction e) {
                print('Error: ${e.toString()}');
       },
    )

LinkedInUserWidget(

redirectUrl: redirectUrl,

clientId: clientId,

clientSecret: clientSecret,

onGetUserProfile:

(UserSucceededAction linkedInUser) {

print('Access token ${linkedInUser.user.token.accessToken}');

print('First name: ${linkedInUser.user.firstName.localized.label}');

print('Last name: ${linkedInUser.user.lastName.localized.label}');

onError: (UserFailedAction e) {

print('Error: ${e.toString()}');

)

Alternatively, you can just retrieve the permission code (clientSecret is not necessary for this widget)

  LinkedInAuthCodeWidget(
        redirectUrl: redirectUrl,
        clientId: clientId,
        onGetAuthCode:
            (AuthorizationSucceededAction response) {
                print('Auth code ${response.codeResponse.code}');
                print('State: ${response.codeResponse.state}');
            },
        onError: (AuthorizationFailedAction e) {
                print('Error: ${e.toString()}');
             },
    ),

LinkedInAuthCodeWidget(

redirectUrl: redirectUrl,

clientId: clientId,

onGetAuthCode:

(AuthorizationSucceededAction response) {

print('Auth code ${response.codeResponse.code}');

print('State: ${response.codeResponse.state}');

onError: (AuthorizationFailedAction e) {

print('Error: ${e.toString()}');

In the case of the logout user(to the clear session from web view) then we are sending the ‘true’ value for destroySession in LinkedInUserWidget or LinkedInAuthCodeWidget and also destroy the data from a local database.

Linkedin user widget

You can create a LinkedIn user widget and use these properties to display that user information.

String firstName;
  String lastName;
  String accessToken;
  int expiresIn;
  String profilePicture;
  String email;
  String userId; (from version 0.1.)

String firstName;

String lastName;

String accessToken;

int expiresIn;

String profilePicture;

String email;

String userId; (from version 0.1.)

In this preview, you will see LinkedIn login and logout buttons. these widgets are default widgets provided by the LinkedIn library.

Conclusion

We learned how to use the LinkedIn sign-in our app and get user information for use in an application.

Visit the link for additional information on the LinkedIn login in the Flutter application

Thanks for reading this blog. You can also check other blogs from here for more knowledge.

Always be ready for learning 🙂

Govind Singh

7 Dec, 2023
Updated by - Govind Singh
27 Apr, 2023
Updated by - Govind Singh

. . .

Linkedin Login in Flutter

Dependency

Required Params

Samples

Linkedin user widget

Conclusion

Leave a Comment Cancel Reply

Message Sent!