网站实现扫描二维码关注微信公众号,实现自动登陆

news/2024/5/20 1:55:15/文章来源:https://blog.csdn.net/belalds/article/details/86536370

1、OAuth2.0简介

  OAuth(开放授权)是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源(如照片,视频,联系人列表),而无需将用户名和密码提供给第三方应用。

  允许用户提供一个令牌而不是用户名和密码来访问他们存放在特定服务提供者的数据。每一个令牌授权一个特定的网站(例如,视频编辑网站)在特定的时段(例如,接下来的2小时内)内访问特定的资源(例如仅仅是某一相册中的视频)。这样,OAuth允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息,而不需要分享他们的访问许可或他们数据的所有内容。

  我们这里主要模拟在微信公众号中使用OAuth2.0进行授权,获取用户的基本信息的过程。详细的开发文档可查看微信的官方文档。  

微信公众平台开发者文档:

http://mp.weixin.qq.com/wiki/14/89b871b5466b19b3efa4ada8e577d45e.html

 

2、获取测试公众账号及其相关配置

1)、公众测试账号获取

  访问上面的连接,选择“接口测试号申请”获得直接打开http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index通过微信客户端扫码登录即可登录。

  登录完即可获取到一个测试公众账号的信息。主要有appId和appsecret两个参数,这将唯一标示一个公众号,并且需要将他们作为参数获取用户的信息。

2)、关注公众号

   用户只有关注了这个公众号了,才能通过打开有公众号信息的链接去授权第三方登录,并获取用户信息的操作。故我们还需要用我们的微信关注微信号,操作如下:

  还是刚刚那个登录成功后跳转的页面,我们可以看到,该页面有一个二维码,我们可以通过扫描该二维码进行关注,关注成功在右边的“用户列表”会多一个用户的信息。如下图所示:

 3)、配置回调函数

  我们在微信客户端访问第三方网页(即我们自己的网页)的时候,我们可以通过微信网页授权机制,我们不仅要有前面获取到的appid和appsecret还需要有当用户授权之后,回调的域名设置,即用户授权后,页面会跳转到哪里。具体的配置如下:

  还是在刚刚的页面,有一个“网页授权获取用户基本信息”,点击后面的修改

 

   填写回调的域名:

  如果你的网址没有被列入过黑名单,就会在顶部出现

 

 然后,域名配置就成功了!

注意

1、这里填写的是域名(是一个字符串),而不是URL,因此请勿加http://等协议头;
2、授权回调域名配置规范为全域名,比如需要网页授权的域名为:www.qq.com,配置以后此域名下面的页面http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以进行OAuth2.0鉴权。但http://pay.qq.com 、 http://music.qq.com 、 http://qq.com无法进行OAuth2.0鉴权

  到这里,我们就获取到我们必须用到的测试信息了,包括

  • 公众号appID、appsecret的获取;
  • 关注我们测试的公众号;
  • 配置扫码用户授权后回调的域名。

3、微信授权登录并获取用户基本信息

  微信授权使用的是OAuth2.0授权的方式。主要有以下简略步骤

  第一步:用户同意授权,获取code

  第二步:通过code换取网页授权access_token

  第三步:刷新access_token(如果需要)

  第四步:拉取用户信息(需scope为 snsapi_userinfo)

 

  详细的步骤如下:

  1.用户关注微信公众账号。

  2.微信公众账号提供用户请求授权页面URL。

  3.用户点击授权页面URL,将向服务器发起请求

  4.服务器询问用户是否同意授权给微信公众账号(scope为snsapi_base时无此步骤)

  5.用户同意(scope为snsapi_base时无此步骤)

  6.服务器将CODE通过回调传给微信公众账号

  7.微信公众账号获得CODE

  8.微信公众账号通过CODE向服务器请求Access Token

  9.服务器返回Access Token和OpenID给微信公众账号

  10.微信公众账号通过Access Token向服务器请求用户信息(scope为snsapi_base时无此步骤)

  11.服务器将用户信息回送给微信公众账号(scope为snsapi_base时无此步骤)

1)、用户授权并获取code

  在域名(前面配置的回调域名)根目录下,新建一个文件,命名为oauth.php(名字随便你取,下面的redirect_uri做相应修改即可)该php实现的功能也很简单,只是将url上的code参数取出来并打印出来而已,方便我们进行接下来的操作。

  Oauth.php中的内容如下:

复制代码

复制代码

<?php
if (isset($_GET['code'])){echo $_GET['code'];
}else{echo "NO CODE";
}
?>

复制代码

