自定义Linkedin登录按钮

Sam*_*Sam 13 oauth-2.0 linkedin-jsapi

我正在实施LinkedIn登录到我的网络应用程序..我正在使用以下脚本:

<script type="in/Login"> </script> 
Run Code Online (Sandbox Code Playgroud)

加载LinkedIn登录按钮.此脚本会自动加载带有修复设计或图像的LinkedIn登录按钮.

但是我想用自定义的LinkedIn图像自定义一个按钮,这个按钮应该在点击它之后生成LinkedIn登录事件..它应该服务于脚本的目的之上

Plz帮助

小智 25

其他方法:

  1. 放置您喜欢的图像:

    <a href=""><img onclick="liAuth()" src="./img/widget_signin.png"></a>
    
    Run Code Online (Sandbox Code Playgroud)
  2. 像这样创建JS函数:

    function liAuth(){
       IN.User.authorize(function(){
           callback();
       });
    }
    
    Run Code Online (Sandbox Code Playgroud)
  3. 使用LinkedIn用户数据:

    IN.API.Profile("me")
       .fields("firstName", "lastName", "headline")
       .result(resultFunction);
    
    Run Code Online (Sandbox Code Playgroud)

  • 我试过但不行.自定义按钮打开一个不重定向的窗口.特别是它打开:https://platform.linkedin.com/js/xdrpc.html?v=0.0.2000-RC8.57445-1429#mode=popup-wait&target=easyXDM_IN_Lib_li_gen_1470215382764_2_provider而正式按钮重定向:https://开头WWW .linkedin.com/UAS/OAuth的/授权?组oauth_token = 78--607c25d0-68eb-49e8-9b92-85277b5b1c95&状态= (5认同)

小智 11

是的,这是可能的.我们正在使用jQuery,所以这是我们的解决方案:

<script type="text/javascript" src="http://platform.linkedin.com/in.js">    
  api_key: apikey    
  onLoad: onLinkedInLoad    authorize: true
</script>

<script type="text/javascript">    
  function onLinkedInLoad() {        // Use a larger login icon. 
     $('a[id*=li_ui_li_gen_]').css({marginBottom:'20px'}) 
       .html('<img src="/images/shared/linkedin-register-large.png" height="31" width="200" border="0" />');    
  }
</script>
Run Code Online (Sandbox Code Playgroud)