完整电商项目--(四)用户登录(3):第三方登录-QQ登录

前端电商项目 项目介绍:该项目是基于vue-cli创建的一个综合性的电商购物网站,类似于淘宝,京东商城。登录后用户可以在该网站浏览商品,加入购物车,下订单以及各种各样的活动。未登录的用户可以不能进行下单,他们可以通过手机号注册或者qq登录的方式进行登录完成购物。技术栈:vue3.0(使用组合API的方式来开发),axios,vue-router(单页路由),vuex(状态管理, vuex数据持久化),@vueuse/core(组合api常用工具库), vee-validate(表单校验)遇到的问题:(1)后台接口请求完毕 阅读详情

第三方QQ授权登录

首先·在哪里找对接文档资料?

  • 百度直接搜索 腾讯,然后点击腾讯首页
    在这里插入图片描述
  • 拉到最下面点击 开放平台(可以看到微信和QQ授权登录这里都有),点击QQ开放平台。
  • 之后登录QQ号,在上方的提示下选择 文档资料
    在这里插入图片描述
  • 有了文档之后,就像我们之前做的 发送短信验证码 的接入第三方平台类似了!

接入步骤(文档资料)

  • (1)首先看到接入指南
    在这里插入图片描述
    我们这两个步骤是准备工作。很明显你需要一个‘有特权的账户(QQ号,去办这些接入的操作)’,另外还需要创建接入的 应用。我们就是创建爱一个应用用来进行 第三方登录。这些准备操作不多说,文档很详细。

  • 另外关于SDK,辅助开发者快速接入QQ登录、分享等功能 ,很可惜。网站接入只有 js 和 php版本的。

  • (2)点击网站应用接入
    在这里插入图片描述

整个流程分五个步骤:
在这里插入图片描述
我们只需要完成后面三个主要的步骤即可。前面的步骤文档很详细,且第二步是前端来做的,放置QQ登录图标。

  • 什么是OAuth2.0?
    在这里插入图片描述

  • 通俗的理解,就是一种需要遵循的协议。就是说,比如我是一个大公司,我的软件有 上亿的用户, 我想对外公开用户的信息,提供给第三方使用,此时,不是我想怎么开放就怎么开放。而是需要遵守一些协议,开放部分信息等,这就是 OAuth2.0 开放标准。 现在再去理解我图片中画起来的句子,就会理解意思了。 腾讯并不会将 用户名和密码提供给第三方, 也不会把QQ用户的所有数据开放给 第三方公司,而是遵循了这么一个协议。

  • 并且是对多方负责的, 保证了自身数据安全(腾讯QQ),保证用户数据安全,保障了第三方调用者,使用方便且满足需求

  • 下面是第三个步骤:

  • 图片看不懂,直接看下面的过程详解:
    在这里插入图片描述

  • 获取Authorization Code(用户授权码):
    在这里插入图片描述
    很详细的接口文档。

  • response_type :固定的值,表示请求 用户授权码吧 大概~

  • client_id :这个参数就表示 腾讯知道给 那个网站授权了。

  • redirect_uri:回调地址,请求成功之后,表示授权成功,我们就是进入的首页。

  • 这个参数的作用~ 我理解还不是很深刻,但是确实是为防止 CSRF攻击有关。 找到一篇微信授权中关于这个 参数的例子
    ,还有一篇
    返回值:
    在这里插入图片描述

  • 接着通过Authorization Code获取Access Token
    在这里插入图片描述
    参数没啥介绍的,写的很清楚。

第四步:获取用户的openid

在这里插入图片描述
什么是 openid?

  • openid:是此网站上唯一对应用户身份的标识,网站可将此ID进行存储便于用户下次登录时辨识其身份,或将其与用户在网站上的原有账号进行绑定(从这里知道,QQ授权登录之后,应该关联哪个用户账号)。 这个就是 腾讯对 用户辨识的依据,类似于 每个人都有的身份证号码。

第五步:调用openid接口,完成业务

