IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信小程序云调用订阅消息发送通知 -> 正文阅读

[移动开发]微信小程序云调用订阅消息发送通知

一、术语

openid:每个微信唯一的id,服务通知用它的作用是你想要通知谁,谁的openid就给你发送过去,它类似你的电话号码,给你发短信,必须知道你的电话号。
access_token:因为如何实现微信服务通知,底层我们不知道,微信给了接口,想用这个接口必须有access_token参数。因为微信保密做的还相对严格,所以获取就需要各种参数。
form_id:我对这个理解不是很到位,在我看来就是从这里访问服务器,触发这个微信服务通知函数、参数;先这样理解,你知道它必须获取就可以了。
template_id:模板id,这个就是微信小程序里边,订阅消息你选用什么格式通知模板,就把对应的template_id粘贴过来。
appid、secret:在微信公众平台里边,这个大家应该都熟悉,我就不多说了。

二、设置模板

新建模板,在公共模板库里选择一类模板,当然这跟你选择的小程序类目有关。貌似只能选择一次性订阅,长期订阅里是空的。

设置模板成功后,可复制模板ID供使用。

?

三、订阅消息

消息推送位置:服务通知

消息下发条件:用户自主订阅

消息卡片:查看详情可以跳转到小程序页面

使用步骤

1、获取下发的权限

    wx.requestSubscribeMessage({
      tmplIds: ['模板ID'],
      success(res) { 
        console.log(res)
      }
    })

四、云函数设置

右键cloudfunctions?新建Node.js云函数,取名send。

在index.js里设置模板格式,与模板ID的格式对应:

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {
    const wxContext = cloud.getWXContext()
    try {
        const result = await cloud.openapi.subscribeMessage.send({
          touser: wxContext.OPENID ,
          page: 'pages/index/index',
          lang: 'zh_CN',
          data: {
            thing1: {
              value: event.theme
            },
            time3: {
              value: event.startTime
            },
            thing4: {
              value: event.station
            },
            thing5: {
              value: event.address
            },
            time7: {
                value: event.endTime
              },
          },
          templateId: 'Iayl5vuTTzdvXnrGS05Mr0YSCG7VDR686sJ-你的模板ID',
          miniprogramState: 'developer'
        })
        console.log(result)
        return result
      } catch (err) {
        console.log(err)
        return err
      }
}

在package.json?里配置subscribeMessage.send权限

五、小程序界面设置

wxml里设置:

<button type="primary" bindtap="sendNew">sendNew</button>

js里设置:

  sendNew() {
    console.log('1111111111');
    wx.cloud.callFunction({
      // 要调用的云函数名称
      name: 'send',
      // 传递给云函数的参数
      data: {
        // openid: app.globalData.openid,
        theme:"团建",
        startTime:"2020-03-30 08:50:00",
        endTime:"2020-03-31 09:00:00",
        station:"舞蹈3室",
        address:"深圳龙岗区"
      },
      success: res => {
        console.log('调用成功:',res);
      },
      fail: err => {
        console.log('调用失败:',err)
      },
    })
},

这里的data要与云函数的格式对应,如station对应value:?event.station,station可自定义。

六、测试

接下来可以在模拟器上测试了

?

?

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-11-15 15:59:21  更:2021-11-15 16:01:20 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 3:43:22-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码