小程序如何完成订阅

ops/2024/11/19 4:18:25/

小程序如何完成订阅

  • 参考相关文档
  • 实践
  • 问题处理
    • 授权弹窗不再触发
    • 引导用户重新授权

参考相关文档

微信小程序实现订阅消息推送的实现步骤
发送订阅消息
小程序订阅消息(用户通过弹窗订阅)开发指南

实践

我们需要先选这一个模板,具体流程参考官方的操作。然后这个模板ID就是前后端所需要的重要数据啦。
在这里插入图片描述

我们在获取到模板id之后,现在需要弹出订阅弹窗让用户完成订阅,查看上面官方文档中可以知道,我们需要用户触发uni.requestSubscribeMessage这个方法。那我们可以是用弹窗,或者操作按钮来达到这个目的。我们这里是采用的进入页面之后就弹窗(各人按需调整)

javascript">subscribeMessage() {let tmplId = 'XXXXXXXXXXXXX';uni.showModal({title: '提示',content: '邀请您订阅消息',editable: false,confirmText: '同意',cancelText: '拒绝',placeholderText: '',success: function (res) {console.log('success', res);if (res.confirm) {//调用订阅// 添加用户授权操作 uniapp封装了uni.requestSubscribeMessage接口uni.requestSubscribeMessage({tmplIds: [tmplId],success(res) {console.log('success', res);}});} else if (res.cancel) {console.log('用户点击取消');}}});
},

我们这里使用的是弹窗点击同意之后我们去调用uni.requestSubscribeMessage这个方法,可以唤起授权弹窗。
在这里插入图片描述在这里插入图片描述
我们点击允许之后就订阅成功了,然后后端同事通过获取到用户的openid,就可以给用户发送对应的模板消息了。

问题处理

授权弹窗不再触发

我们第一次进入小程序,点击同意之后进行授权弹窗唤起,我们选择允许或拒绝。重新刷新页面加载,这一次点击同意,并没有如愿的唤起订阅授权了。
这是怎么回事呢?
观察操作细节,如果我们没有勾选(总是保持以上选择),那么每一次重新进入小程序会正常升起订阅授权的弹窗,但是一旦我们勾选了就不会再升起订阅授权的弹窗。
在这里插入图片描述

经过查询文档我们发现,勾选了之后(总是保持以上选择)之后,订阅授权弹窗就不再唤起,如果我们还需要用户再次授权怎么办呢?

引导用户重新授权

那我们需要先使用uni.getSetting(方法查询一下用户的订阅状态,如果发现用户勾选了(总是保持以上选择),根据业务需求,我们可以重新指引用户打开授权,uni.openSetting(这个操作也需要用户点击之后才能触发)。用户可以在这里重新打开授权。

javascript">showMessage() {let that = this;let tmplId = 'XXXXXXXXXXXXXX';uni.getSetting({withSubscriptions: true,success(res) {console.log(res);if (res.subscriptionsSetting.mainSwitch) {// 用户打开了订阅消息总开关if (res.subscriptionsSetting.itemSettings) {// 用户同意总是保持是否推送消息的选择, 这里表示以后不会再拉起推送消息的授权let moIdState = res.subscriptionsSetting.itemSettings[tmplId]; // 用户同意的消息模板idif (moIdState === 'accept') {// 同意了消息推送} else if (moIdState === 'reject') {console.log('拒绝了消息推送');//引导用户重新打开授权uni.showModal({title: '提示',content: '用户已关闭订阅授权,是否重新打开订阅授权',editable: false,confirmText: '同意',cancelText: '拒绝',placeholderText: '',success: function (res) {if (res.confirm) {uni.openSetting({withSubscriptions: true,}}});} else if (moIdState === 'ban') {uni.showToast({title: '已被后台封禁'});}} else {// 开始订阅that.subscribeMessage();}} else {// 总开关已关闭清空下,是否重新打开授权uni.showModal({title: '提示',content: '用户已关闭订阅授权,是否重新打开订阅授权',editable: false,confirmText: '同意',cancelText: '拒绝',placeholderText: '',success: function (res) {if (res.confirm) {uni.openSetting({withSubscriptions: true,});}}});}}});
},

在这里插入图片描述在这里插入图片描述


http://www.ppmy.cn/ops/134859.html

相关文章

Java基础-集合

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹) 目录 前言 一、Java集合框架概述 二、Collection接口及其实现 2.1 Collection接口 2.2 List接口及其实现 …

Android12的ANR解析

0. 参考: ANR分析 深入理解 Android ANR 触发原理以及信息收集过程 1.ANR的触发分类: ANR分为4类: InputDispatchTimeout:输入事件分发超时5s,包括按键和触摸事件。BroadcastTimeout:比如前台广播在10s内未执行完成&#xff0…

【Linux学习】【Ubuntu入门】1-4 ubuntu终端操作与shell命令1

1.使用快捷键CtrlAltT打开命令终端,或者单击右键点击… 2.常用shell命令 目录信息查看命令:ls ls -a:显示目录所有文件及文件夹,包括隐藏文件,比如以.开头的 ls -l:显示文件的详细信息 ls -al&#xff1…

第8章利用CSS制作导航菜单

8.1 水平顶部导航栏 水平菜单导航栏是应用范围最广的网站导航设计,一般位于页面顶部。它适用性强,几乎适用于所有类型的网站,且设计难度低。若导航过于普通,无法承载复杂信息结构,在内容模块较多时,则需结…

vs2022搭建opencv开发环境

1 下载OpenCV库 https://opencv.org/ 下载对应版本然后进行安装 将bin目录添加到系统环境变量opencv\build\x64\vc16\bin 复制该路径 打开高级设置添加环境变量 vs2022新建一个空项目 修改属性添加头文件路径和库路径 修改链接器,将OpenCV中lib库里的o…

后端一次性返回数据,前端分页

vue 结合elementUI 分页组件&#xff0c;后端一次性返回数据&#xff0c;前端做分页 1.template中 <el-paginationsize-change"handleSizeChange":page-sizes"[10, 20, 50, 100]"style"float:right"current-change"currentChangeHandle…

C# 反射与动态编程

文章目录 1.反射&#xff08;Reflection&#xff09;1.1 什么是反射&#xff1f;1.2 反射的基本操作1.2.1 获取类型信息1.2.2 获取成员信息 1.3 调用成员1.4 实例化对象1.5 常见应用场景 2.动态编程2.1 什么是动态编程&#xff1f;2.2 dynamic 关键字2.3 动态对象和 ExpandoObj…

使用Python Flask构建Web应用

Flask 是一个轻量级的 Python Web 框架,以其灵活性和易用性受到开发者的喜爱。本文将详细介绍 Flask 的基本概念、安装方法、路由和视图函数、模板引擎、表单处理、数据库集成等内容,并通过一个具体的示例来展示如何使用 Flask 构建一个简单的博客应用。 1. Flask 概述 Fla…