【Demo】QQ，github，微博第三方社交登录

最新推荐文章于 2023-07-18 11:00:02 发布
最新推荐文章于 2023-07-18 11:00:02 发布
阅读量394 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/apanly/article/details/53996943
版权

本文主要讲解 集成 第三方社交账号登录

为什么会有这个需求？

主要是因为目前互联网的网站数量太多，如果在各个站点都注册一个账号 用户非常不容易记住每个账号的用户名和密码，并且非常难保证每个账号的密码足够安全

而目前流行的社交网站 基本上每个用户都有账号，如果通过这类社交网站登录 就能得到如下几点好处

  • 用户不用再注册其他账号

  • 用户只能维护社交账户足够安全就行了，使用此社交账号登录的就是安全的了

常见的第三方社交账号有哪些？

  • QQ

  • 微信

  • 新浪微博

  • 人人网

  • 百度

  • Github

如何加入第三方登录功能？

国内这些比较大的社交公司 都有专门的开放平台，有经验的开发者可以看开放平台是可以实现了，本人主要实现三个社交登录

  • 新浪微博登录

  • QQ登录

  • Github登录

申请新浪微博网页应用

进入 http://open.weibo.com/  申请网页应用,微博应用可以先申请等上线之后再提交审核


600


600


600


600


600

申请QQ登录应用

进入 https://connect.qq.com/  ,登录之后 进入 应用管理，QQ应用需要先审核通过之后才可以使用（PS: 我被驳回了4次才通过，很多项和备案信息相关的）





申请Github登录应用

进入https://github.com/  登录之后 进入 设置页面


600


600


600


600


实现 QQ，微博，Github登录功能

相关数据表

