网站集成微信登录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.

相关文章
|
Java 数据库
Apollo公共类型的Namespace配置需要进行关联才能用吗?
其实,这个问题在强哥看来应该有稍微深入了解Apollo的使用者应该都能回答的上来。 不过也是前些天,刚好看到公司新来的实习生在找Apollo配置时抓耳挠腮,了解情况之后,我发现,原来这个问题确实有许多人容易弄混。所以,强哥就在这里也简单科普一下。
Apollo公共类型的Namespace配置需要进行关联才能用吗?
|
5月前
|
人工智能 自然语言处理 安全
OpenClaw部署安装集成QQ:阿里云轻量服务器新手0基础,成功部署教程分享
本文为阿里云轻量服务器新手提供OpenClaw零基础部署教程,详解如何一键部署、配置百炼API Key(推荐Coding Plan套餐),并集成QQ机器人,实现自然语言交互。含计费说明(月付9.9元起+模型Token费用)与安全配置要点。(238字)
|
1月前
|
人工智能 Shell 开发工具
在 Claude Code 里装 Codex 老翻车?7 个报错我一个个踩过,附解法
codex-plugin-cc 是 OpenAI 官方推出的 Claude Code 插件,作为“遥控器”调用本地 codex CLI 实现代码评审、对抗审查与任务委托。90% 安装失败源于未装 codex CLI、Node 版本低于 18.18 或未执行 `/reload-plugins`。本文详解 7 类高频报错及速查解法。(239 字)
386 1
|
2月前
|
人工智能 前端开发 小程序
26 年最新 AI 编程学习路线一条龙,5 分钟速通!
小白可懂的 AI 编程学习路线,6 个阶段从入门到进阶,覆盖 Cursor、Claude Code、Codex 三大主流工具,提示词工程、上下文管理、项目部署全流程,配套免费教程和实战项目。
913 0
|
8月前
|
数据管理 开发者
Pageadmin低代码平台的智能表单模块如何实现数据联动
本文以制造行业工单场景为例,介绍 PageAdmin 低代码平台智能表单的数据联动实现:管理员进入相关表单配置界面,为工单表单关联客户列表数据源并匹配对应字段,选客户后自动填充名称、地址,高效减少手工录入失误。
316 3
|
4月前
|
iOS开发 开发者
hbuilderx打包的ios应用上架app store详细流程
HBuilderX云打包iOS应用后,如何通过App Store Connect上架IPA文件:本文将介绍app store入口、新建App、填写资料(含截图/预览)、IPA上传及提交审核全流程,助开发者高效完成App Store上架。
|
11月前
|
人工智能 安全 API
构建面向未来的数据安全技术建设方案
以 数据分类分级(DC/CG) 为核心策略,按 “先行业领域、后业务属性” 建立 4–5 级密级体系,并把密级标签写入数据目录 / API / 日志。 围绕 API 与数据流 落地 发现 → 识别 → 分级 → 策略编排 → 实时监测与留痕 的全生命周期控制。 零信任 + 微隔离 配合 IAM/ABAC/MFA 执行最小权限与动态授权;高密级走审批流 + JIT。 加密 / 脱敏 / 令牌化 按密级差异化,DLP 联动出境 / 合规流程;UEBA + SOAR 驱动持续运营。 与 《数据安全法》《个人信息保护法》《网络数据安全管理条例(2024)》、GB/T 43697-2024 对标并可审计
|
9月前
|
机器学习/深度学习 人工智能 前端开发
终端里的 AI 编程助手:OpenCode 使用指南
OpenCode 是开源的终端 AI 编码助手,支持 Claude、GPT-4 等模型,可在命令行完成代码编写、Bug 修复、项目重构。提供原生终端界面和上下文感知能力,适合全栈开发者和终端用户使用。
59841 11