2017-06-28 22 views
1

イオンサービス、stamplayまたはAuthOを使わずに誰でもIonic2 LinkedIn認証を手伝ってもらえますか、私はコードを書いて、linkedinでアプリケーションを設定しましたが、LinkedInポップアップが開きますが、資格情報を入力しても応答は生成されません。Linkedin ionic2認証

答えて

1

注:私は私はそれを回避し、ネイティブプラグインの詳細を集中しています一方、あなたはStamplayを使用している
//コルドバ - プラグインinappbrowserをインストール

declare var window: any; 

export class HomePage { 

constructor(public platform: Platform,private http: Http) { 
    this.platform = platform; 
    this.http = http; 
} 


linkedlogin() 
{ 
    this.platform.ready().then(() => { 
    this.linked().then(success => { 
    //Generate to the access token 
     let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' }); 
     let options = new RequestOptions({ headers: headers }); 
     this.http.get("https://www.linkedin.com/oauth/v2/accessToken?client_id='Your clientID'&client_secret='your client_secret'&redirect_uri=https://ionic-li-login.stamplayapp.com/auth/v1/linkedin/connect&code="+ success + "&grant_type=authorization_code", 
      options).map(res =>res.json()).subscribe(data => 
      { 
       var accessToken = data.access_token; 
       //Get to the people data for login user data 
       this.http.get("https://api.linkedin.com/v1/people/~:(id,first-name,last-name,email-address,industry,picture-url,headline,date-of-birth,location:(name))?format=json&oauth2_access_token=" + accessToken) 
       .map(res =>res.json()) 
       .subscribe(showdata => { 
        var linkdata = { 
          id:showdata.id, 
          firstName:showdata.firstName, 
          lastName:showdata.lastName, 
          emailAddress:showdata.emailAddress, 
          industry:showdata.industry, 
          headline:showdata.headline, 
          location:showdata.location.name, 
          pictureUrl:showdata.pictureUrl, 
        } 
        console.log(JSON.stringify(linkdata)); 
       }); 
      }); 
     }, (error) => { 
     alert('Error'); 
    }); 

    }); 
} 


linked(): Promise<any> 
{ 
    return new Promise(function(resolve,reject) 
    { 
    /* Linkedin login and signup page */ 
    var browserRef = window.cordova.InAppBrowser.open("https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id='your clientID'&redirect_uri=https://ionic-li-login.stamplayapp.com/auth/v1/linkedin/connect&scope=r_basicprofile+r_emailaddress"); 
    browserRef.addEventListener("loadstart", (event) => { 
    if ((event.url).indexOf("https://ionic-li-login.stamplayapp.com/auth/v1/linkedin/connect") === 0) 
    { 
     browserRef.removeEventListener("exit", (event) => {}); 
     browserRef.close(); 
     /* Will be generate to the authentication code */ 
     var authcode = (event.url).split("code=")[1]; 
     if(authcode !=null) 
     {  
      resolve(authcode); 
     } 
     else 
     { 
     alert("Problem authenticating with Linkdin"); 
     } 
    } 
    }); 
    browserRef.addEventListener("exit", function(event) 
    { 
    reject("The Linkdin sign in flow was canceled"); 
    }); 
    }); 
} 

}

+0

メイトをlinkdinためstamplayを使用していましたドキュメントに記載されています。あなたがそれを手伝ってくれるなら、本当に役に立ちます。 – Raghav

+0

とにかく助けてくれてありがとう@HH Patel。私はドキュメントで言及されたネイティブプラグインを使用してそれを解決することができました。 :) – Raghav

関連する問題