CREATE TABLE `user` (
  `uid` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '用户uid',
  `nickname` varchar(20) NOT NULL DEFAULT '' COMMENT '用户昵称',
  `unique_name` varchar(60) NOT NULL DEFAULT '' COMMENT '唯一标识',
  `avatar` varchar(500) NOT NULL DEFAULT '' COMMENT '用户头像',
  `mobile` varchar(11) NOT NULL DEFAULT '' COMMENT '用户手机号码',
  `updated_time` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '最后一次更新时间',
  `created_time` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '插入时间',
  PRIMARY KEY (`uid`),
  UNIQUE KEY `idx_name` (`unique_name`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 COMMENT='用户表';


CREATE TABLE `oauth_token` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `client_type` varchar(20) NOT NULL DEFAULT '' COMMENT '客户端来源类型',
  `token` varchar(100) NOT NULL DEFAULT '',
  `note` varchar(1000) NOT NULL DEFAULT '' COMMENT '备注',
  `valid_to` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '有效期截止日期',
  `updated_time` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '最后一次更新时间',
  `createdt_time` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '插入时间',
  PRIMARY KEY (`id`),
  KEY `client_type_token` (`client_type`,`token`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 COMMENT='oauth token 表';


CREATE TABLE `oauth_bind` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `uid` int(11) NOT NULL DEFAULT '0' COMMENT '用户uid',
  `client_type` varchar(20) NOT NULL DEFAULT '' COMMENT '客户端',
  `openid` varchar(80) NOT NULL DEFAULT '' COMMENT '第三方id',
  `extra` text NOT NULL COMMENT '额外字段',
  `created_time` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' COMMENT '插入时间',
  PRIMARY KEY (`id`),
  KEY `idx_client_type_opend_id` (`client_type`,`openid`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='第三方登录绑定关系';

实现架构

相关代码文件：https://github.com/apanly/dream/tree/master/common/service/oauth  

ClientService.php   统一第三方登录方法，应用程序的方法入口
GithubService.php  Github第三方登录相关方法
QqService.php      QQ第三方登录相关方法 
WeiboService.php   微博第三方登录相关方法


实例演示

地址： http://www.54php.cn/oauth/login ,感兴趣大家可以自行前往试试


600



600


集成到商业产品需优化的地方

获取用户信息的相关逻辑，放入队列处理，因为获取信息还是比较慢的



原文地址： 【Demo】QQ，github，微博第三方社交登录
标签： qq    微信    微博    oauth    第三方    登录   

智能推荐

即学即码工作室
关注
SpringBoot - OAuth2第三方登录之新浪微博登录
江南烟雨却痴缠丶
06-19 2181
之前写过一篇OAuth2 - 第三方登录之微信登录，但是微信的开放平台的资质需要有公司/企业才能注册。如果是个人的话，可以使用其他个人开发者就可以使用的。比如QQ、新浪微博。 QQ的话，需要审核之后才能使用，需要手持身份证照。而微博的话，在开发期间使用无需审核就可以使用。 微博开放平台 - 创建应用 微博 - 开放平台地址 1、登录之后选择网站接入 2、完善个人开发者信息 3、创建应用 创建自己要使用微博登录功能的应用。 4、设置回调地址 即登录授权成功之后的回调地址 5、添加测试用户 测试用户即微
iOS使用ShareSDK集成QQ，微信，微博等第三方分享
pipimob的博客
01-24 1211
前言 最近项目需要加入第三方分享功能，看了网上的一些第三方SDK的介绍，觉得ShareSDK是一个很强大方便的第三方工具，所以选择了ShareSDK来完成。这里记录一下完整的集成与使用流程。 1.申请ShareSDK的AppKey以及第三方平台的AppKey ShareSDK的AppKey直接到Mob官网申请即可，具体的注册应用的流程请参考这里：Mob创建应用流程 其他第三方平台的AppK
OAuth2简易实战（四）-Github社交联合登录
weixin_34009794的博客
03-14 327
1. OAuth2简易实战（四）-Github社交联合登录 1.1. 用到的第三方插件 https://github.com/spring-projects/spring-social-github 1.2. 测试步骤 1.2.1. 先在github上注册一个OAuth Apps 我的配置内容如下 需要注意的，这里的最后一个回调地址的配置，格式严格规定，/connect/xxx，最后的git...
qq、微信、微博第三方登录
err118的专栏
09-28 1530
1.qq第三方登录流程 （1）新建tencent对象， （2）调用tenccet的login方法，获取到accesstoken和openid等信息 （3）新建UserInfo对象 （4）调用userinfo的getuserinfo方法，获取到用户资料信息。 2.微博第三方登录流程 （1）新建AuthInfo和SsoHandler对象 （2）调用SsoHandler的authorize
OAuth2.0 社交登录
weixin_32196893的博客
08-05 214
OAuth2.0 社交登录流程（以github账号登录csdn为例） csdn 首先向用户请求 github 登录 用户点击 github 的登录按钮 携带 client_id 跳转到 github 的登录页面，用户输入用户名和密码 当在 github 的登录页面输入用户名密码，点击登录按钮后 将登录信息提交到了 github 的授权服务器，授权服务器验证用户和密码，如果验证成功 将签发 code，根据重定向的 url 返回 csdn csdn 拿到返回 code 后，再加 client_id 和 c
OAUth2.0之微博社交登录
sdaujsj1的博客
02-28 1081
QQ、微博、github等网站的用户量非常大，别的网站为了简化自我网站的登陆与注册逻辑，引入社交登陆功能； 步骤： 1）、用户点击QQ按钮 2）、引导跳转到QQ授权页 3）、用户主动点击授权，跳回之前网页。 1、OAuth2.0 OAuth： OAuth（开放授权）是一个开放标准，允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息，而不需要将用户名和密码提供给第三方网站或分享他们数据的...
ThinkPHP微博QQ等登录接口
12-08
ThinkPHP作为一款流行的PHP开发框架，提供了集成第三方登录接口的功能，使得开发者可以方便地将QQ、微博、百度、Google和GitHub等社交平台的登录方式引入到自己的网站中。本文将详细解析如何利用ThinkPHP实现这些第...
ios-集成友盟第三方分享，自定义分享页实现分享Demo.zip
07-11
在iOS开发中，集成第三方分享服务能够极大地提升用户体验，让用户能够方便地将应用内的内容分享到各种社交媒体平台。本教程将聚焦于如何在iOS应用中集成友盟的第三方分享服务，并实现自定义分享页的Demo。友盟是中国...
ios第三方分享到qq、微信、人人网、微博总结
厚积薄发
11-13 4474
我们开发出来的APP通常要通过第三方分享到其他社交平台，如qq、微博微信 等。通过分享可以提高APP的传播效率，增加APP的曝光率，因此也算是APP功能 里的标配了吧。目前常用的第三方分享途径有qq、微信、微博、人人等。这些平台 大多都有自己的官方第三方分享组件可用，官方文档也比较丰富。使用起来比较方便。 这里我将已我的APP demo 两万番茄为例，展示如何实现这四个平台的第三方分享功 能。
客户端软件接入QQ和Github第三方登录
2301_78834737的博客
07-18 148
补充说下: QQ的网页应用的基本信息在审核通过之后最好不要随便修改,改个logo(没点保存)都会进入审核状态,贼离谱,我之前就是要开发联调,不小心动到了,都要去重新审核,搞得我没法测试也是无语...因为我是做了两个平台的支持,所以登录接口C要求客户端需要传入openId后,还需要传入一个字段,用来标明是哪个平台的,之后服务端那边才好去根据信息去查询用户信息,从而完成登录的流程。上面也提到,客户端拿到了第三方用户信息(如openId等),之后通过调用服务端的接口,从而得知当前用户是否是已注册的。
前后端分离下 博客接入 gitee、github、微博 第三方登录
qq_42032117的博客
09-14 1106
今天将博客的第三方登录写了一下 博客是前后端分离的 前端vue+后端laravel 我在这里会一步步教大家如何理解 aouth 形式的授权登录 aouth登录大概的流程图 如何申请应用如下 github应用创建地址 gitee应用创建地址 微博应用创建地址 在流程中因为是前后端分离 前端拿到key和回调地址去请求授权地址 执行第一步 <a @click="giteeLogin" v-title="`登录`"></a> <script> //登录方法
oAuth2.0 第三方登录（Github+QQ+新浪微博）django开发
zjw_python的博客
01-25 6524
oAuth2.0开发流程 OAuth（开放授权 Open Authorization）是一个开放标准，允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息，而不需要将用户名和密码提供给第三方网站或分享他们数据的所有内容。 处理流程包括： 获取授权Code 利用Code请求Access Token (令牌) 利用令牌请求用户的Openid及其他用户用户信息 （每个用户拥有唯一的Ope
SpringBoot+Vue实现第三方微博登录(二)
liyh722的博客
03-17 1405
SpringBoot+Vue实现第三方微博登录(二)
leetcode 高薪_解决vscode中leetcode无法登录的问题
weixin_39764487的博客
10-21 739
从vscode的插件中安装leetcode之后会遇到leetcode不能登录的问题。这是因为leetcode官方限制了第三方的登录，因而必须采用迂回的方法登录。首先从chrome浏览器上登录leetcode账户：右键选择inspect：找到network选项并点选XHR单击网页菜单栏上的problems选项：选择all，并在header下选择cookie，将其复制：然后在leetcode的登录选项...
浅谈系统如何对接社交登录之微博登录功能
weixiaohuai的博客
02-26 1170
一、简介 本篇文章主要分享一下系统如何对接社交登录功能，社交登录有好多种方式，比如QQ、微信、微博等，本篇文章以微博为例简单总结一下大体的实现步骤。 二、新建应用 浏览器访问：https://open.weibo.com/，使用自己的微博账号登录。我们首先需要建议一个自己的用，其实就是申请App Key和App Secret。 【a】点击网站接入 【b】创建新应用 【c】查看App Key和App Secret 【d】OAuth2.0 授权设置 三、分析OAuth2.
社交登录-微博登录
liangjiayy的博客
06-17 236
社交登录之微博登录 如果用户同意授权,页
社交网络登录失败 当尝试用您的社交网络账号进行第三方登录时，发生了一个错误。
微电子学与固体电子学-俞驰
03-03 1157
问题发生在Django通过GIthub登陆的时候． 解决方案: 别担心，网络问题，不是你的工程问题，多刷几次，或者科学上网设置好就行了．
关于接入新浪微博第三方登录
weixin_34381666的博客
03-14 373
　　近期，做一个关于联合第三方平台的登录接入，初次接触开放平台，在此做个笔记 　　开发之前的准备如下： 　　1、注册新浪微博 　　2、访问新浪微博开发平台http://open.weibo.com，如果是企业，申请企业接入，并提交相关资料进行审核；如果是个人开发者，就请申请个人开发者应用，一下以开发者为例 　　3、使用新浪微博的开放API，就需要跟新浪申请一个appkey和App Secr...
github第三方登录接入
最新发布
08-16
要将 GitHub 第三方登录接入到你的应用程序中，你可以按照以下步骤进行操作： 1. 创建一个 GitHub 开发者帐户：在 GitHub 上创建一个帐户（如果你还没有）。然后登录到你的帐户并导航到开发者设置页面。 2. 创建一个新的 OAuth 应用程序：在开发者设置页面中，点击 "New OAuth App" 按钮创建一个新的应用程序。填写应用程序的名称、主页 URL（可以是你的应用程序网站）、回调 URL（GitHub 会将用户重定向到此 URL），并选择适当的权限范围。 3. 获取应用程序的客户端 ID 和客户端密钥：创建应用程序后，你将获得一个客户端 ID 和一个客户端密钥。这些信息将在后续步骤中使用。 4. 在你的应用程序中实现登录功能：根据你所使用的编程语言和框架，找到适当的库或插件来帮助你实现 GitHub 第三方登录功能。不同语言和框架可能有不同的实现方式，你可以参考 GitHub 的官方文档或搜索相关示例代码。 5. 配置登录回调处理：当用户使用 GitHub 登录成功后，GitHub 会将用户重定向到你在步骤 2 中设置的回调 URL。在你的应用程序中，需要处理这个回调请求，并从中提取授权码或访问令牌。使用这些令牌，你可以与 GitHub API 进行交互，获取用户的信息或执行其他操作。 6. 使用 GitHub API：一旦用户成功登录并授权你的应用程序，你可以使用 GitHub API 访问用户的存储库、个人信息等。根据你的需求，调用适当的 API 端点来获取所需的数据。 这些步骤涵盖了一个基本的 GitHub 第三方登录接入流程。具体实现方式可能因你所使用的编程语言和框架而有所不同，但上述步骤应该能够帮助你开始进行接入。记得在实际开发过程中查阅相关文档和示例代码，以确保正确地实现登录功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值