uniapp 微信小程序 订阅消息

这篇具有很好参考价值的文章主要介绍了uniapp 微信小程序 订阅消息。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniapp 微信小程序 订阅消息,uni-app,微信小程序,小程序

第一步,需要先去小程序官方挑选一下订阅模板拿到模板id

uniapp 微信小程序 订阅消息,uni-app,微信小程序,小程序 

uniapp 微信小程序 订阅消息,uni-app,微信小程序,小程序

订阅按钮在头部导航上,所以

<u-navbar :bgColor="bgColor">
			<view class="u-nav-slot" slot="left" @click="goSubscribe">
				<image :src="getimg('subscribe.png')" style="width: 44rpx;height: 44rpx;"></image>
				<view class="le_tt">订阅</view>
			</view>
		</u-navbar>

 文章来源地址https://www.toymoban.com/news/detail-639529.html

// 订阅
			goSubscribe() {
				// 获取时间
				let time = new Date()
				let today = time.getDate()
				let moni1 = time.setDate(today + 1);
				let yM2 = new Date(moni1).getFullYear() + '-' + (this.checkTime(new Date(moni1).getMonth() + 1)) + '-'
				let temp2 = yM2 + this.checkTime(new Date(moni1).getDate())   //明天

				let _this = this;
				let tempid = ['你的模板id']
				uni.getSetting({
					withSubscriptions: true,
					success(res) {
						// 通过Object.keys() 获取返回的数据包含了哪些键名,返回的类型是个数组
						let obj = Object.keys(res.subscriptionsSetting)
						// mainSwitch 是消息订阅的总开关
						if (!res.subscriptionsSetting.mainSwitch) {
							uni.showToast({
								title: '请去 "设置-消息订阅" 开启消息通知',
								icon: 'none',
								duration: 2000
							});
						} else {
							if (obj.includes(tempid[0])) {  //判断是否勾选了“总是保持以上选择……”
								addSubscribe({
									date: temp2
								}).then(res => {

								})
								uni.showToast({
									title: '您已经设置了总是提醒了哟',
									icon: 'none',
									duration: 2000
								});
								return
							} else {
								_this.isSubscribe = true
								uni.requestSubscribeMessage({
									tmplIds: tempid,
									success(res) {
										if (res[tempid[0]] == 'accept') {
											addSubscribe({
												date: temp2
											}).then(res => {
												uni.showToast({
													icon: 'none',
													title: res.msg,
													duration: 2000
												});
											})
											_this.isSubscribe = false
										} else {
											_this.isSubscribe = false
										}
									},
									fail(err) {
										console.log(err);
									}
								})
							}
						}
					}
				})
			},

到了这里,关于uniapp 微信小程序 订阅消息的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp 小程序订阅消息 一次订阅多个 wx.requestSubscribeMessage 微信小程序订阅消息

    如图所示,订阅消息 官方文档: 小程序订阅消息官方文档 1,消息类型 (1) 一次性订阅消息 用户自主订阅后,开发者可不限时间地下发一条对应的服务消息;每条消息可单独订阅或退订。 (2) 长期订阅消息 用户订阅一次后,开发者可长期下发多条消息。 目前长期性订阅消息

    2024年02月09日
    浏览(62)
  • uniapp微信小程序消息订阅快速上手

    这边的模板id和详细内容后续前后端需要使用 需要是一个button触发 js: 其中thing2、phrase3是模板的字段名,根据自己模板去修改即可 HttpClient.java

    2024年02月12日
    浏览(72)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月05日
    浏览(97)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2023年04月15日
    浏览(81)
  • WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月11日
    浏览(75)
  • 微信小程序uni-app

    小程序 是一种不需要下载、安装即可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下就能打开应用,也实现了用完即走的理念,用户不用安装太多应用,应用随处可用,但又无须安装卸载。 微信开发文档 1、工作原理 网页开发,渲染线程和脚本是互斥的

    2024年02月10日
    浏览(123)
  • uniapp微信小程序订阅消息发送服务通知--超详细

    由于公司需求,刚学完的小程序的我,要求开发一个直播通知的微信小程序,学了vue的我,选择还是使用uniapp开发,wx原生语法学完已经快忘了。在利用uniapp写代码的过程中,遇到很多问题,通过这篇博客分享一下总体实现思路以及一些小坑。整篇博客以逐步的思路让你完整

    2024年02月06日
    浏览(51)
  • 微信小程序授权(uni-app)

    概述 为了避免重复开发,自己封装了一个通用用户授权回调方法,只需要传入需要授权的scope,权限中文描述、回调函数,就可以实现一整套小程序是否授权、打开授权设置,调用后续操作函数的工作 功能 可以根据自己的实际应用进行微调 目前使用的uni-app版本,可以根据自

    2024年02月16日
    浏览(86)
  • 语法速通 uni-app随笔【uni-app】【微信小程序】【vue】

    其中, pages 目录/ index 目录【必有】: index.js 编写业务逻辑 【初始数据,生命周期函数】 index.json 编写配置 index.wxml 编写模板 【可理解为本页html】 index.wxss 【可理解为本页css】 直接输入敲回车,连尖括号都不需要就可以标签补全 1)初始数据写死 在 index.wxml 引入变

    2024年02月12日
    浏览(174)
  • uni-app微信小程序使用echarts

    前言:本来是使用的ucharts,但因为无法监听图例点击交互,满足不了需求,所以只能放弃。 首先,下载echart组件。可以先随便建个文件夹,然后 npm init。接着下载依赖 然后找到 node_modulesmpvue-echarts下的文件,如图 只留下src,其他的删掉(没有用到)。然后复制 mpvue-echart

    2024年02月10日
    浏览(74)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包