微信的消息订阅

一、申请消息模版

微信公众平台,申请消息模版

二、在uni-app 里面下载这个插件uni-subscribemsg

三、根据文档定义一个message.js 云函数

文档里面都有现成的代码

javascript 复制代码
'use strict';

const uidObj = require('uni-id');
const {
 Controller
} = require('uni-cloud-router');
// 引入uni-subscribemsg公共模块
const UniSubscribemsg = require('uni-subscribemsg');
// 初始化实例
let uniSubscribemsg = new UniSubscribemsg({
 dcloudAppid: "填你的应用id",
 provider: "weixin-mp",
});

module.exports = class messagesController extends Controller {

 // 发送消息 
 async send() {

  let response = { code: 1, msg: '发送消息失败', datas: {} };
  const {
   openid,
   data,
  } = this.ctx.data;
  // 发送订阅消息
  let resdata = await uniSubscribemsg.sendSubscribeMessage({
   touser: openid,// 就是用户的微信id,决定发给他
   template_id: "填你刚刚申请的消息模版id",
   page: "pages/tabbar/home", // 小程序页面地址
   miniprogram_state: "developer", // 跳转小程序类型:developer为开发版;trial为体验版;formal为正式版;默认为正式版
   lang: "zh_CN",
   data: {
    thing1: {
     value: "信息审核通知"// 消息标题
    },
    thing2: {
     value: '你有新的内容需要审核' // 消息内容
    },
    number3: {
     value: 1 // 未读数量
    },
    thing4: {
     value: '管理员' // 发送人
    },
    time7: {
     value: data.time // 发送时间
    }
   }
  });
  response.code = 0;
  response.msg = '发送消息成功';
  response.datas = resdata;

  return response;
 }
}

四、用户主动订阅消息

微信为了防止打扰用户,需要用户订阅消息,并且每次订阅只能发送一次,不过我取巧,在用户操作按钮上偷偷加订阅方法,让用户一直订阅,我就可以一直发

javascript 复制代码
// 订阅
  dingYue() {
   uni.requestSubscribeMessage({
    tmplIds: ["消息模版id"], // 改成你的小程序订阅消息模板id 
    success: (res) => {
     if (res['消息模版id'] == 'accept') {

     }

    }
   });
  },

五、

我安装了那个uni-app 的消息插件,但是一直报错找不到那个模块。原来是unicloud 云函数要主动关联公共模块,什么意思呢,直接上图。

如果你喜欢我的文章,可以关注我哦~

相关推荐
斯班奇的好朋友阿法法17 小时前
鸿蒙 vs iOS vs 微信小程序:开发平台全面对比
ios·微信小程序·harmonyos
Greg_Zhong2 天前
微信小程序如何关闭:当前渲染模式为webview?
微信小程序·微信小程序渲染引擎·渲染引擎需搭配更高基础库
橘子海全栈攻城狮2 天前
【最新源码】养老院系统管理A013
java·spring boot·后端·web安全·微信小程序
计算机学姐3 天前
基于微信小程序的校园失物招领管理系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·信息可视化·微信小程序·uni-app
SkyWalking中文站3 天前
用 SkyWalking 监控微信和支付宝小程序
微信·微信小程序·支付宝
计算机学姐3 天前
基于微信小程序的宠物服务系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·微信小程序·uni-app·宠物
Greg_Zhong3 天前
微信小程序中实现自定义多选效果(完整实现及问题记录)
微信小程序·自定义多选控件
独角鲸网络安全实验室3 天前
2026微信小程序抓包全解析:从实操落地到合规风控,解锁前端调试新范式
前端·微信小程序·小程序·抓包·系统代理绕过·https证书严格校验·进程隔离
fix一个write十个3 天前
【uniApp开发】微信小程序 web-view 内嵌 H5 跳转支付踩坑实录
微信小程序·uni-app
棋宣4 天前
微信小程序onShareAppMessage 分享-生命周期函数 在vue3中 组合式函数 hooks中不生效
微信小程序·小程序