微信的消息订阅

一、申请消息模版

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

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

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

相关推荐
Dignity_呱10 小时前
如何在不发版时,实现小程序的 AB 测试?
前端·面试·微信小程序
咸虾米_1 天前
微信小程序通过uni.chooseLocation打开地图选择位置,相关设置及可能出现的问题
微信小程序·小程序·uniapp开发·小程序地图api
不如摸鱼去2 天前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
微信小程序·小程序·uni-app·aigc·ai编程
意会2 天前
微信闪照小程序实现
前端·css·微信小程序
小白_ysf2 天前
uniapp 开发微信小程序,获取经纬度并且转化详细地址(单独封装版本)
微信小程序·uni-app
是一碗螺丝粉3 天前
拯救你的app/小程序审核!一套完美避开审核封禁的URL黑名单机制
前端·javascript·微信小程序
我叫黑大帅4 天前
微信小程序分包:告别加载慢,像拆快递一样简单!
前端·微信小程序
两个月菜鸟4 天前
vue+微信小程序 五角星
前端·vue.js·微信小程序
熬耶4 天前
Uniapp之微信小程序自定义底部导航栏形态
微信小程序·小程序·uni-app
誰在花里胡哨5 天前
微信小程序实现陀螺仪卡片景深效果
前端·微信小程序·动效