微信小程序云开发订阅消息(可复制代码!小白都能看懂)

订阅消息需要:

1.在微信公众平台-小程序管理后台添加一个相应模板,然后把模板ID复制下来测试备用;

2.在微信公众平台-小程序 打开订阅消息功能

3.每一次消息的推送对应一次用户的订阅,不能订阅一次性消息然后进行多次推送,会返回错误

所以接下来页面测试会有两个按钮,一个是询问用户是否要订阅一次性消息的按钮,点击允许且接口返回成功后,再发送通知

微信小程序云开发订阅消息(可复制代码!小白都能看懂)_第1张图片

接下来是代码

获取openid就不多说了,文档写得很清楚 且新建小程序的demo中也有,

1.订阅通知按钮

wxml:

js:

askMessage:function(e){
      console.log('点击订阅通知')
      wx.requestSubscribeMessage({
          tmplIds: ['你的模版id(可以写多个)'],
          success(res) {console.log(res)},
          fail(err) { console.log(err)}
      })
  }

用户点击这个按钮就会询问是否订阅消息,如果用户允许,就可以发送消息

2.发送消息按钮

wxml:

js:

 sendMessage(e){
        wx.cloud.callFunction({
            name: 'sendMessage',
            data: {
                //测试阶段先不传数据哦,开发中将需要发送的数据放在这就好
            }
        }).then(res => {
            console.log('发送成功:', res);
           
        }).catch(err => {
            console.log('发送失败:', err)
            
        })
    }

云函数:

微信小程序云开发订阅消息(可复制代码!小白都能看懂)_第2张图片

新建一个云函数,然后打开index.js

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
    const result = await cloud.openapi.subscribeMessage.send({
        touser: '用户的openid(通过getuserinfo获取,看官方文档就好)',
        page:'pages/index/index',//订阅消息点击后跳转的路径
        data: {//data就放模板规定的字段就好,注意字段类型哦
            name3: {
                value: 'XX'
            },
            phone_number4: {
                value: '13342512324'
            },
            thing5: {
                value: '审核已通过'
            },
            thing2: {
                value: 'XX大厦'
            },
            time1: {
                value: '2020-03-14 14:12'
            }
        },
        templateId: '模板id(可以传进来哦)'
    })
}

云函数写完之后记得要上传并部署,不然就调用不了,

到这代码就写好了! 在微信开发者工编译,之后选真机调试,然后点击订阅消息按钮,就会弹出询问框啦,允许之后点击发送,就可以收到服务通知咯!具体程序要怎么调用,啥时候调用要根据业务去具体再写,这就不说了(主要是我也不懂)

转载记得带带带上我的名字哦~

我也是从后端开发来研究小程序,刚刚好公司有需求,就接手做啦,因为不想后端对接太多微信的接口(懒),所以就用云开发的功能了

小程序交流群可以拉拉我!我想找大神请教问题!

qq:281884988

 

你可能感兴趣的:(小程序开发笔记)