网站集成微信登录Api接口,所踩的坑

简介: 本文总结微信登录接口开发的两大场景(微信内H5与PC端扫码)及配置要点:公众号平台配移动端二级域名(如mobile.domain.com),开放平台配PC端一级域名(如domain.com);强调redirect_uri须带http://且URL编码,避免常见报错。

最近在制作微信登录接口时候踩了才少坑,下面做一个笔记,接入之前,首先要理解使用微信登录的常有的两种应用场景:

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

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

针对以上两种场景,需要注意的是,移动端和PC端所请求的页面URL域名可能不一样,因为根据PC端和移动端屏幕的特性,网页开发者需要针对不同的客户端开发显示不同的view,甚至还分开部署在不同的域名下。

比如,PC端版本部署在一级域名下http://www.domain.com;移动端版本部署在二级域名下http://mobile.domain.com。(当然,其实你只需要申请、备案一级域名domain.com即可,二级域名(可多个)是你自行在 服务端 分配,这方面的知识请问度娘)

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

配置操作如下:

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

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

踩坑1:

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

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

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

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

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

踩坑2:

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

相关文章
|
3月前
|
人工智能 自然语言处理 安全
OpenClaw部署安装集成QQ:阿里云轻量服务器新手0基础,成功部署教程分享
本文为阿里云轻量服务器新手提供OpenClaw零基础部署教程,详解如何一键部署、配置百炼API Key(推荐Coding Plan套餐),并集成QQ机器人,实现自然语言交互。含计费说明(月付9.9元起+模型Token费用)与安全配置要点。(238字)
|
3月前
|
JavaScript Linux API
OpenClaw部署保姆级攻略:阿里云无影云电脑+本地系统+Skills集成+API配置实操手册
OpenClaw(又名Clawdbot)是2026年主流的开源AI自动化代理工具,主打本地优先、隐私可控、任务可执行的核心特性,区别于普通对话式AI,可通过集成各类Skills技能,完成文件处理、网页自动化、办公辅助、信息提取等实际操作,无需依赖第三方平台托管。本文聚焦2026年最新部署方案,完整覆盖阿里云无影云电脑云端部署、本地Windows11/MacOS/Linux系统部署两大核心场景,同步详解Skills技能安装与管理、阿里云百炼Coding Plan免费大模型API配置流程,搭配高频问题排查方案,帮助零基础用户全程顺畅完成部署与使用,全程无额外付费门槛,操作可复现。
393 1
|
3月前
|
人工智能 监控 Linux
保姆级教程!OpenClaw阿里云/本地部署、自动化工作流实战:全流程编排+免费API配置与问题排查
在AI工具快速普及的2026年,OpenClaw(Clawdbot)已经从单一指令执行的AI助手,进化为支持完整工作流编排、多技能联动、跨平台协同的自动化引擎。区别于传统只能被动响应的对话模型,它能够将分散的操作串联成闭环流程,实现信息抓取、内容处理、文件生成、消息推送、数据存储的全链路自动化。本文将围绕OpenClaw自动化工作流核心能力,拆解任务编排逻辑、多技能协同方法,完整呈现2026年阿里云及本地MacOS/Linux/Windows11部署步骤、阿里云百炼Coding Plan免费大模型API配置方案,并整理部署与运行中的常见问题解答,帮助用户从“指令交互”升级为“流程自动化”,真正
1271 0
|
18天前
|
数据采集 API 开发者
淘宝商品详情 API 实战全解:项目落地、接口详解、踩坑血泪总结
本文总结淘宝商品数据采集三大方式:官方TOP接口(合规但限流严)、第三方封装接口(字段全、接入易)及网页爬虫(高风险、不可商用)。结合实战经验,剖析签名失败、SKU嵌套、脏数据过滤等高频坑点,助力高效合规开发。(239字)
|
26天前
|
安全 API 开发工具
淘宝 API 接口是什么?2026 最新接口文档及接入方法
淘宝API是淘宝官方开放的安全数据通道,支持商品管理、订单处理、物流同步、营销推广等200+自动化能力。本文详解2026最新接入流程、权限申请、签名规则、常用接口及Python调用示例,新手也能零基础快速上手。(239字)
|
6月前
|
边缘计算 安全 Serverless
阿里云边缘安全加速ESA免费试用:基础版免费1个月,支持绑定1个站点
阿里云边缘安全加速ESA基础版免费试用1个月,支持绑定1个站点,每月赠送50GB流量,超量按需付费。适用于个人与开发者,享全球3200+节点加速、WAF防护、DDoS防护、SSL证书及Serverless计算等能力,助力网站高效安全运行。新认证用户可申请。
|
11月前
|
存储 人工智能 前端开发
从零构建智能对话助手:LangGraph + ReAct 实现具备记忆功能的 AI 智能体
本文系统介绍了基于 LangGraph 框架构建具备记忆能力的 ReAct(Reasoning + Action)智能体的技术实现方法。ReAct 智能体结合语言模型的推理能力与外部工具的执行能力,通过“思考-行动-观察”循环机制,实现复杂任务的自主处理。文章详细讲解了 LangGraph 的图结构设计、状态管理、工具集成与记忆系统等关键技术,并通过代码示例演示了从基础工作流到高级智能体系统的构建过程。最终实现的智能体具备多轮对话、工具调用、结果反馈与上下文记忆能力,为开发下一代智能应用提供了技术基础。
1603 1
|
安全 程序员 Windows
程序员必备工具:Xshell 7专业版安装与优化全攻略
Xshell 7 是一款由韩国 NetSarang 公司开发的终端模拟器,专为Windows系统设计,广泛用于远程连接和服务器管理。本文详细介绍其下载、安装流程及配置方法,包括界面语言设置、新建会话连接、高级功能如多窗口布局与脚本自动化,还提供了常见问题解答,帮助用户高效使用软件。
2927 12
|
XML 机器学习/深度学习 数据可视化
目标检测笔记(六):如何通过界面化操作YOLOv5完成数据集的自动标注
这篇文章介绍了如何通过界面化操作YOLOv5来完成数据集的自动标注,包括修改源码、自动标注的前期准备、开始自动标注、可视化标注效果以及将XML文件转换为YOLO训练所需的TXT格式。
1275 1
目标检测笔记(六):如何通过界面化操作YOLOv5完成数据集的自动标注