复制代码

   这个php的主要目的是当用户确认授权登录之后,会调转到redirect_uri这个地址上,并带上code参数(微信生成),我们为了方便获取,这里也可以是一个空白的页面,下面有其他方法得到url上面的code参数。

  请求授权页面的构造方式:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

 参数说明

参数

必须

说明

appid

公众号的唯一标识(这个就是我们前面申请的)

redirect_uri

授权后重定向的回调链接地址(我们前面申请的)

response_type

返回类型,请填写code

scope

应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息)

state

重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节,该值会被微信原样返回,我们可以将其进行比对,防止别人的攻击。

#wechat_redirect

直接在微信打开链接,可以不填此参数。做页面302重定向时候,必须带此参数

 

  应用授权作用域:由于snsapi_base只能获取到openid,意义不大,所以我们使用snsapi_userinfo。
  回调地址:填写为刚才上传后的oauth.php的文件地址,
  state参数:随便一个数字,这里填123

  尤其注意:由于授权操作安全等级较高,所以在发起授权请求时,微信会对授权链接做正则强匹配校验,如果链接的参数顺序不对,授权页面将无法正常访问

  构造请求url如下:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx4a22b50d7e897f97&redirect_uri=http%3a%2f%2fad.seewo.com%2foauth.php&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

   这个需要发到微信中,使用微信浏览器才能打开。

  点开上面的链接,点击确认登录即可跳转到刚刚配置的回调页面,并获取了微信传回的code参数,用于下面的操作。

授权页面如下:

授权后跳转的页面(我们前面配置的redirect_uri):

  假如我们没有在php中打印出了code,这个时候我们可以通过右上角按钮中的复制链接,得到链接如下:

http://ad.seewo.com/oauth2.php?code=0217a07e9c194dbf539c45c266b2dcfZ&state=123

 code说明 :

code作为换取access_token的票据,每次用户授权带上的code将不一样,code只能使用一次,5分钟未被使用自动过期。

1)、使用code换取access_token

换取网页授权access_token页面的构造方式:

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

参数说明

参数

是否必须

说明

appid

公众号的唯一标识

secret

公众号的appsecret

code

填写第一步获取的code参数

grant_type

填写为authorization_code

code:在这里填写为上一步获得的值。
构造的url如下,在网页中打开链接就行:

https://api.weixin.qq.com/sns/oauth2/access_token?appid=wx41cb8dbd827a16e9&secret=d4624c36b6795d1d99dcf0547af5443d&code=00137323023ab55775be09d6d8e75ffA&grant_type=authorization_code 

  只有获取code的链接必须是在微信客户端中点开的,获取access_token和用户信息可以直接在网页打开即可。

返回说明

正确时返回的JSON数据包如下:

复制代码

复制代码

{"access_token":"ACCESS_TOKEN","expires_in":7200,"refresh_token":"REFRESH_TOKEN","openid":"OPENID","scope":"SCOPE"}

复制代码

复制代码

 

参数

描述

access_token

网页授权接口调用凭证,注意:此access_token与基础支持的access_token不同

expires_in

access_token接口调用凭证超时时间,单位(秒)

refresh_token

用户刷新access_token

openid

用户唯一标识

scope

用户授权的作用域,使用逗号(,)分隔


  错误时微信会返回JSON数据包如下(示例为Code无效错误):

{"errcode":40029,"errmsg":"invalid code"}

2)、通过access_token、openid获取用户信息 

请求方法:

https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID

  参数说明

参数

描述

access_token

网页授权接口调用凭证,注意:此access_token与基础支持的access_token不同

openid

用户的唯一标识

  构造url如下:

https://api.weixin.qq.com/sns/userinfo?access_token=OezXcEiiBSKSxW0eoylIeABONBTt9gBE6cK3arF_L6aOvwU4ynS5ZxG4r6ZUIJxh7y_ClmPRkYbMeOc_r30LAGB2IEAlCFsQQvfQMJSwHcU6109-6vz603Jho4oZhdns6AOXwoxaWcLujT1RWnC_hQ&openid=oF3PcsnsrMiJzEwalZZbAfWQpxCI

  可以在浏览器中直接执行这个。

  得到的json格式数据如下:

复制代码

复制代码

{"openid":" OPENID"," nickname": NICKNAME,"sex":"1","province":"PROVINCE""city":"CITY","country":"COUNTRY","headimgurl":    "http://wx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/46", "privilege":["PRIVILEGE1""PRIVILEGE2"],"unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"}

复制代码

复制代码

参数

描述

openid

用户的唯一标识

nickname

用户昵称

sex

用户的性别,值为1时是男性,值为2时是女性,值为0时是未知

province

用户个人资料填写的省份

city

