linkedin 第三方网站登录(JavaScript SDK)
官网: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").οnclick=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" οnclick="lingOut()">领英注销</button>
function lingOut(){
IN.User.logout(out);
}
转载于:https://www.cnblogs.com/zousaili/p/9406369.html
linkedin 第三方网站登录(JavaScript SDK)相关推荐
- 微博授权第三方网站登录
大致流程如下图所述 前置工作 去微博开放平台上(https://open.weibo.com/)申请网站接入 审核通过后会给你的应用分配 App Key 和 App Secret (后续根据授权码获取 ...
- 微信授权登录功能(第三方网站登录)
写这篇博客的目的呢,一个是在于记录自己的开发过程,另一个目的就是将自己踩到的坑贴出来,供大家借鉴. 由于公司近期在做一个项目,在网页中使用微信扫码登录的功能,就开始了研究尝试,直到功能实现,从一脸懵逼 ...
- 第三方网站登录微信——保姆级
上面是官网发布的时序图:(前提是给第三方已经通过了微信的授权) 1.用户对第三方说:我要用微信方式登录你们 2.第三方对微信说:用户要用微信登录我们,我需要这个用户的数据 3.微信问用户:有个第三方要 ...
- 详解新浪微博登录第三方网站
为什么要绑定? 答案:简化用户登录,用第三方账号实现这个网站的登录.通过绑定,还可以获得第三方账号的提供的一些接口信息,可以再本平台直接操作第三方平台,这样,即保存了本网站的用户也有利于第三方网站,实 ...
- VK第三方登录(JavaScript SDK)
利用 JavaScript SDK 部署网页版"VK登录" 官方文档 1.首先到 我的应用 页面创建新应用 2.在设置里编辑相关URL 3.在网站上加载VK <butto ...
- 使用linkedin第三方登陆报错You must specify a valid JavaScript API Domain as part of this key's configuration
使用linkedin第三方登陆js SDK时报错: You must specify a valid JavaScript API Domain as part of this key's confi ...
- Django使用Social-Auth实现微信第三方网站扫码登录
前言 之前让网页公司制作新官网的时候规划有第三方账号的登录功能,但由于当时的一些开放平台申请步骤比较繁琐(尤其是微信开放平台),所以一直拖延着,到了最近只能自己添加相关的功能. 由于是刚接触Pytho ...
- php实现第三方邮箱登录_JavaScript实现第三方登录网站原理在这呢
点关注,不迷路,每天更新大量前端资料 前端实现第三方登录之OAuth2.0协议 OAuth 2.0 规定了四种获得令牌的流程.我们可以选择最适合自己的那一种,向第三方应用颁发令牌.下面就是这四种授权方 ...
- read.html5.qq.com,如何通过第三方QQ登录网站首页
QQ登录,就是我们所说的第三方登录,是指用户可以不在本项目中输入密码,而直接通过第三方的验证,成功登录本项目 若想实现QQ登录,需要成为QQ互联的开发者,审核通过才可实现.注册方法参考链接http:/ ...
- 对第三方社会化 sdk 的集成和二次封装,比如第三方授权登录、第三方分享等
SocialSDKAndroid 项目地址:tsy12321/SocialSDKAndroid 简介:对第三方社会化 sdk 的集成和二次封装,比如第三方授权登录.第三方分享等 对第三方社会化 sdk ...
最新文章
- 可视化解释11种基本神经网络架构
- 如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题
- Java中的局部变量表及使用jclasslib进行查看
- 计算机二级文字处理解题步骤,计算机二级Msoffice~文字处理答案解析(解题步骤)...
- Hash Collision DoS 攻击
- MySQL----获取当前日期当月第一天,最后一天
- 不注册使用 .NET Reactor
- redmi_flash刷机之刷入第三方rec(recovery)TWRP_(2021.9.20实践)_以老旧机型redmi4x为例..待上传
- 免费的微信小游戏开发视频以及小程序源码
- java计算机毕业设计网上图书销售系统源程序+mysql+系统+lw文档+远程调试
- animate.css 梦幻西游动画
- 【2019.05】JS逆向——破解百度翻译参数(sign)爬虫 超级详细
- ServicePack自动补丁更新程序
- 嫁给通信旺的16条理由!!!
- 计算机基础教研活动记录,信息技术教研活动记录
- 计算机网络中什么叫总衰耗_计算机网络习题课答案
- Word2007设置标题序号与标题文字之间自动空一个字距
- UG二次开发GRIP移动到图层
- 千万不要尝试波段操作
- java闭锁_Java并发工具类(闭锁CountDownLatch)