在这里插入图片描述
下面是接口的一些展示:
在这里插入图片描述

  • 到这里过程我们就走通了。来一张图,具体理解下,浏览器,QQ服务端,django都要干什么,再次清楚业务。
    在这里插入图片描述
    这样三者的关系就十分清晰了! 阅读过官方文档之后,对此过程应该很理解的。

下一节讲下 创建qq用户模型类, 用来关联 本地咱们网站的账号。知道QQ扫码登录的是哪个 账号。

over!

【修真院PM小课堂】第三方登录的时候,是否必须要求用户绑定?为什么很多App在第三方登录后必须重新注册一个ID? 第三方登陆。(1)对用户来说有什么好处呢  相比于本地注册,第三方登录一般来说比较方便、快捷,能够显著降低用户的注册和登录成本,方便用户实现快捷登录或注册。用户不用费尽心思地应付本地注册对账户名和密码的各种限制,如果不考虑昵称的重复性要求,几乎可以直接一个账号走遍天下,用户不需要记住非常多非常繁杂的不同APP的账户密码。在第一次绑定成功之后,用户便可以实现一键登录,使得后续的登录操作比起应用内的登... 阅读详情

相关推荐

电商项目超详细测试点整理(一)

虽然说近些年来,软件测试找工作的时候,简历中如果写着电商项目被认为是烂大街的项目,甚至受到根本不了解行情的HR或者部分公司的技术人员的刁难,但是:电商这么流行普遍的项目和应用,这不是很正常么!

qq_28301699的博客 5238

Django项目实践(商城):九、QQ登录

QQ登录:即我们所说的第三方登录,是指用户可以不在本项目中输入密码,而直接通过第三方的验证,成功登录本项目。 一般QQ登录成功就直接进入系统,本项目还需要绑定用户 如果用户已注册,直接绑定用户 如果没有注册,还需要分配用户信息 一、QQ登录开发文档 1、QQ互联开发者申请步骤 若想实现QQ登录,需要成为QQ互联的开发者,审核通过才可实现。 相关连接:http://wiki.connect.qq.com/%E6%88%90%E4%B8%BA%E5%BC%80%E5%8F%91%E8%80%85 2、Q.

laoluobo76的博客 931

python QQ第三方登陆

基于python的QQ第三方登陆工具模板,直接调用对应接口即可

Python实现QQ模拟登录

*用了pyautogui库,扩展参数confidence依赖opencv-python库。pyautogui这个库真的很简单,几乎只需要会英语就OK了。然后用py2exe打包成可执行文件即可。因为我已经登录过了,所以这里就登不上了。

随手写下笔记和感悟 4540

python模拟登陆QQ空间

Python模拟登陆QQ空间,代码保证登陆成功。2016-09-22

Python3.2模拟实现webqq登录

主要介绍了Python模拟实现webqq登录的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

python+selenium登录模拟自动化登录QQ空间

1、访问https://qzone.qq.com/,鼠标右击点击检查,打开浏览器html元素界面。2、以下图片为标签中的登录框架元素ID。3、以下图片内容为密码登录按钮元素ID。4、以下内容为用户名和密码元素ID。5、以下内容为登录按钮元素ID。

number_01的博客 366

从零搭建《火影忍者》手游服务端:Linux环境部署与全流程实战

游戏服务器后端开发是构建大型多人在线体验的核心技术,其原理涉及高并发网络通信、分布式系统架构与数据一致性保障。在技术价值上,一套稳定高效的服务端不仅能支撑海量玩家实时交互,更是游戏业务逻辑、经济系统和安全防线的基石。典型的应用场景包括MMORPG、回合制卡牌、SLG等中重度手游。本文以《火影忍者》IP的横版卡牌回合制手游为例,聚焦于**手工服务端**的完整搭建过程,详细拆解从Linux系统初始化、MySQL与**Redis**缓存部署、核心服务编译、到代理后台联调的全链路实践,为开发者深入理解游戏后端架构提

weixin_30800615的博客 336

python模拟登录网站_Python模拟登录的几种方法

