官网：https://developer.linkedin.com/docs/oauth2

一、配置LinkedIn应用程序

a.创建一个应用  |  https://www.linkedin.com/uas/login?session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fdeveloper%2Fapps%3Fnewapp%3D

b.应用的基本配置

1）、JavaScript 配置如下图 (输入有效的网址，一般是首页的，点击add添加)

如果你的控制台报下面这个错误，就是这里没有配置好

javascript控制台错误

  Error: You must specify a valid JavaScript API Domain as part of this key's configuration. （你必须注册一个有效的javascript域）

 2）、Authentication 配置如下图 (输入当前页面的url,点击add)
  

二、初始化SDK
  详情：https://developer.linkedin.com/docs/signin-with-linkedin
   
  官网上面写的是必须将下面的代码放置在<head></head>里面，而我放在dom元素下面也生效了
  注：下面的代码必须严格按照格式写，
      1.换行
      2.不能有注释
      3.如果控制台报错误   Error: You must specify a valid JavaScript API Domain as part of this key's configuration.就是页面初始化sdk错误，一定是下面的代码书写有误

<script type="text/javascript" src="//platform.linkedin.com/in.js">
           api_key:配置client id
           authorize: true
           lang: en_US
        </script>

三、自定义登录按钮 

参考  https://blog.csdn.net/zh_rey/article/details/78871365#commentsedit

<a id="link"></a>

<script>
// 处理来自API调用的成功返回
function onSuccess(data) {

//获取数据之后填充到对应的input上
   document.getElementById("firstName").value=data.values[0].firstName;
   document.getElementById("lastName").value=data.values[0].lastName;
   if(!data.values[0].emailAddress){
       document.getElementById("email").value='';
   }else{
      document.getElementById("email").value=data.values[0].emailAddress;
  }
}

// 处理来自API调用的错误返回
function onError(error) {
    console.log(error);
}

// 自定义登录监听事件
document.getElementById("link").onclick=function(){
      IN.User.authorize(getProfileData,{'r_emailaddress':'email-address'});
      return false;
}

function getProfileData(data){
      IN.API.Profile("me").fields("first-name", "last-name", "email-address").result(onSuccess).error(onError);
}

</script>

四、注销

<button type="button" onclick="lingOut()">领英注销</button>

function lingOut(){

IN.User.logout(out);

}

