LinkedIn 第三方登录(JavaScript SDK)

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

在此创建App 并获取 api_key: https://www.linkedin.com/secure/developer?newapp=

 1 <script type="text/javascript" src="https://platform.linkedin.com/in.js">
 2   api_key: *********      // api_key 不可添加引号!
 3   authorize: false 
 4   onLoad: onLinkedInLoad   //必须
 5 </script>
 6 
 7 
 8 <script>
 9 
10 // 判断登录状态
11 function onLinkedInLoad() {
12   IN.Event.on(IN, "auth", getProfileData);
13 }
14 
15 // 登录成功 
16 function onSuccess(date) {
18   console.dir(date);
19   //用户授权登录后在此数据处理
20 }
21 
22 // Handle an error response from the API call
23 function onError(error) {
24   console.log(error);
25 }
26 
27 // 获取用户信息
28 function getProfileData() {
29   IN.API.Raw("/people/~:(id,email-address,firstName,lastName,pictureUrl,siteStandardProfileRequest)").result(onSuccess).error(onError);
30 }
31 
32 </script>

 HTML 代码中写入  <script type='in/Login'></script> 将自动生成登录按钮。

如需自定义按钮样式,方法很多,而我是这样做的:

1 <div id='linkedin' style='display:none'>
2     <script type='in/Login'></script>
3 </div>
4 
5 <a class=""  id='linkedin_login' >LinkedIn Login</a> 

 

1 <script>
2 window.οnlοad=function(){
3    var linkedin=$('#linkedin span:first a span:first');
4    var linkedin_login=$('#linkedin_login');
5    linkedin_login.click(function(){
6     linkedin.click();
7    })
8 }
9 </script>

 

转载于:https://www.cnblogs.com/lishalom/p/6378027.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值