yudao-cloud 开发指南 yudao-cloud 开发指南
  • 萌新必读
  • 后端手册
  • 微服务手册
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 商城手册
  • ERP 手册
  • CRM 手册
  • AI 大模型手册
  • IoT 物联网手册
  • 公众号手册
  • 前端手册 Vue 2.x
  • 前端手册 Vue 3.x
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 商城手册
  • ERP 手册
  • CRM 手册
  • AI 大模型手册
  • IoT 物联网手册
  • 公众号手册
  • 系统手册
视频教程
  • Vue3 + element-plus (opens new window)
  • Vue3 + vben(ant-design-vue) (opens new window)
  • Vue2 + element-ui (opens new window)
单体版 (opens new window)
作者博客 (opens new window)
GitHub (opens new window)
  • 萌新必读
  • 后端手册
  • 微服务手册
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 商城手册
  • ERP 手册
  • CRM 手册
  • AI 大模型手册
  • IoT 物联网手册
  • 公众号手册
  • 前端手册 Vue 2.x
  • 前端手册 Vue 3.x
  • 工作流手册
  • 大屏手册
  • 支付手册
  • 商城手册
  • ERP 手册
  • CRM 手册
  • AI 大模型手册
  • IoT 物联网手册
  • 公众号手册
  • 系统手册
视频教程
  • Vue3 + element-plus (opens new window)
  • Vue3 + vben(ant-design-vue) (opens new window)
  • Vue2 + element-ui (opens new window)