linkedin 第三方网站登录(JavaScript SDK)的更多相关文章

  1. Google第三方网站登录（JavaScript SDK）

    官网:https://developers.google.com/identity/sign-in/web/ 一.创建应用 a.去谷歌控制台创建应用     网址:https://accounts.g ...

  2. OpenID Connect Core 1.0（八）从第三方发起登录

    在某些情况下,登录流程由一个OpenID提供者或其他方发起,而不是依赖方(RP).在这种情况下,发起者重定向到RP在发起登录终结点,RP的请求验证请求发送到指定的OP.这个发起登录终结点可以在RP深度 ...

  3. Javascript技巧实例精选(4)—FTP网站登录的Javascript实现

    FTP网站登录的Javascript实现 >>点击这里下载完整html源码<< 这是最后的截图 这是核心Javascript源码 function goFtpSite() { ...

  4. 利用 JavaScript SDK 部署网页版“Facebook 登录”

    facebook开发者平台https://developers.facebook.com/ 利用 JavaScript SDK 部署网页版“Facebook 登录” 通过采用 Javascript 版 ...

  5. discuz论坛与其它网站登录注册整合

    discuz论坛与其它网站登录注册整合 本文以discuz 7.0.0 php版本的论坛与 .net 2.0的网站注册登录整合为类.没有采用uc_center或第三方插件.以另类的方式实现.此方法实现 ...

  6. 【转】【Android应用开发详解】第01期：第三方授权认证（一）实现第三方授权登录、分享以及获取用户资料

    转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/9057257 由于公司项目的需要,要实现在项目中使用第三方授权登录以及分享文字 ...

  7. 【Android应用开发详解】实现第三方授权登录、分享以及获取用户资料

      由于公司项目的需要,要实现在项目中使用第三方授权登录以及分享文字和图片等这样的效果,几经波折,查阅了一番资料,做了一个Demo.实现起来的效果还是不错的,不敢独享,决定写一个总结的教程,供大家互相 ...

  8. 使用ShareSDK实现第三方授权登录、分享以及获取用户资料效果，项目中包含：源码+效果图+项目结构图

    [Android应用开发详解]第01期:第三方授权认证(一)实现第三方授权登录.分享以及获取用户资料   由于公司项目的需要,要实现在项目中使用第三方授权登录以及分享文字和图片等这样的效果,几经波折, ...

  9. QQ第三方授权登录OAuth2.0实现（Java）

    准备材料 1.已经备案好的域名 2.服务器(域名和服务器为统一主体或域名已接入服务器) 3.QQ号 4.开发流程:https://wiki.connect.qq.com/%E5%87%86%E5%A4 ...

随机推荐

  1. python 使用 thrift 教程

    一.前言: Thrift 是一种接口描述语言和二进制通信协议.以前也没接触过,最近有个项目需要建立自动化测试,这个项目之间的微服务都是通过 Thrift 进行通信的,然后写自动化脚本之前研究了一下. ...

  2. 解读经典《C#高级编程》泛型 页114-122.章4

    前言 本章节开始讲解泛型..Net从2.0开始支持泛型,泛型不仅是C#的一部分,也与IL代码紧密集成.所以C#中泛型的实现非常优雅.相对于C#,Java是后期引入的泛型,受限于最初的设计架构,就实现的 ...

  3. 基于.Net进行前端开发的技术栈发展路线（三）

    前言 上一篇<我的技能树二>文章分享了我的技能中的前端技能和Java技能,今天继续跟大家分享的就是后端技能了. 我的技能树 我当前的技能树: 其中,标注为黄色旗帜的是基本掌握,标注为红色旗 ...

  4. msf中exploit的web_delivery模块

    背景:目标设备存在远程文件包含漏洞或者命令注入漏洞,想在目标设备上加载webshell,但不想在目标设备硬盘上留下任何webshell文件信息 解决思路:让目标设备从远端服务器加载webshell代码 ...

  5. Centos7破解密码的两种方法--技术流ken

    Centos7忘记密码   在工作或者自己练习的时候我们难免会大意忘掉自己的root密码,有些同学忘掉密码竟然第一选择是重装系统,工作中可万万使不得! 本篇博客将讲解两种最常用的破解centos7忘掉 ...

  6. Xhprof分析php性能

    https://windows.php.net/downloads/pecl/releases/xhprof/0.10.6/ 下载Xhprof版本 配置一个本地访问url,指向index.php,能访 ...

  7. Java虚拟机学习笔记（一）

    Java虚拟机运行时数据区域 Java虚拟机将其所管理的内存划分为若干个不同的数据区域.这些区域都有着各自的用途,以及创建和销毁时间.其中有一些会随着虚拟机启动而启动,随着虚拟机退出而销毁:有些则是与 ...

  8. 微信小程序--页面的生命周期和参数传递

    页面跳转: 1.函数 点击事件设置bindtap然后在本页面 js 设置函数 redirectTo:关闭当前页,跳转到指定页:   ( unload) navigateTo:保留当前页,跳转到指定页: ...

  9. html iframe高度自适应

    想到的一种办法是,在父页面里获取子页面的高度,在父页面onlod里把获取到子页面的高度赋值给父页面iframe标签,不过这种方法感觉不是很好,因为浏览器兼容性不好,获取不到高度 这种方法有两种写法 & ...

  10. 一种提升连接Dynamics 365性能的方法

    关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复256或者20170512可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...