目录正文方法一:直接使用已知的cookie访问特点:简单,但需要先在浏览器登录原理:简单地说,cookie保存在发起请求的客户端中,服务器利用cookie来区分不同的客户端。因为http是一种无状态的连接,当服务器一下子收到好几个请求时,是无法判断出哪些请求是同一个客户端发起的。而“访问登录后才能看到的页面”这一行为,恰恰需要客户端向服务器证明:“我是刚才登录过的那个客户端”。于是就需要cooki...

weixin_39867208的博客 1256

ANSYS接触分析实战:从法兰连接案例看接触刚度与穿透容差的黄金搭配

本文以法兰连接为实战案例,深入解析了ANSYS接触分析中接触刚度(FKN)与穿透容差(FTOLN)的参数设置策略。通过系统性敏感性分析,揭示了这对关键参数的博弈关系与调优逻辑,旨在帮助工程师在保证计算收敛的同时,获得高精度的有限元分析结果,有效解决工程中的非线性接触难题。

moon9的博客 311

TMC2209串口配置实战:从寄存器解析到电机精准控制

本文详细解析TMC2209步进电机驱动芯片的串口配置方法,从硬件连接到UART通信协议,再到核心寄存器功能详解。通过实战案例展示电流控制、微步细分和速度调节等关键配置,帮助工程师实现电机精准控制,并提供了常见故障诊断和优化技巧。

f6g7h8i9j的博客 1173

Python之httplib2模拟登录WebQQ

初学Python,练练手,写的不咋地。。。。。。 只有登录功能,没有获取好友、聊天等等其他功能 # -*- coding: GBK -*- import httplib2,urllib import os,sys,re,hashlib class QQ(object):     #appid = "1003903"     appid = "8000203"     def __ini

锋哥的角落 1万+

nRF24L01模块性能调优笔记:基于STC8H的SPI通信,如何突破700包/秒的传输瓶颈?

本文详细介绍了如何通过SPI通信优化、nRF24L01寄存器配置和STC8H系统级调优,突破700包/秒的传输瓶颈。从硬件设计到软件实现,提供了一套完整的性能调优方案,特别适合需要高性能无线通信的嵌入式开发者。

weixin_42525211的博客 180

完整电商项目--(四)用户登录(4):第三方登录-QQ登录(续,关联网站账号)

