网站使用微信登录接口,所踩的坑...

PC网站实现微信授权登录功能 为了简化用户登录流程,微信正在灰度网站应用快速登录功能。 当网站应用发起微信登录请求时,如果用户此时已经登录了微信 3.9.11 for Windows及以上版本客户端,且处于非锁定状态,会优先提示用户使用当前微信客户端已登录的账号进行快速登录。快速登录无需扫码,可直接在Windows设备上进行确认。 用户仍可切换其他微信账号或二维码登录 阅读详情

一、如何开通微信公众号、微信开发平台、授权认证、接口权限申请等等,这些不在本文描述,请参考官方资料。

二、假设已顺利完成第一步的工作,现在需要在自己开发的网站(PC端、移动端,注意两者略有不同,下文有描述)接入微信登录功能。

三、接入之前,首先要理解使用微信登录的常有的两种应用场景:

场景1、只限于在微信客户端打开的网页应用,比如在公众号菜单点击,直接打开某个页面;或在微信消息列表直接给好友发送一个网页的URL,用户收到直接点击URL直接打开页面。

场景2、用户在PC电脑浏览器打开页面,页面呈现一个二维码,用户使用手机微信扫一扫,确认登录后,网页自动跳转到登录后的页面。

四、针对以上两种场景,需要注意的是,移动端和PC端所请求的页面URL域名可能不一样,因为根据PC端和移动端屏幕的特性,网页开发者需要针对不同的客户端开发显示不同的view,甚至还分开部署在不同的域名下。比如,PC端版本部署在一级域名下http://www.huihui.com;移动端版本部署在二级域名下http://mobile.huihui.com。(当然,其实你只需要申请、备案一级域名huihui.com即可,二级域名(可多个)是你自行在服务端分配,这方面的知识请问度娘)

理解了这些,接下来的首要工作是在微信公众号、微信开放平台各自配置网页授权URL,你可能会问:“为什么要在两个地方配置不同的URL?”,这是因为上面所说的两种不同场景和不同场景部署到了不同的域名下(一级、二级)。

五、配置操作如下:

1、微信公众号平台。登录后,开发》接口权限》网页授权-修改

在下面找到网页授权域名,点击设置

只需填写域名,不需要http://,假如手机端访问的域名是二级域名,只需填写:mobile.huihui.com

2、微信开放平台。登录》管理中心》网站应用(如果没有,需先创建,需要几天的审核时间),

点击查看》应用详情,在下面有个授权回调域,点击修改。

这里配置的是PC端访问的域名,不需要http://,假如是一级域名,只需输入:huihui.com

六、以上配置过程,描述需注意的细节就是坑1;配置好后,打开网页,很可能提示以下错误:

这是坑2,因为你在代码里给参数 redirect_uri 赋值错误,值一定要带上http://,然后还需要对URL编码格式,比如URL.encode("http://huihui.com")。这里不需要加www.

除了登录接口开发,微信其他接口问题,可以一起探讨。QQ:956915886


PC网站实现微信扫码登录功能(二) 上篇我们介绍了怎么申请账号以及最后拿到appId和appSecret,如果有不清楚的可以看一下 PC网站实现微信扫码登录功能(一) 下面我就来说一下怎样在PC端怎么实现扫码登录功能。 一、进入官方文档网站 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html 其实官网对过程描述的已经非常细致了。并且提供了两种扫码方式。一种是跳转二维码扫描页面,另一种是内嵌式二维码。大家可以 阅读详情

相关推荐

web端微信授权网站的登录方式

关注公众号后,网站即可实现登录。如果用户已经关注了公众号,扫描网站提供的微信二维码,将直接进入公众号,且网站同时登录成功。在我们浏览网站的过程中,部分网站需要登录,才能进行资源访问,这是很普遍的现象。等方式登录,减少了用户注册成本,而且能够实现用户的引流,极大提高用户体验。这种登录方式的直观体验是扫描网站提供的微信二维码后,手机微信端。这种登录方式的直观体验是扫描网站提供的微信二维码后,手机微信端。,显示具体的网站应用名称,用户可以同意登录或拒绝登录。但通过这种方式登录网站的最大的好处,可以实现引流。

smart_dream 2115

网站实现微信扫码登录

网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。 在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,申请微信登录且通过审核后,可开始接入流程。

记录工作开发中遇到的技术难点,方便自己查看,也希望可以帮助到他人... 1万+

Springboot网站第三方登录——微信登录

微信开放平台接入

u010978008的博客 1万+

网页实现微信登录

目录1 OAuth21.1、OAuth2解决什么问题1.1.1、开放系统间授权1.1.2、图例1.1.3、方式一:用户名密码复制1.1.4、方式二:通用开发者key1.1.5、方式三:颁发令牌1.2、OAuth2简介1.2.1、OAuth主要角色1.2.2、最简向导1.3、OAuth2的应用1.3.1、微服务安全1.3.2、社交登录2 生成授权URL2.1、准备工作2.1.1、注册2.1.2、邮箱激活2.1.3、完善开发者资料2.1.4、开发者资质认证2.1.5、创建网站应用2.1.6、熟悉微信登录流程2.

