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

uni-app实现微信小程序的模板消息推送 uni-app订阅消息配置

雨敏小哥_3781

雨敏小哥_3781

发布时间:2026-04-28 06:03:20

|

920人浏览过

|

来源于php中文网

原创

uni-app中发微信订阅消息必须通过button点击触发uni.requestSubscribeMessage,且仅支持一次性模板;需校验itemSettings中具体模板ID状态,后端发送时须确保access_token有效、touser为正确openid、模板字段名与后台配置严格一致。

uni-app实现微信小程序的模板消息推送 uni-app订阅消息配置

uni-app 里不能直接“发模板消息”,必须走微信订阅消息链路,且只能是一次性模板;自动调用 uni.requestSubscribeMessage 必然失败,这是硬性限制。

uni.requestSubscribeMessage 必须由 button 点击触发

微信强制要求该 API 只能在用户真实点击事件中调用,否则静默失败或报错 errCode: -1。常见错误包括:

  • 在 onLoad、onShow、setTimeout 中调用 —— 直接被拦截
  • 用 view 或 text 绑定 @click —— 微信不认,必须是原生 button
  • 没加 open-type="subscribeMessage" 属性 —— 即使是 button 也无效(uni-app 3.0+ 才支持该属性)

正确写法示例:

<button open-type="subscribeMessage" @click="handleSubscribe">开启订单通知</button>

对应 JS:

handleSubscribe() {
  uni.requestSubscribeMessage({
    tmplIds: ['YOUR_TEMPLATE_ID'],
    success: (res) => {
      if (res['YOUR_TEMPLATE_ID'] === 'accept') {
        // 可立即调后端发消息
      }
    },
    fail: (err) => {
      console.error('授权失败', err)
    }
  })
}

怎么判断用户是否已授权某模板 ID

不能只看 uni.getSetting({withSubscriptions: true}) 的 mainSwitch,它只是总开关。关键要查具体模板的状态:

微信公众号发文助手
微信公众号发文助手

微信公众号产业研究发文助手,支持原文读取、分层摘要、产业链标的梳理、image2 海报与封面生成、正文排版、微信草稿保存、回读校验和发布前确认。

下载
  • itemSettings['YOUR_TEMPLATE_ID'] === 'accept':已授权,可发(但一次性模板发完即失效)
  • === 'reject':用户点过“拒绝”,再调 requestSubscribeMessage 不会弹窗,需引导去设置页:uni.openSetting({withSubscriptions: true})
  • === 'ban':模板被微信封禁(极少见,但真有)
  • 字段不存在:用户从未对该模板做过选择,此时才是调用 requestSubscribeMessage 的合适时机

务必传 withSubscriptions: true,否则 itemSettings 为空对象。

后端发送时三个高频踩坑点

前端拿到 'accept' 只是第一步,后端真正调用微信接口时,失败率极高,主因在:

  • access_token 必须缓存并校验有效期:微信限制每两小时刷新一次,且有调用频次限制;硬编码或每次重取会导致 40001 错误
  • touser 字段必须是当前小程序的 openid:跨小程序、用测试号 openid、或拿错登录态(比如用了公众号 openid),都会返回 errcode: 43101
  • 模板字段名必须和后台申请时完全一致:比如你申请模板时字段叫 thing1,代码里写成 content 或 message,微信直接忽略该字段,不报错但内容为空

发送接口地址是:https://api.weixin.qq.com/cgi-bin/message/subscribe/send,不是旧的模板消息地址,别混淆。

模板 ID 和字段名必须严格对齐后台配置

每个模板在微信公众平台「开发管理 → 订阅消息 → 我的模板」里生成唯一 templateId,且每个字段都有固定 name(如 character_string1、time4)。这些 name 是硬编码进后端请求体的,改一个字母就丢数据。

  • 前端不用管字段名,只负责传 tmplIds 数组
  • 后端构造 data 对象时,key 必须是模板详情页里写的字段 name,value 是字符串值
  • 字段值有长度限制:如 thing.DATA 最多 20 字符;time.DATA 必须是 YYYY-MM-DD HH:mm 或带波浪线的时间段(如 "09:00~12:00")

最容易被忽略的是:模板字段名大小写敏感,且不能加空格或下划线变体 —— 拿错一个,整条消息就显示为空白。

相关文章

微信app下载
微信app下载

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

下载

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

热门AI工具

更多
音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

DeepSeek

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

咔片AIPPT

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

切问学术

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

VibeKnow
VibeKnow Hot

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

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

豆包大模型

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

WorkBuddy

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

相关专题

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

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

2763

2023.08.11

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

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

6023

2023.10.09

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

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

6970

2024.03.19

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

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

6758

2024.03.22

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

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

963

2024.05.22

微信是谁开发的
微信是谁开发的

微信是由张小龙所带领的腾讯广州研发中心产品团队打造开发的,并不是马化腾开发的,而腾讯公司总裁马化腾是在产品策划的邮件中确定这款产品的名称叫做“微信”的。想了解更多微信相关的内容,可阅读本专题下面的相关文章。

5695

2024.11.05

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

100

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

60

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

220

2026.10.28

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
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