普通用户个人资料填写的城市

country

国家,如中国为CN

headimgurl

用户头像,最后一个数值代表正方形头像大小(有0、46、64、96、132数值可选,0代表640*640正方形头像),用户没有头像时该项为空。若用户更换头像,原有头像URL将失效。

privilege

用户特权信息,json 数组,如微信沃卡用户为(chinaunicom)

unionid

只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段。详见:获取用户个人信息(UnionID机制)

  错误时微信会返回JSON数据包如下(示例为openid无效):

{"errcode":40003,"errmsg":" invalid openid "}

值得注意的地方:

  用户管理类接口中的“获取用户基本信息接口”,是在用户和公众号产生消息交互或关注后事件推送后,才能根据用户OpenID来获取用户基本信息。这个接口,包括其他微信接口,都是需要该用户(即openid)关注了公众号后,才能调用成功的。

  网页授权获取用户基本信息也遵循UnionID机制。即如果开发者有在多个公众号,或在公众号、移动应用之间统一用户帐号的需求,需要前往微信开放平台(open.weixin.qq.com)绑定公众号后,才可利用UnionID机制来满足上述需求。

  UnionID机制的作用说明:如果开发者拥有多个移动应用、网站应用和公众帐号,可通过获取用户基本信息中的unionid来区分用户的唯一性,因为同一用户,对同一个微信开放平台下的不同应用(移动应用、网站应用和公众帐号),unionid是相同的。

  尤其注意:由于公众号的secret和获取到的access_token安全级别都非常高,必须只保存在服务器,不允许传给客户端。后续刷新access_token、通过access_token获取用户信息等步骤,也必须从服务器发起。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_824275.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

11 Nginx网站服务的基本构建

Nginx网站服务的基本构建 一关于Nginx服务 Nginx简介 Nginx (发音[engine x]) 是一款高性能、轻量级Web服务软件&#xff1b; 始用于俄罗斯的Rambler.ru站点 市场占有率迅速跃居第三位 官方网站 http://www.nginx.org/ Nginx与Apache的优缺点 1 Apache对客户端的响应是支持并发…

《阿勇java建站教程》2.3-数据库特殊应用

2.3-数据库特殊应用大家好&#xff0c;我是阿勇&#xff0c;感谢大家阅读这篇文章&#xff0c;并且希望大家能将《阿勇java建站教程》全部看完&#xff01;本节继上节内容&#xff08;T-SQL&#xff09;之后继续说说数据库相关的内容。这节说的是数据库的“特殊”应用&#xff…

最新WordPress插件漏洞,影响超过700万个网站

研究人员已经披露了多个WordPress插件中的漏洞&#xff0c;如果成功利用这些漏洞&#xff0c;则攻击者可以在某些情况下运行任意代码并接管网站。 这些缺陷已在Elementor&#xff08;一个用于超过700万个网站的网站构建器插件&#xff09;和WP Super Cache&#xff08;用于服务…

WordPress网站成为Linux恶意软件目标: 19个插件和主题缺陷

WordPress网站正成为一种以前未知的Linux恶意软件的目标&#xff0c;该恶意软件利用二十多个插件和主题中的缺陷来破坏易受攻击的系统。 “如果网站使用此类附加组件的过时版本&#xff0c;缺乏关键修复&#xff0c;目标网页就会注入恶意JavaScript&#xff0c;” 知名网络安全…

比较好的java网站[推荐]

为什么80%的码农都做不了架构师&#xff1f;>>> 比较好的java网站[推荐] 博客分类&#xff1a; java JavaASP.net.netVB.NETVC 1. The Source for Java Technology Collaboration(JAVA开发的官方网站) http://www.java.net/ - 外文 2. jGuru: FAQ Home Page 推荐…

学编程没人带?推荐10个免费学编程的最佳网站给你

学习编程是开启你的移动端应用开发和Web开发职业生涯的一种绝佳方式和必要途径。本文将分享10个有助你学编程的最佳网站。 1.Codecademy 它是学编程最流行的网站之一。事实上&#xff0c;2000万人已经使用这个网站来学习编程了。你只需要注册一个免费帐户&#xff0c;便可以开…

SEO完全手册之title优化

在我的博客发布了《花钱最少的推广方式之SEO》文章后&#xff0c;受到了很多看官的关注&#xff0c;再次万分感谢大家&#xff01;从今天开始&#xff0c;我会每天更新一篇SEO优化的东西&#xff0c;也希望大家喜欢。在这里&#xff0c;我就不阐明搜索引擎工作的原理了&#xf…

宝塔面板部署django网站