赵广陆 7053

网站应用微信扫码登录

在很多企业网站中一般会提供多种登录方式,而微信扫码登录属于常见的一种,在网页端实现微信登录的方式有很多,例如“公众号方式扫码登录”、“微信开放平台扫码登录”;前者是需要关注公众号才能完成登录操作,对于有的用户来说其实并不想做关注这种操作,所以后者是一种更加纯粹的登录方式,只需要用户扫码授权即可,不需要关注任何东西。这里我们就详细讲解一下网站应用中,利用微信开放平台功能提供的微信扫码登录。

veerpower的博客 3173

通过微信扫码登录网站流程

通过微信扫码登录网站 微信开放平台文档地址:https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Authorized_Interface_Calling_UnionID.html 步骤: 一、在管理中心中创建应用,填写信息并等待审核完成。 二、获取到app中的 AppID 和AppSecret 三、获取微信...

luslin1711的博客 6387

微信登录的接口

微信登录

weixin_38568503的博客 1万+

个人网站接入微信登录接口的完整指南:从认证到代码实现

本文详细解析了个人网站接入微信登录接口的完整流程与成本。核心内容包括:明确每年300元的微信认证费用前提,逐步讲解从微信开放平台注册、创建网站应用到获取AppID和AppSecret的准备工作,深入剖析OAuth2.0授权四步流程,并以Spring Boot为例提供后端代码实现与安全实践指南。

weixin_29159441的博客 1394

如何为网站应用接入第三方微信登录

Web 网站的用户登录注册方式有用户名密码登录、验证码登录、OAuth 第三方授权登录等。 常用的第三方登录有 QQ、微信、微博、GitHub、知乎等,一般用户常用微信扫码授权的登录方式,今天介绍一下网站接入微信登录的方法。 应用申请 网站应用中接入微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。 在进行微信OAuth2.0授权登录接入之前,需要在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,申请微信登录且通过审核后,才

全栈开发师的博客 1万+

线性代数——(期末突击)行列式(上)-行列式计算、行列式的性质

简单解释一下:4213原本的顺序应为1234,对于‘4’而言,‘2’、‘1’、‘3’都应该排在它的前面,所以此处记逆序数为3;对于‘2’而言,‘1’应该排在它的前面,而‘3’排在它之后 是合理的,所以此处只有一个逆序数;最后看‘1’,其后面的‘3’排在后面显然也是合理的,故而4213的逆序数为4.一般我们使用这个性质来计算四阶行列式,也就是将其变换成三角行列式,再计算对角线的值;以主对角线为分界线的就为正三角,反之则为反三角行列式。若行列式某一行(列)为0,则该行列式=0.将和的那一行分开,其余行。

li13437542099的博客 1万+

ios快捷指令进行钉钉打卡

首先 1、打开快捷指令 2、自动化 3、创建个人自动化-特定时间 4、添加操作-搜索“随机数” 5、最小值和最大值填充 6、添加操作-搜索“等待” 7、长按“1秒钟”,选择魔法变量,选择上一步的随机数 6、添加操作-搜索“钉钉” 7、选择钉钉-随便一个聊天窗口。 8、添加操作-搜索“等待”,这次将等待时间设为10秒 9、添加操作 “搜索天气” ,选择显示天气。 注意点: 1、此操作依赖于钉钉极速打卡,只是帮忙唤起钉钉。 2、保存自动化时有个运行前询问,务必关掉。 3、手机不能设

blaze_jack 5万+

PC端网站-微信扫码登录+shiro权限框架免密登录

文章原创,转载请注明原文链接 一、准备工作: 1. 一个认证的微信《开放平台》账号。 2. 在这个账号下添加网站【已审核通过的网站应用】。 3.一个测试用的域名。我测试的时候是在腾讯云买的,1¥/月,只需要实名认证,不需要备案。这个域名只能本机使用。 备注:账号认证and网站认证都需要公司提供,需要软妹币和公司的章子。 二、调微信接口:     微信官方文档即可。http...

BAT_number的博客 5088

使用 Cynthion 与 Packetry 进行 USB 抓包与协议分析

Cynthion 是 Great Scott Gadgets 推出的USB 流量分析与注入设备。它具备以下特点:通过 FPGA 实现高速 USB 流量捕获;能够同时作为 USB Host 和 Device,进行调试和测试;支持输出 pcap 文件,可直接用 Wireshark 分析;提供 Python API,方便与上层软件联动。简单来说,Cynthion 是一个USB 协议分析仪 + 注入工具。硬件层捕获:实时拦截 USB 总线上的数据包;软件层解析。

YIMUleizi的博客 1263

【微信登录】APP/网站应用的微信扫码登录

