LinkedIn
$ cordova plugin add https://github.com/nithinkumarhere/nr-cordova-linkedin.git --variable APP_ID=YOUR_APP_ID
$ npm install --save nr-linkedin-login
[Usage Documentation]
Plugin Repo: https://github.com/nithinkumarhere/nr-cordova-linkedin
A Cordova plugin that lets you use LinkedIn Native SDKs for Android and iOS.
Please see the plugin's repo for detailed installation steps.
Supported platforms
Usage for Linkedin Login for Native
import { LinkedIn } from '@ionic-native/linkedin';
constructor(private linkedin: LinkedIn) { }
...
// check if there is an active session
this.linkedin.hasActiveSession().then((active) => console.log('has active session?', active));
// login
const scopes = ['r_basicprofile', 'r_emailaddress', 'rw_company_admin', 'w_share'];
this.linkedin.login(scopes, true)
.then(() => console.log('Logged in!')
.catch(e => console.log('Error logging in', e));
// get connections
this.linkedin.getRequest('people/~')
.then(res => console.log(res))
.catch(e => console.log(e));
// share something on profile
const body = {
comment: 'Hello world!',
visibility: {
code: 'anyone'
}
};
this.linkedin.postRequest('~/shares', body)
.then(res => console.log(res))
.catch(e => console.log(e));
Linkedin Login for In-App-Browser in case Linkedin App is not installed
Installing
From the root of your Apache Cordova project, execute the following:
npm install nr-linkedin-browser --save
This will install nr-linkedin-browser and its dependencies.
Injecting:
There are 2 types of entities in the library: Platform (i.e., Cordova, Browser) and Provider (i.e., Facebook, LinkedIn, etc.). Each provider has it's own class.
You need to inject the Platform class into every class in which you wish to use them. For example, if you wish to use Facebook oauth in a particular class, it would look something like:
import {LinkedInb} from 'nr-linkedin-browser/core';
import {OauthBrowser} from 'nr-linkedin-browser/platform/browser'
import {OauthCordova} from 'nr-linkedin-browser/platform/cordova'
Alternatively you can use Angular2 Injector in order to provide platform specific service for all components:
import {bootstrap} from '@angular/platform-browser-dynamic'
import {App} from './app.component'
import {OauthCordova} from 'nr-linkedin-browser/platform/cordova'
import {Oauth} from 'nr-linkedin-browser/oauth'
bootstrap(App, [
{ provide: Oauth, useClass: OauthCordova }
])
@Component({
selector: 'my-component'
})
class MyComponent {
constructor(oauth: Oauth) {
this.oauth = oauth
}
}
Using nr-linkedin-browser In Your Project
const provider = new LinkedInb({
clientId: string,
appScope?: string[],
redirectUri?: string,
responseType?: string,
authType?: string
});
A Working Example with both Native & In-App-Browser, If Linkedin App is not installed locally it should trigger In-App-Browser login.
import { Component, OnInit } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { LinkedIn, LinkedInLoginScopes } from 'nr-linkedin';
import { LinkedInb } from "nr-linkedin-browser/core";
import {OauthCordova} from 'nr-linkedin-browser/platform/cordova';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage implements OnInit {
private loggedIn: boolean;
scopes: LinkedInLoginScopes[] = ['r_basicprofile', 'r_emailaddress', 'rw_company_admin', 'w_share'];
isLoggedIn: boolean = false;
selfData = { id:"", firstName:"", lastName:"" };
private oauth: OauthCordova = new OauthCordova();
private linkedinbProvider: LinkedInb = new LinkedInb({
clientId: "814imsl6ap5wcn",
appScope: ["r_basicprofile","r_emailaddress"],
redirectUri: "http://localhost/callback",
responseType: "code",
state: "DCEeFWf45A53sdfKef424"
})
constructor(public navCtrl: NavController, private linkedin: LinkedIn, private platform: Platform) {}
public linkedinb() {
this.platform.ready().then(() => {
this.oauth.logInVia(this.linkedinbProvider).then(success => {
console.log("RESULT: " + JSON.stringify(success));
}, error => {
console.log("ERROR: ", error);
});
});
}
ngOnInit() {
}
ionViewDidAppear() {
this.linkedin.hasActiveSession().then((active) => {
this.isLoggedIn = active;
if(this.isLoggedIn === true) {
this.getSelfData();
}
});
}
login(){
this.linkedin.isLinkedInAppInstalled()
.then(res => {
if(res==false){
console.log("app not installed");
this.linkedinb();
}else{
console.log("app installed");
this.linkedin.login(this.scopes, true)
.then(() => {
this.isLoggedIn = true;
this.getSelfData();
})
.catch(e => console.log('Error logging in', e));
}
})
.catch(e => console.log(e));
}
logout() {
this.linkedin.logout();
this.isLoggedIn = false;
console.log(this.isLoggedIn);
}
getSelfData() {
this.linkedin.getRequest('people/~')
.then(res => {
this.selfData = res;
//this.openProfile(res.id);
console.log(res);
})
.catch(e => console.log(e));
}
openProfile(memberId) {
this.linkedin.openProfile(memberId)
.then(res => console.log(res))
.catch(e => console.log(e));
}
shareSomething() {
const body = {
comment: 'May I Share something on my profile?',
visibility: {
code: 'anyone'
}
};
this.linkedin.postRequest('~/shares', body)
.then(res => console.log(res))
.catch(e => console.log(e));
}
}