一、 导出你的django网站所需要的依赖 在你网站根目录(即manage.py所在的目录)执行下列命令 pip freeze > requirements.txt之后&#xff0c;会生成一个requirements.txt文件&#xff0c;表示导出成功 二、 上传网站代码 新建一个用于存储django网站代码的目录&#xff…

windows-配置php网站内部的git操作服务

一、测试配置 代码如下所示&#xff0c;如果git没有加入到环境变量的情况下 $cmd "cd /wwwroot/sqlite && git pull 2>&1";exec($cmd, $result);dd($result);设置好目录&#xff0c;运行网站&#xff0c;此时发现执行git status 就能正常访问&#…

网络安全系列之七 网站提权

上传了webshell之后&#xff0c;我们的目的是获取服务器的系统管理员权限&#xff0c;这也是******的最终目的。“H4ck Door”是一个很牛的大马&#xff0c;提供了很多功能&#xff0c;我比较喜欢的是执行cmd命令来提权。首先执行“net user”命令查看服务器有哪些用户&#xf…

扩展 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)

客户需求&#xff1a; jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像&#xff08;onMouseOver/onMouseOut&#xff09; 如图所示&#xff0c;Datagrid 鼠标悬停/离开数据行时切换了不同的样式显示&#xff1a; 此时用谷歌开发者工具审查鼠标悬停行元素时发…

爬取网站要登录?46行代码解决问题,python爬虫随心所欲

当你在爬某些网站的时候&#xff0c;需要你登录才可以获取数据&#xff0c;咋整&#xff1f;莫慌&#xff0c;把这几招传授给你&#xff0c;让你以后随心所欲的爬&#xff01; 一&#xff1a;Cookie大法 你平常网站浏览的时候&#xff0c;是不是发现你只要登录一次&#xff0c…

25行代码,教你用python爬取网站的MV视频

喜欢编程&#xff0c;热爱分享&#xff0c;希望能结交更多志同道合的朋友&#xff0c;一起在学习Python的道路上走得更远&#xff01; 本文教大家如何用python爬取网站的mv视频&#xff0c;话不多说直接上代码&#xff01; 爬取网站的地址&#xff1a;http://www.170mv.com/m…

最新北京奥运官方网站幻灯片切换效果

预览转载于:https://www.cnblogs.com/CB/archive/2008/08/11/1265158.html

一般人不知晓的11个“高能”网站,学编程和赚钱两不误

0.GitHub — 开发者最最最重要的网站&#xff1a;https://github.com 这个不用多说了吧&#xff0c;代码托管网站&#xff0c;上面有很多资源&#xff0c;想要什么轮子&#xff0c;上去搜就好了。并且呢&#xff0c;上面有很多优秀的程序员&#xff0c;你可以在这里交到很多好…

发布内部Exchange SSl Owa 网站

发布内部Exchange SSl Owa 网站<?xml:namespace prefix v ns "urn:schemas-microsoft-com:vml" /><?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" /><?xml:namespace prefix w ns "urn:schemas-mic…

Bugku-web(网站被黑-爆破)

这个题非常经典&#xff0c;做一下纪念。 题目给出一个网址&#xff1a; 打开后看源代码&#xff0c;检查都没什么东西。 扫扫网站目录&#xff0c;用的爆破的方法 这里使用的是御剑&#xff1a; 原理非常简单&#xff0c;就是挨个试看状态码情况就行&#xff0c;python写也行…

8个学习jQuery非常好的英文网站

jQuery越来越流行&#xff0c;作为网页设计师和网站开发者非常有必要掌握jQuery,今天我们搜集了8个学习jQuery非常好的英文网站&#xff0c;希望对广大网友的jQuery学习之路有帮助。 1. Learning jQuery 一个非常好的jQuery资源博客&#xff0c;跟jQuery专家学习。 2. jQuery M…

3个极品在线PDF转换成WORD服务网站,比软件给力!

看到身边不少的朋友&#xff0c;在学习或办公过程中&#xff0c;总会遇到一些需要将PDF转换成WORD文档的问题&#xff0c;对他们来说&#xff0c;寻找专业软件相当痛苦&#xff0c;又要对比又要评测。好不容易找到了专业软件&#xff0c;结果一看600M&#xff0c;光下载就有的等…

通过webDAV来管理网站上的资源

WebDAV&#xff08;Web Distributed Authoring and Versioning&#xff09;扩展了HTTP.1.1通信协议的功能&#xff0c;他让具备适当权限的用户&#xff0c;可以直接通过浏览器、网上邻居来管理远程的webDAV文件夹内 的文件&#xff0c;我们下面就来讲一下webDAV是实现。一、启用…