讲师中心 微信公众号
AI工具推荐 视频效率加速

uni-app如何配置微信内网页JS-SDK授权域名

胖枫同学_7355

胖枫同学_7355

发布时间:2026-08-21 13:07:00

|

337人浏览过

|

来源于php中文网

原创

JS接口安全域名必须与location.origin完全一致(协议+域名+端口),不加路径或参数;需上传校验文件MP_verify_*.txt至根目录并确保HTTPS可访问;url参数须去除hash后传入,且不可编码。

uni-app如何配置微信内网页js-sdk授权域名

微信公众号后台必须填对“JS接口安全域名”

不是随便填个域名就能用,必须和你实际访问页面的 location.origin 完全一致(协议 + 域名 + 端口),且不能带路径或参数。

常见错误现象:invalid signature 或 config:invalid url domain,90% 是因为这里填错了。

  • 例如你的 H5 页面地址是 https://wl.2020yx.cn/ccc/index.html,那后台只填 wl.2020yx.cn 即可(不加 https://,不加路径)
  • 如果用了子域名(如 h5.example.com),主域名 example.com 不自动生效,必须单独添加
  • 开发阶段用本地 IP(如 http://192.168.1.100:8080)无法配置——微信不支持 IP 地址,必须上真实备案域名
  • 填完后需下载校验文件(MP_verify_*.txt),并确保能通过 https://你的域名/MP_verify_*.txt 直接访问到(HTTP 200)

uni-app 项目里不能漏掉域名校验文件

这个 .txt 文件不是摆设,微信会主动 GET 请求它来验证你是否真有该域名控制权。漏传或路径不对,后台配置就无效。

实操建议:

  • 把下载好的 MP_verify_*.txt 放在 uni-app 构建后的根目录下(即 dist/build/h5/ 输出目录的最外层)
  • 如果你用 Nginx,确认 location / 能直接命中该文件,别被 rewrite 规则拦截
  • 检查响应头:必须返回 Content-Type: text/plain,否则微信判定失败
  • 不要放在 static 或 assets 下——这些路径通常被构建工具处理或路由拦截,不一定能裸露访问

页面 URL 必须剥离 hash 才能正确签名

wx.config 的 url 参数若包含 #,签名会失败,因为微信服务端校验的是不含 hash 的原始 URL。

正确写法必须是:

微信朋友圈爆款文案生成器
微信朋友圈爆款文案生成器

根据产品、场景和风格自动生成适合微信朋友圈的爆款文案,包含配图建议和互动引导。

下载
const url = window.location.href.split('#')[0]

而不是 window.location.href 或 window.location.origin + window.location.pathname(后者会丢掉 query 参数)。

特别注意:

  • SPA 路由(如 /user?id=123#/profile)——取 split('#')[0] 后是 /user?id=123,这是对的
  • 如果 URL 本身没 #,split('#')[0] 就是原串,安全
  • 千万别用 encodeURIComponent(url) 包一层再传给后端——后端签名逻辑要求原始 URL,编码后会导致签名不匹配

开发环境调试时容易忽略的两个硬性限制

本地 localhost 或内网 IP 永远无法通过微信 JS-SDK 校验,这是平台级限制,不是配置问题。

真实调试路径只有两条:

  • 用 ngrok / localtunnel 等工具把本地服务映射成公网 HTTPS 域名,并把这个域名填进公众号后台
  • 部署测试机(哪怕是最简的 VPS + Nginx),用备案域名指向它,所有 JS-SDK 接口才可能正常初始化

另外,debug: true 只在 PC 微信客户端或微信开发者工具里生效,真机上弹不出 alert,别依赖它判断 config 是否成功——要用 ready 和 error 回调配合日志确认。

相关文章

微信app下载
微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2663

2023.08.11

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

5803

2023.10.09

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

6770

2024.03.19

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

6498

2024.03.22

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

923

2024.05.22

TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

312

2026.02.13

TypeScript全栈项目架构与接口规范设计
TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者,系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

520

2026.02.25

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

371

2026.03.13

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

60

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn