LinkedIn第三方登录（JavaScript SDK）

在网站上插入领英第三方登录API

详细demo下载

本demo示例利用JavaScript SDK实现了Facebook、google、LinkedIn第三方登录，可以获取用户的基本信息，并且同时包括官方登录按钮和自定义登录按钮代码示例。

1、初始化SDK

 

在领英开发者平台的 My APP 里创建一个应用，并新增域名

并取得应用ID

然后在页面head里初始化SDK

<script type="text/javascript" src="//platform.linkedin.com/in.js">
    api_key:   qwer123456  //app ID
    onLoad:    onLinkedInLoad	//登录回调函数
    authorize: true	//如果找到身份令牌cookie会自动登录
    lang:      en_US
</script>

 

注意严格按照示例格式（保留换行）

 

2、添加登录按钮

（1）官方

<script type="in/Login"></script>

将代码放置希望显示按钮的位置

（2）自定义

<button type="button" onclick="lingIn()">领英登录</button>

 

3、登录监听

 

// 设置一个事件侦听器，一旦auth完成就进行一次API调用
function onLinkedInLoad() {
    IN.Event.on(IN, "auth", getProfileData);
}

// 处理来自API调用的成功返回
function onSuccess(data) {
    console.log(data);
}

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

// 使用API​​调用包装来请求成员的基本概要文件数据
function getProfileData() {
    IN.API.Raw("/people/~").result(onSuccess).error(onError);
}

// 自定义登录监听事件
function lingIn(){
	IN.User.authorize(loginaa,{'r_emailaddress':'email-address'});
}
function loginaa(data){
	IN.API.Raw("/people/~:(id,firstName,lastName,email-address,headline)?format=json").result(onSuccess).error(onError);
}

 

 

 

自定义返回用户资料

GET	https://api.linkedin.com/v1/people/~:(id,num-connections,picture-url)?format=json

查找所需字段请到官网 点击打开链接
4、注销

 

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

 

function lingOut(){
	IN.User.logout(out);
}
function out(data){
	console.log(data); //true或false
}

 

详细demo下载

本demo示例利用JavaScript SDK实现了Facebook、google、LinkedIn第三方登录，可以获取用户的基本信息，并且同时包括官方登录按钮和自定义登录按钮代码示例。