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

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

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

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

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

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

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

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

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

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

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

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

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

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

主编

前端

后端

网络与通信

微信登录接口开发指南：详解PC端和移动端两种登录场景配置要点，包括微信公众号和开放平台的域名设置技巧，避免redirect_uri编码错误等常见问题，帮助开发者快速实现微信扫码登录功能。

2026新春采购季

domain

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

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

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

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