上一节已经讲过了如何利用第三方QQ登录。下面讲下 绑定 网站账号的操作。 (1)创建QQ模型类 我们只需要有两个字段 user:用来关联 网站账号 openid: QQ用户的唯一身份认证信息,相当于身份证。用来调用 openAPI接口,实现业务。 class OAuthQQUser(BaseModel): """QQ登陆用户数据""" user = models.ForeignKey('users.User', on_delete=models.CASCADE, verbose_name

pythonstrat的博客 859

keil+Jlink GD32调试记录

Jlink+keil,GD32调试记录,踩坑及解决,持续更新。

SUN_BW的博客 2950

Python爬虫实战 | 拼多多商品评论采集与深度分析

本文从 API 调用、网页渲染到情感分析与关键词提取,全流程剖析了“拼多多商品评论采集与分析”项目。Scrapy + API 可快速抓取评论;Playwright 可突破 API 限制,抓取完整页面内容;数据清洗 + 分析揭示用户真实反馈;可持续部署、扩展至更多商品 & 时间段;

2201_76125261的博客 1696

新蜂商城第三方登录:微信、QQ与支付宝授权接入完整指南

🔥 **新蜂商城Vue3.2版本**作为一款基于Vue3全家桶+Vant搭建的大型单页面商城项目,为用户提供了便捷的第三方登录功能。本文将详细介绍如何在项目中实现微信、QQ与支付宝的授权接入,让用户享受一键登录的便利体验。 ## 🚀 第三方登录功能概述 新蜂商城支持多种第三方登录方式,包括微信、QQ和支付宝授权登录。通过集成这些主流平台的OAuth2.0认证机制,用户无需注册新账号,即可快

gitblog_01109的博客 741

【ARM Trace32(劳特巴赫) 使用介绍 13 -- Trace32 Var 变量篇】

例如我们已经知道一个符号(可能是变量或者函数)的地址,怎么确定这个地址是一个变量还是一个函数呢?如果是变量的话,变量名是啥?变量定义的位置在哪?如果是函数,函数名是啥?函数定义的位置又在哪呢?查看结构体变量 str_t32 的值。例如我们已经知道了一个符号的地址为。在map文件中的地址为。

CodingCos的博客 2349

什么是第三方登录

1.什么是第三方登录 第三方登录是基于用户在第三方平台上已有的账号和密码来快速完成己方应用的登录或者注册的功能。而这里的第三方平台,一般是已经拥有大量用户的平台,国外的比如Facebook,Twitter等,国内的比如微博、微信、QQ等。第三方登录的目的是使用用户在其他平台上频繁使用的账号,来快速登录己方产品,也可以实现不注册就能登录。 2.第三方登录的优缺点分析 ...

weixin_42513912的博客 9100

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

对QQ、微信等第三方登录的几个思考

今天聊聊注册、登录环节中很常见的第三方登录,如QQ、微信、支付宝、新浪微博等。虽然这些产品的开放平台都提供了标准的接入文档,但是在接入时还有些问题需要想清楚。 1 第三方登录目的 第三方登录的目的很简单,就是利用用户在其他平台上频繁使用的账号,来快速登录你的产品,达到不注册就登录的目的。 2 第三方登录好处 第三方登录的好处,显而易见。 不需要注册账号,直接使用已有的QQ号、微...

alct84178的博客 314

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

JAVA电商秒杀实战第三节——第三方登录

JAVA电商秒杀实战第三节——第三方登录及手机验证码登录用户登录 用户登录

weixin_43966561的博客 267

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

第三方登录的套路,你get到了吗?

前言: 第三方登录,是指用户可以不在本项目中输入密码,而直接通过第三方的验证,成功登录本项目。登录环节中很常见的第三方登录,如QQ、微信、支付宝、新浪微博等。第三方登录具有显著的便捷和高效特点,极大地方便了用户的操作使用,但相应的也会有局限性,好吧,一起来看下吧~ 1,使用第三方登录优点: 基于用户而言: 1.方便用户使用第三方账号快捷登录,简化注册过程; 2.不必费尽心思地记住账户密码,可...

wx_carry156176 624

电商 手机web端使用第三方登录(QQ,sina微博)demo

QQ 使用的是 腾讯·开放评台 //使用QQ登录的demo public static void main(String[] args) { String grant_type = "authorization_code"; String client_id = "101432365"; String client_secret = "26c6b

weixin_40836203的博客 1487

《果然新鲜》电商项目(32)- QQ授权联合登录

该项目是采用目前比较流行的`SpringBoot`/`SpringCloud`构建微服务电商项目,项目叫 **《果然新鲜》**,实现一套串联的微服务电商项目,能完全掌握该知识,可以在一线城市拿到月薪25+k薪资。 完全符合一线城市微服务电商的需求,对中国程序猿学习微服务电商架构,有非常大的帮助,该项目涵盖从微服务电商需求讨论、数据库设计、技术选型、互联网安全架构、整合`SpringCloud`各自组件、分布式基础设施、使`Docker+k8s+jenkins`实现微服务自动化部署、项目上线域名配置

专业的计算机毕业设计指南 618

一个Github项目搞定微信、QQ、支付宝等第三方登录

今日推荐推荐 7 个牛哄哄 Spring Cloud 实战项目推荐一个非常火爆的电商开源项目!推荐两个项目!第三方登录是目前非常常用的登录方式,引入第三方登录的方式可以大大的降低开发的成本...

好好学java 1157
上一篇: 完整电商项目--(四)用户登录(2):判断用户是否登录
下一篇: 完整电商项目--(四)用户登录(4):第三方登录-QQ登录(续,关联网站账号)
我是py呀
博客等级 码龄8年 205粉丝 130原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值