0
Angular2를 처음 사용하고 있습니다. 링크 된 로그인 기능을 통합하고 현재 Angular2 프로젝트의 사용자 정보를 얻고 싶습니다.linkedin로 로그인하고 Angular2로 사용자 정보 가져 오기
나는 링크드 인 개발자 계정을 사용하여 응용 프로그램을 작성 비밀 클라이언트 ID 및 클라이언트를 가지고 코드를 아래에 시도했지만 그것은 나를
ZoneAwareError {__zone_symbol__error 오류가 제공 한 : 오류 : 당신은 유효한 자바 스크립트 API를 지정해야합니다 이 키의 구성의 일부인 도메인. "81zbsc62i53h5x"과 (API_KEY하지 않고 : :. 81zbsc62i53h5x)하지만 같은 오류가 제공
지수 스크립트 아래에 포함 HT에서 ...}
나는 따옴표 (API_KEY를 사용하여 API 키를 선언하는 방법을 모두 시도했다. 클릭
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 로그인 버튼을 app.component.ts에서 HTML
<script type="text/javascript" src="http://platform.linkedin.com/in.js">
api_key: 81zbsc62i53h5x
authorize: true
onLoad: onLinkedInLoad
scope: r_fullprofile
</script>
코드
<button (click)="onLinkedInLoad()" class="linkedin-btn">LinkedIn Login</button>
도움이 되었습니까?
[LinkedIn API documentation] (https://developer.linkedin.com/docs/signin-with-linkedin#)을보십시오. 그들은 Sign In 버튼을 포함하여 단계별 가이드를 적어 놓았습니다. –
첫 번째 질문은 백엔드의 일부 리소스에 액세스해야하는지 여부입니다. 그렇다면 Linkedin과 연결된 인증 서버가 필요하므로 ** OAuth2 Authorization Code Grant **가 필요합니다. 그렇지 않으면 백엔드에 연결할 필요가 없다면 ** OAuth2 Implicit Grant **를 사용할 수 있습니다. 다음 질문은 어떤 부여 유형이 Linkedin을 지원합니까? 암시 적 권한 부여를 사용할 수 없습니다. 따라서 권한 서버가 필요할 수 있습니다. Auth0 [LINK] (https://auth0.com/docs/connections/social/linkedin)과 같은 기존 상용 서비스를 구현하거나 사용할 수 있습니다. – andreim
@MadhuRanjan 나는 당신이 제공 한 링크에서 단계를 밟았습니다. 나는 또한 내가받은 오류를 구체적으로하기 위해 나의 질문을 업데이트했다. 제발 봐. –