详解微信小程序开发之formId使用（模板消息）

2024-10-01 09:42:40

基于微信小程序的模板消息：

基于微信的通知渠道，我们为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供更佳的体验。
模板推送位置：服务通知
模板下发条件：用户本人在微信体系内与页面有交互行为后触发，详见下发条件说明
模板跳转能力：点击查看详情仅能跳转下发模板的该帐号的各个页面

使用案例

场景描述：前台获取 formId 送至后台，由后台实现模板消息的发送。（此处由于 formId 只能由用户触发表单提交操作产生，故前台需要将每次产生的formId发送至后台，由后台保存并在适当时候调用微信接口向用户发送模板消息）

代码实现：

//example.wxml
<form bindsubmit="submit" report-submit='true' >
 <button form-type="submit" type="default" size="mini">提交</button>
</form>

//example.js
submit: function (e) {
 console.log(e.detail.formId);
}

注意：因为我们是在开发者工具中测试，所以得到的formId值为the formId is a mock one。在真机中我们可以得到一个具体的值，利用该值结合其他参数就可以发送模板消息啦，所以测试真实场景务必在真机中测试

微信目前的限制是在如下两种情况下小程序才能够正常的使用模板消息：

在小程序内使用了微信支付接口，
在小程序里用户点击了表单，而且该表单的report-submit属性值为true时。

index.wxml

<navigator class="navs" url="{{urls}}">
  中国
</navigator>

index.js

Page({
 data: {
  urls:'/pages/lanbo/lanbo?title=我是Index里面的title数据'
 }
})

要跳转的页面lanbo页面

lanbo.wxml

<text>pages/lanbo/lanbo.wxml</text>

lanbo.js

Page({
 data: {

 },
 onLoad: function (options) {
  this.setData({
   title:options.title
  });
  console.log(this.data.title);
 }
})

跳转页面之后请在调试模式下中的console下查看数据。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

基于Taro的微信小程序模板消息-获取formId功能模块封装实践

前言在微信小程序中,小程序提供了一种能力-模板消息,官方文档是这样描述的:"基于微信的通知渠道,我们为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验." 看图说话: 下发模板消息效果图这无疑又给小程序提供了与用户进行通知.反馈的新能力,但是小程序为了防止模板消息对用户造成信息轰炸,影响用户体验,也设置了一些规矩: 模板推送位置:服务通知模板下发条件:用户本人在微信体系内与页面有交互行为后触发模板跳转能力:点击查看详情仅能跳转下发模板的该帐号的各个
详解微信小程序开发之formId使用（模板消息）

基于微信小程序的模板消息: 官方文档基于微信的通知渠道,我们为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验. 模板推送位置:服务通知模板下发条件:用户本人在微信体系内与页面有交互行为后触发,详见下发条件说明模板跳转能力:点击查看详情仅能跳转下发模板的该帐号的各个页面使用案例场景描述:前台获取 formId 送至后台,由后台实现模板消息的发送.(此处由于 formId 只能由用户触发表单提交操作产生,故前台需要将每次产生的formId发送至后台,由后台保
微信小程序开发之IOS和Android兼容的问题

微信小程序开发之IOS和Android兼容的问题一.时间转换问题: 这不只是小程序上面的问题是ios系统都有这个问题就是new Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下 1.替换"-"为"/" 2.删除"."后面的字符串(带毫秒也会有问题) 代码如下: /** * 字符串转换为时间 * @param {String} src 字符串 */ strToDa
详解微信小程序同步异步解决办法

详解微信小程序同步异步解决办法小程序中函数体还没有完成,下一个函数就开始执行了,而且两个函数之间需要传参.那是因为微信小程序函数是异步执行的.但微信小程序增加了ES6的promise特性支持,微信小程序新版本中移除了promise的支持,需要自己使用第三方库来自行实现ES6的promise特性. WxService.js import Tools from 'Tools' import es6 from '../assets/plugins/es6-promise' class Servic
详解微信小程序Radio选中样式切换

详解微信小程序Radio选中样式切换本篇文章主要讲解在微信小程序中如何根据Radio选中来切换样式.效果如下: 原理主要是通过判断一个radio-group中哪个被选中,就让它加上一个"active"的样式. 代码如下:  <view class="container"> <radio-group bindchange="radioCheckedChange"> <vi
详解微信小程序登录获取unionid

详解微信小程序登录获取unionid 首先公司开发了小程序, 公众号网页和app等, 之前都是用的openid来区分用户, 但openid只能标识用户在当前小程序或公众号里唯一, 我们希望用户可以在公司各个产品(比如公众号, 小程序, app里的微信登录)之间, 可以保持用户的唯一性, 还好微信给出了unionid. 下面分两步介绍一下微信小程序获取unionid的过程. 1. 首先在微信公众平台注册小程序 , 然后在小程序上模拟登录流程. 注 : 这里只是简单登录流程, 实际中需要维护
微信小程序开发之animation循环动画实现的让云朵飘效果

本文实例讲述了微信小程序开发之animation循环动画实现的让云朵飘效果.分享给大家供大家参考,具体如下: 微信小程序提供了实现动画的api--animation,但却不能循环播放,都是一次性的,动完就Over了,下面提供一个用微信小程序的animation来实现循环动画的玩具,抛砖引玉,希望大家能想出更好的方法来实现真正的循环.说是玩具是因为这个循环动画通过js脚本的setInterval来实现的,但'setInterval'在实际运行中会出现越来越严重的延迟,这是由于js的单线程运行模式所
详解微信小程序通过控制CSS实现view隐藏与显示

详解微信小程序通过控制CSS实现view隐藏与显示实现效果图: 视图代码,使用变量控制隐藏类名 <scroll-view scroll-y="true" > <view class="user_freeback"> <view class="txt"> <text> 为了更好地帮助您解决问题,请准确填写您的邮箱地址和电话号码,以便管理员给你答复.</text> </view&g
详解微信小程序 template添加绑定事件

详解微信小程序 template添加绑定事件对于模板的使用,我是想将模板的事件单独出来,其他引用模板的页面中不再掺杂模板事件,比较方便管理,如果还有其他好的解决办法, 请赐教. template.wxml <view bindtap="clickView" class="tempClass">temp模板</view> template.js var temp = { clickView: function () { console.log
详解微信小程序设置底部导航栏目方法

详解微信小程序设置底部导航栏目方法小程序底部想要有一个漂亮的导航栏目,不知道怎么制作,于是百度找到了本篇文章,分享给大家. 好了小程序的头部标题设置好了,我们来说说底部导航栏是如何实现的. 我们先来看个效果图这里,我们添加了三个导航图标,因为我们有三个页面,小程序最多能加5个. 那他们是怎么出现怎么着色的呢?两步就搞定! 1. 图标准备阿里图标库 http://www.iconfont.cn/collections/show/29 我们进入该网站,鼠标滑到一个喜欢的图标上面点击下
详解微信小程序中的页面代码中的模板的封装

详解微信小程序中的页面代码中的模板的封装最近在进行微信小程序中的页面开发,其实在c++或者说是js中都会出现这种情况,就是相同的代码会反复出现,这就是进行一定的封装,封装的好处就是可以是程序中在于减少一定的代码量,并且可是使代码结构更加清晰.那今天所要记录的就是关于微信小程序中的页面的模板封装. 在微信小程序中的文件名都带有wxml等样式,在wxml中提供了模板,即可以在模板中定义代码片段,然后可以在页面中的不同位置进行调用,模板的定义: <templatename="products&

详解微信小程序开发之formId使用（模板消息）

相关推荐

随机推荐