在网站上插入领英第三方登录API
本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 | |
查找所需字段请到官网 点击打开链接
4、注销
<button type="button" onclick="lingOut()">领英注销</button>
function lingOut(){
IN.User.logout(out);
}
function out(data){
console.log(data); //true或false
}
本demo示例利用JavaScript SDK实现了Facebook、google、LinkedIn第三方登录,可以获取用户的基本信息,并且同时包括官方登录按钮和自定义登录按钮代码示例。