• 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.onload=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>
  • 相关阅读:
    安装Windows 和 Linux双系统(vmware) Centos7
    Nginx
    rsync详细配置
    19、Squid代理服务器
    5、SAMBA服务二:配置实例
    5、SAMBA服务一:参数详解
    4、NFS
    1、网络基本配置
    Spring data mongodb使用
    win下MongoDB使用
  • 原文地址:https://www.cnblogs.com/lishalom/p/6378027.html
Copyright © 2020-2023  润新知