单体版 (opens new window)
作者博客 (opens new window)
GitHub (opens new window)
  • 萌新必读

    • 简介
    • 交流群
    • 视频教程
    • 功能列表
    • 快速启动(后端项目)
    • 快速启动(前端项目)
    • 接口文档
    • 技术选型
    • 项目结构
    • 代码热加载
    • 一键改包
    • 迁移模块(适合新项目)
    • 删除功能(以租户为例)
    • 表结构变更(版本升级)
    • 国产信创数据库(DM 达梦、大金、OpenGauss)
    • 内网穿透
    • 面试题、简历模版、简历优化
    • 项目外包
  • 后端手册

    • 新建服务
    • 代码生成【单表】(新增功能)
    • 代码生成【主子表】
    • 代码生成(树表)
    • 功能权限
    • 数据权限
    • 用户体系
    • 三方登录
    • OAuth 2.0(SSO 单点登录)
    • SaaS 多租户【字段隔离】
    • SaaS 多租户【数据库隔离】
    • WebSocket 实时通信
    • 异常处理(错误码)
    • 参数校验、时间传参
    • 分页实现
    • VO 对象转换、数据翻译
    • 文件存储(上传下载)
    • Excel 导入导出
    • 操作日志、访问日志、异常日志
    • MyBatis 数据库
    • MyBatis 联表&分页查询
    • 多数据源(读写分离)
    • Redis 缓存
    • 本地缓存
    • 异步任务
    • 分布式锁
    • 幂等性(防重复提交)
    • 请求限流(RateLimiter)
    • HTTP 接口签名(防篡改)
    • 单元测试
    • 验证码
    • 工具类 Util
    • 数据库文档
  • 微服务手册

    • 微服务调试(必读)
    • 注册中心 Nacos
    • 配置中心 Nacos
    • 服务网关 Spring Cloud Gateway
    • 服务调用 Feign
    • 定时任务 XXL Job
    • 消息队列(内存)
    • 消息队列(Redis)
    • 消息队列(RocketMQ)
    • 消息队列(RabbitMQ)
    • 消息队列(Kafka)
    • 消息队列(Cloud)
    • 分布式事务 Seata
    • 服务保障 Sentinel
  • 工作流手册

    • 工作流演示
    • 功能开启
    • 工作流(达梦适配)
    • 审批接入(流程表单)
    • 审批接入(业务表单)
    • 流程设计器(BPMN)
    • 流程设计器(钉钉、飞书)
    • 选择审批人、发起人自选
    • 会签、或签、依次审批
    • 流程发起、取消、重新发起
    • 审批通过、不通过、驳回
    • 审批加签、减签
    • 审批转办、委派、抄送
    • 执行监听器、任务监听器
    • 流程表达式
    • 流程审批通知
  • 大屏手册

    • 报表设计器
    • 大屏设计器
  • 支付手册

    • 功能开启
    • 支付宝支付接入
    • 微信公众号支付接入
    • 微信小程序支付接入
    • 支付宝、微信退款接入
    • 钱包充值、支付、退款
    • 模拟支付、退款
  • 会员手册

    • 功能开启
    • 微信公众号登录
    • 微信小程序登录
    • 微信小程序订阅消息
      • 1. 小程序准备
        • 1.1 模版申请
        • 1.2 后端配置
      • 2. 功能演示 & 代码实现
        • 2.1 uni-app 获取订阅模版列表
        • 2.2 uni-app 发起订阅消息
        • 2.3 后端发送订阅消息
      • 3. 其它业务如何接入?
    • 微信小程序码
    • 会员用户、标签、分组
    • 会员等级、积分、签到
  • 商城手册

    • 商城演示
    • 功能开启
    • 商城装修
    • 在线客服
    • 【商品】商品分类
    • 【商品】商品属性
    • 【商品】商品 SPU 与 SKU
    • 【商品】商品评价
    • 【交易】购物车
    • 【交易】交易订单
    • 【交易】售后退款
    • 【交易】快递发货
    • 【交易】门店自提
    • 【交易】分销返佣
    • 【营销】优惠劵
    • 【营销】积分商城
    • 【营销】拼团活动
    • 【营销】秒杀活动
    • 【营销】砍价活动
    • 【营销】满减送活动
    • 【营销】限时折扣
    • 【营销】内容管理
    • 【统计】会员、商品、交易统计
  • ERP手册

    • ERP 演示
    • 功能开启
    • 【产品】产品信息、分类、单位
    • 【库存】产品库存、库存明细
    • 【库存】其它入库、其它出库
    • 【库存】库存调拨、库存盘点
    • 【采购】采购订单、入库、退货
    • 【销售】销售订单、出库、退货
    • 【财务】采购付款、销售收款
  • CRM手册

    • CRM 演示
    • 功能开启
    • 【线索】线索管理
    • 【客户】客户管理、公海客户
    • 【商机】商机管理、商机状态
    • 【合同】合同管理、合同提醒
    • 【回款】回款管理、回款计划
    • 【产品】产品管理、产品分类
    • 【通用】数据权限
    • 【通用】跟进记录、待办事项
  • AI大模型手册

    • AI 大模型演示
    • 功能开启
    • AI 聊天对话
    • AI 绘画创作
    • AI 知识库
    • AI 音乐创作
    • AI 写作助手
    • AI 思维导图
    • AI 工具(function calling)
    • AI 工作流
    • Dify 工作流
    • FastGPT 工作流
    • Coze 智能体
    • 【模型接入】OpenAI
    • 【模型接入】通义千问
    • 【模型接入】DeepSeek
    • 【模型接入】字节豆包
    • 【模型接入】腾讯混元
    • 【模型接入】硅基流动
    • 【模型接入】MiniMax
    • 【模型接入】月之暗灭
    • 【模型接入】百川智能
    • 【模型接入】文心一言
    • 【模型接入】LLAMA
    • 【模型接入】智谱 GLM
    • 【模型接入】讯飞星火
    • 【模型接入】微软 OpenAI
    • 【模型接入】谷歌 Gemini
    • 【模型接入】Stable Diffusion
    • 【模型接入】Midjourney
    • 【模型接入】Suno
  • IoT物联网手册

    • 功能开启
  • 公众号手册

    • 功能开启
    • 公众号接入
    • 公众号粉丝
    • 公众号标签
    • 公众号消息
    • 自动回复
    • 公众号菜单
    • 公众号素材
    • 公众号图文
    • 公众号统计
  • 系统手册

    • 短信配置
    • 邮件配置
    • 站内信配置
    • 数据脱敏
    • 敏感词
    • 地区 & IP 库
  • 运维手册

    • 开发环境
    • Linux 部署
    • Docker 部署
    • Jenkins 部署
    • 宝塔部署
    • HTTPS 证书
    • 服务监控
  • 前端手册 Vue 3.x

    • 开发规范
    • 菜单路由
    • Icon 图标
    • 字典数据
    • 系统组件
    • 通用方法
    • 配置读取
    • CRUD 组件
    • 国际化
    • IDE 调试
    • 代码格式化
  • 前端手册 Vue 2.x

    • 开发规范
    • 菜单路由
    • Icon 图标
    • 字典数据
    • 系统组件
    • 通用方法
    • 配置读取
  • 更新日志

    • 【v2.5.0】开发中...
    • 【v2.4.2】2025-04-12
    • 【v2.4.1】2025-02-09
    • 【v2.4.0】2024-12-31
    • 【v2.3.0】2024-10-07
    • 【v2.2.0】2024-08-02
    • 【v2.1.0】2024-05-05
    • 【v2.0.1】2024-03-01
    • 【v2.0.0】2024-01-26
    • 【v1.9.0】2023-12-01
  • 开发指南
  • 会员手册
芋道源码
2024-08-01
目录

微信小程序订阅消息