目录 一、开发文档说明 移动应用APP端(安卓/苹果)的微信登录 网站应用PC端的微信扫码登录 微信开放平台申请账号 二、业务接口开发 1、配置 2、第一步:请求CODE 3、第二步:通过code获取access_token 4、工具方法 5、测试 一、开发文档说明 移动应用APP端(安卓/苹果)的微信登录 准备工作 移动应用微信登录是基于OAuth2.0 协议标准构建的微信 OAuth2.0 授权登录系统。 在进行微信 OAuth2.0 授权登录接入之前,在微信开放平台注册开

骏马逸动,心随你动的博客 6827

SLAM轨迹评估神器evo实战:从GPS到TUM格式的完整转换指南(附Python代码)

本文详细介绍了如何使用evo工具将GPS数据转换为TUM格式,以便进行SLAM轨迹评估。通过Python代码实现GPS到笛卡尔坐标的精确转换,并提供了完整的处理流程和实战案例,帮助开发者轻松完成从原始GPS数据到精确轨迹评估的全过程。特别适用于ORB-SLAM等视觉SLAM算法的性能验证。

weixin_29074295的博客 292

5.44GHz超高精度!STM32G474的HRTIM时钟配置避坑指南

本文深入解析STM32G474内置高分辨率定时器的时钟配置要点,帮助工程师避开常见陷阱。文章详细阐述了从系统时钟到5.44GHz等效时基的路径,重点分析了预分频器乘法器、周期计算溢出、影子寄存器同步等关键配置,并结合实测波形对比,确保HRTIM在电机控制、数字电源等精密应用中发挥极限性能。

book8的博客 522

微信登录接口调用步骤

WX开放平台申请网站应用,获得APPID和SECRET,第三方应用接入WX登录 APPID:xxxxxxxxxxxxxx SECRET:yyyyyyyyyyyyyyy 第一步:调用微信登录接口,用户扫码登录,生成code https://open.weixin.qq.com/connect/qrconnect?appid=xxxxxxxxxxxxxx&redirect_uri=https%...

weixin_40170892的博客 7325

编程实践:寒武纪-LLM&VLM模型量化&部署

本文介绍了在MLU370-S4平台上对大模型(LLM/VLM)进行量化的两种方法:SmoothQuant和WeightOnly。以Qwen2-VL-2B模型为例,详细说明了两种量化方式的命令行参数配置,包括必须设置的per_channel选项和量化参数调整建议。量化完成后,提供了模型部署的具体命令示例,包含设备分配、端口设置、并行度等关键参数。文章强调在MLU370芯片上需要手动设置block_size,并指出两种量化方式只能二选一使用。配套资料已上传至百度网盘供参考。

微风❤水墨 506

微信登录(网站应用)ASP.NET

效果 第一步 请求CODE 第二步 CODE 换取 Token 第三步Token 调取接口我调用的是获取个人信息接口 代码 效果官方开发指南(指南已经说的很清楚了)官方流程图: 第一步 请求CODE第三方使用网站应用授权登录前请注意已获取相应网页授权作用域(scope=snsapi_login),则可以通过在PC端打开以下链接: https://open.weixin.qq.com/connec

csdn_Info的专栏 1万+

使用pyqt5实现可勾选的测试用例界面

使用pyqt5实现可勾选的测试用例界面

天赐好车的博客 629

看懂 SAP S/4HANA 产品主数据里的 GTIN:一串号码背后的全球商品识别与业务协同

SAP S/4HANA中的GTIN管理是企业供应链运营的关键环节。本文深入解析GTIN的业务内涵及其在SAP系统中的实现方式:1) GTIN是全球通用的商品标识码,不同于企业内部物料编码;2) SAP主数据中GTIN与计量单位强绑定,需为不同包装层级维护独立GTIN;3) 同一产品可能因渠道、供应商差异存在多个GTIN;4) GTIN贯穿零售POS、仓储管理、EDI订单等核心业务流程;5) 通过典型案例说明错误维护GTIN将导致收银异常、仓库作业低效等运营问题。文章强调GTIN管理需结合包装层级、计量单位等

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 1432

微信联合登录--第三方网站微信扫码登录对接

最近公司项目网站需要支持第三方登录,需要对接微信,场景是用户通过微信app扫二维码实现自动登录功能。 效果如下图所示: 一、前期准备 经过查阅文档,发现微信该功能属于微信发放平台(https://open.weixin.qq.com),所以需要注册相关的资质,等待微信方面的审核,审核通过以后获得相应的权限,拿到开发所需要的APP_ID和APP_SECRET。 需要注意的是,在微信开放平台也要...

Tomcat猫炸了 5030

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

微信扫描二维码登录网站 网站应用微信登录开发指南

微信扫描二维码登录网站网站应用微信登录开发指南 微信扫描二维码登录网站是微信开放平台下网站应用的一种接口实现的功能。微信开放平台的网址是 https://open.weixin.qq.com 准备工作 网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。 在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前,在微信开放平...

dengdeng1222的博客 2802

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

上一篇: XML序列化与反序列化
下一篇: MVC4 Model View Controller分离成独立项目
鸿花粉
博客等级 码龄20年 321粉丝 70原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鸿花粉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值