LinkedIn 第三方登錄（JavaScript SDK）

官方文檔：https://developer.linkedin.com/docs/signin-with-linkedin

在此創建App 並獲取 api_key： https://www.linkedin.com/secure/developer?newapp=

<script type="text/javascript" src="https://platform.linkedin.com/in.js">
　　api_key: *********      // api_key 不可添加引號！
　　authorize: false 
　　onLoad: onLinkedInLoad   //必須
</script>


<script>

// 判斷登錄狀態
function onLinkedInLoad() {
　　IN.Event.on(IN, "auth", getProfileData);
}

// 登錄成功 
function onSuccess(date) {
　　console.dir(date);
　　//用戶授權登錄后在此數據處理
}

// Handle an error response from the API call
function onError(error) {
　　console.log(error);
}

// 獲取用戶信息
function getProfileData() {
　　IN.API.Raw("/people/~:(id,email-address,firstName,lastName,pictureUrl,siteStandardProfileRequest)").result(onSuccess).error(onError);
}

</script>

 HTML 代碼中寫入  <script type='in/Login'></script> 將自動生成登錄按鈕。

如需自定義按鈕樣式，方法很多，而我是這樣做的：

<div id='linkedin' style='display:none'>
    <script type='in/Login'></script>
</div>

<a class=""  id='linkedin_login' >LinkedIn Login</a> 

 

<script>
window.onload=function(){
   var linkedin=$('#linkedin span:first a span:first');
   var linkedin_login=$('#linkedin_login');
   linkedin_login.click(function(){
    linkedin.click();
   })
}
</script>