接入第三方登录（微信、QQ、新浪微博）

最近做一个小项目，收到一个需求，需要接入第三方登录，不多说废话，直接上代码
首先在index.html文件中加入下面的外链js文件：
注：其中111111对应在相关第三方平台申请的appid，其中https://111111.com对应在相关第三方平台设置的回调地址

然后在对应的登录按钮上添加对应的事件：

// 微信登录
wechatLogin() {

window.location.replace(https://open.weixin.qq.com/connect/oauth2/authorize?appid=111111&redirect_uri=https%3a%2f%2f111111.com&response_type=code&scope=snsapi_userinfo&state=123&connect_redirect=1#wechat_redirect`)

}

// QQ登录

qqLogin() {

window.location.replace(`https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=111111&redirect_uri=https%3a%2f%2f111111.com&scope=scope`)

}

// 微博登录

weboLogin() {

window.location.replace(`https://api.weibo.com/oauth2/authorize?client_id=111111&response_type=code&redirect_uri=https%3a%2f%2f111111.com`)

}

然后回调的地址中就能拿到登录的code，再用这个code就能请求到后端的用户信息啦~

接入第三方登录（微信、QQ、新浪微博）相关推荐

dedecms织梦第三方登录插件-QQ登录、微博登录、微信登录
织梦程序集成第三方QQ登录.微博登录.微信登录,获取QQ.微博.微信,并存储至数据库,一键注册为网站会员,不用再次填写绑定信息,方便粘贴用户更强. 织梦第三方登录效果第三方登录插件特点 1.所有文件 ...
第三方登录---微信登录
由于某一个误导,误打误撞的实现了微信登录...(其实是要实现第三方平台授权的,下一篇文档会讲解下第三方平台授权) 第三方登录多么常见我就不多说了,想要实现第三方登录首先需要在第三方平台(QQ.新浪微博 ...
网站集成第三方登录-微信登录
网站集成第三方登录-微信登录课程介绍 1. 第三方登录引入介绍; 2. 网站微信登录原理(重点);oauth2 3. 网站微信登录具体步骤(重点); 4. 常见疑问解答; 5. 功能实现 ...
laravel5实现第三方登录(微信)
背景最近手头一个项目需要实现用户在网站的第三方登录(微信和微博),后端框架laravel5.4. 实现过程以微信网页版第三方登录,其他于此类似,在此不做重复. 准备工作网站应用微信登录是基于OAu ...
网站如何接入第三方登录，微信登录和QQ登录：注册认证篇
第三方登录平台接入 (QQ\微信登录) QQ登录接入第一步成为QQ应用开发者,审核期限七天一.所需材料 1.公司注册相关信息 2.营业执照扫描件微信登录接入第一步成为微信开发平台开发者,认证费 ...
Java第三方登录（QQ，微博，微信）
第三方登录_新浪微博 1. 在微博开发平台,注册开发者用户并填写相关信息和创建应用信息,等待审核通过,然后进行下一步编码操作http://open.weibo.com/,具体操作可在微博开发平台观 ...
Java实现第三方登录--OAuth2.0新浪微博登录接入（二）
目录一.完成微博平台应用注册,获取参数 1.登录微博开发平台. 2.开发者认证 3.创建应用 3.1 选择网站接入 3.2 立即接入 3.3 创建新应用 3.4 完善应用的基本信息和高级信息二. ...
PHP 接入（第三方登录）QQ 登录 OAuth2.0 过程中遇到的坑
前言绝大多数网站都集成了第三方登录,降低了注册门槛,增强了用户体验.最近看了看 QQ 互联上 QQ 登录的接口文档.接入 QQ 登录的一般流程是这样的:先申请开发者 -> 然后创建应用(拿到一 ...
友盟集成第三方登录--微信、QQ实现
友盟集成了第三方登录,本给我们带来便利,但是文档只描述了集成方式,出现问题,发现还得自己各种baidu,这里总结自己遇到的一些坑,以防下次再踩. 友盟集成第三方微信登录: 友盟集成方案参考:http: ...

接入第三方登录（微信、QQ、新浪微博）

接入第三方登录（微信、QQ、新浪微博）相关推荐

最新文章

热门文章