0
Angular2を初めて使用しました。リンクされたログイン機能を統合し、現在Angular2プロジェクトのユーザー情報を取得したいと考えています。linkedinでログインし、Angular2でユーザー情報を取得
私はLinkedInの開発者アカウントを使用してアプリケーションを作成し、クライアントIDとクライアントを持っているシークレットとコードの下にしようとしたが、それは私が
ZoneAwareError {__zone_symbol__errorエラー与えています。エラー：あなたは有効なJavaScript APIを指定する必要がありますこの鍵の構成の一部としてのドメイン。 「81zbsc62i53h5x」とそれ（API_KEYなし：：。81zbsc62i53h5x）が、同じエラーが来る
インデックス内のスクリプト以下に含まHTで......}
私は二重引用符（API_KEYを使用してAPIキーを宣言するための方法の両方を試してみました。 HTML
<script type="text/javascript" src="http://platform.linkedin.com/in.js">
api_key: 81zbsc62i53h5x
authorize: true
onLoad: onLinkedInLoad
scope: r_fullprofile
</script>
app.component.tsのコード
declare var IN: any;
export class AppComponent {
onLinkedInLoad() {
IN.Event.on(IN, "auth", this.onLinkedInAuth);
}
public onLinkedInAuth() {
IN.API.Profile("me")
.fields("firstName", "lastName")
.result(this.displayProfiles)
.error(this.displayProfilesErrors);
}
public displayProfiles(profiles) {
var linkedinmember = profiles.values[0];
console.log(JSON.stringify(linkedinmember));
console.log(linkedinmember.firstName + " " + linkedinmember.lastName);
}
public displayProfilesErrors(error) {
console.log(error.message);
console.log(error);
}
}
app.component.htmlのログインボタンと
01をクリックしてください<button (click)="onLinkedInLoad()" class="linkedin-btn">LinkedIn Login</button>
ご協力いただきありがとうございます。
[LinkedIn API documentation]（https://developer.linkedin.com/docs/signin-with-linkedin#）をご覧ください。サインインボタンを含むステップバイステップガイドを記載しています。 –
最初の質問は、バックエンドのリソースにアクセスする必要があるかどうかです。はいの場合は、Linkedinに接続する認証サーバーが必要です。** OAuth2 Authorization Code Grant **それ以外の場合は、バックエンドに接続する必要がない場合は、** OAuth2 Implicit Grant **を使用できます。次の質問は、どのグラントタイプがLinkedinをサポートしているかです。暗黙の許可は使用できない可能性があります。したがって、認可サーバーが必要な場合があります。 Auth0 [LINK]（https://auth0.com/docs/connections/social/linkedin）のような既存の商用サービスを実装することもできます。 – andreim
@MadhuRanjan私は既にあなたから提供されたリンクからステップを踏んだ。私はまた、私が受け取ったエラーを具体的にするために私の質問を更新した。どうぞご覧ください。 –