微信的消息订阅

一、申请消息模版

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

二、在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 云函数要主动关联公共模块,什么意思呢,直接上图。

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

相关推荐
WangHappy2 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端2 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker3 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker3 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者5 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround7 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround7 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
码云数智-大飞7 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序
luffy54597 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟7 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序