前置阅读文章:

  • 《用户体系》
  • 《三方登录》

本文是 《三方登录》 的延伸,讲解 yudao-mall-uniapp (opens new window) 商城小程序如何实现微信 小程序 订阅消息的功能。对应的官方文档如下:

  • 《【开发指南】订阅消息》 (opens new window)
  • 《【前端】订阅消息》 (opens new window)
  • 《【服务端】订阅消息》 (opens new window)

# 1. 小程序准备

# 1.1 模版申请

目前订阅消息,无法使用之前的“测试小程序”,必须进行正式小程序的申请!

申请后,可以在 [微信小程序 -> 功能 -> 订阅消息] 菜单,申请对应的订阅消息模版。如下图所示:

订阅消息

上图可以看到三个模版,是目前项目已经接入的订阅消息:

  • 【商城】订单发货通知:管理员在后台发货后,通知用户 订单发货通知

  • 【商城】拼团结果通知:用户拼团成功后,通知用户 拼团结果通知

  • 【支付】充值成功通知:用户充值成功后,通知用户 充值成功通知

而这些模版,我们是无法编辑,而是在【公共模板库】选用后,进入【我的模版】。

# 1.2 后端配置

在后端 发送订阅消息 (opens new window) 时,需要传递 miniprogram_state 参数,用于区分跳转小程序类型:

  • developer 为开发版
  • trial 为体验版
  • formal 为正式版

因此,在 application-${profile}.yaml 配置文件中,有对应的 yudao.wxa-subscribe-message.miniprogram-state 配置项,如下图所示:

后端配置

一般情况下,如果是开发测试,不用修改,直接使用默认的 developer 即可。

# 2. 功能演示 & 代码实现

本小节,我们以【商城】订单发货通知为例,演示如何实现订阅消息的功能。在开始之前,你需要做如下事情:

  • 参考 《快速启动【前端】》 文档,把 yudao-uniapp-mall 商城项目跑起来,并使用 HBuilderX + 微信开发者工具进行调试
  • 参考 《商城功能开启》 文档,开启商城功能
  • 在 [微信小程序 -> 功能 -> 订阅消息] 菜单,配置好“订单发货通知”模版

# 2.1 uni-app 获取订阅模版列表

在 uni-app 打开时,会调用后端的 AppSocialUserController 的 #getSubscribeTemplateList() 方法,获取订阅消息模版列表。

目的是,uni-app 在调用 wx.requestSubscribeMessage(Object object) (opens new window) 发起订阅消息时,需要传递 tmplIds 消息模版的编号。

友情提示:

由于暂时没做微信小程序的订阅消息的模版管理,所以暂时通过它的模版名称来匹配的。算是约定大于配置吧~

不过因为小程序的订阅消息模版是只能 选用,标题是固定的,所以这个约定是可行的。

# 2.2 uni-app 发起订阅消息

第一步,在 uni-app 中,下单并完成支付,然后会进入支付成功页。如下图所示:

支付成功页

第二步,点击【立即订阅】按钮,发起对“订单发货通知”的订阅消息。如下图所示:

发起订阅消息

它的实现,通过调用项目的 sheep/platform/provider/wechat/miniProgram.js 的 #subscribeMessage(...) 方法,从而调用微信的 wx.requestSubscribeMessage(Object object) 方法,发起订阅消息的请求。

# 2.3 后端发送订阅消息

第一步,在管理后台,点击 [商城系统 -> 订单中心 -> 订单列表] 菜单,找到对应的订单,点击【发货】按钮,发起对订单的发货操作。如下图所示:

订单发货

它的内部,通过调用项目的 SocialClientApi 的 #sendWxaSubscribeMessage(...) 方法,从而调用微信的 发送订阅消息 (opens new window) 接口,发送订阅消息的请求。

第二步,拿出手机微信(PC 电脑上看不到),在【服务通知】中,可以看到对应的订阅消息。如下图所示:

服务通知

如果没有收到订阅消息,可以在 IDEA 控制台,搜 [sendSubscribeMessage] 关键字,查看是否有异常日志输出。

# 3. 其它业务如何接入?

参考上述小节的内容:

  • 第一步,在 uni-app 项目中,需要调用项目的 sheep/platform/provider/wechat/miniProgram.js 的 #subscribeMessage(...) 方法,发起订阅
  • 第二步,在后端项目中,需要调用 SocialClientApi 的 #sendWxaSubscribeMessage(...) 方法,发送订阅消息

当然,肯定需要在微信小程序那,配置对应的订阅消息模版。

微信小程序登录
微信小程序码

← 微信小程序登录 微信小程序码→

Theme by Vdoing | Copyright © 2019-2025 芋道源码 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×