简单收集微信小程序formId,解决发送模板消息不够用的问题
微信小程序发送模板消息条件:
1、支付
当用户在小程序内完成过支付行为,可允许开发者向用户在7天内推送有限条数的模板消息(1次支付可下发3条,多次支付下发条数独立,互相不影响)
2、提交表单
当用户在小程序内发生过提交表单行为且该表单声明为要发模板消息的,开发者需要向用户提供服务时,可允许开发者向用户在7天内推送有限条数的模板消息(1次提交表单可下发1条,多次提交下发条数独立,相互不影响)
根据第二条,咱们可以把多个按钮设置成表单的形式,然后把button样式改透明。这样用户点击一下,就会生成一个formid,客户端收集起来,发送给自己的服务器就行了。
下面是简单代码块:
wxml:
<view class='root_layout'><view class='account_number'><text>账号:</text><form bindsubmit="saveFormId" report-submit="{{true}}" class='form_class'><button formType="submit" class='form_button'><input bindinput='inputAccount' placeholder-style="color:#bbbbbb" placeholder='请输入账号'></input></button></form></view><view class='account_number'><text>密码:</text><form bindsubmit="saveFormId" report-submit="{{true}}" class='form_class'><button formType="submit" class='form_button'><input bindinput='inputPsw' password='{{true}}' placeholder-style="color:#bbbbbb" placeholder='请输入密码'></input></button></form></view><form bindsubmit="login" report-submit="{{true}}"><button formType="submit">登录</button></form>
</view>
js:
saveFormId: function (v) {if (v.detail.formId != 'the formId is a mock one') {this.data.formIdArray.push(v.detail.formId);}},inputAccount: function (v) {this.data.account = v.detail.value},inputPsw: function (v) {this.data.password = v.detail.value}, login:function(v){this.saveFormId(v);console.log("formIds:" + this.data.formIdArray)console.log("账号:" + this.data.account)console.log("密码:" + this.data.password)},
wcss:
.form_class {width: 100%;
}
.form_button {background-color: transparent;padding: 0;margin: 0;text-align: left;
}.form_button::after {border: 0px;
}
像这个登录界面,点击登录按钮,共生成了3个formID;其实也什么,自己随手记一下,希望能帮助有需要的人,核心就是把button设置透明就行了。
简单收集微信小程序formId,解决发送模板消息不够用的问题相关推荐
- 微信小程序——服务通知,发送订阅消息
一.什么是消息推送 二.整体效果 三.实现步骤 1 小程序开通订阅消息 2 postApi测试效果 三.uniapp配置 这里有个需要特别注意的点,我们要给用户发送消息,就必须引导用户授权,如下 因为 ...
- uniapp 微信小程序开发 解决旧版本缓存
1.uniapp 微信小程序如何解决旧版本缓存问题 在小程序发布新版本后,小程序端是异步更新,新版本覆盖较慢.如果用户之前已经打开过小程序,通过 热启动 再进入小程序时,可能访问的还是旧版本,需要一段 ...
- Github上收集微信小程序源码
小程序源码开发demo GitHub - qicongmark/wechatApp: 分享小程序源码.使用方法.小程序视频教程等 1:仿豆瓣电影微信小程序 https://github.com/zce ...
- 微信小程序如何解决社区团购的痛点
首先我们先来了解一下,什么是社区团购.社区团购是以小区为单位,以微信为载体整合多个社区社群资源,为社区居民提供日常所需商品.生活服务,集中化管理运营的一种商业模式.那么社区团购的优势.痛点都是什么呢? ...
- uniapp实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】
在开发微信小程序的时候,发现[发送给朋友].[分享到朋友圈].[复制链接]功能,灰色不可用. 很常见的功能,但是这几个功能,并不是你项目建起来了就有的. 1.[发送给朋友]使用 onShareAppM ...
- 简单实现微信小程序 input 的双向绑定
简单实现微信小程序 input 的双向绑定 data 中定义表单数据 data:{formData:{} } wxml 中,利用 data- 传递参数到逻辑层 <input bindinput= ...
- python写微信小程序源码示例_python实现微信小程序用户登录、模板推送
python实现微信小程序用户登录.模板推送 来源:中文源码网 浏览: 次 日期:2019年11月5日 [下载文档: python实现微信小程序用户登录.模板推送.txt ] (友情提示 ...
- php微信发送客服消息,微信小程序API 发送客服消息
微信小程序API 发送客服消息 发送客服消息 当用户和小程序客服产生特定动作的交互时(具体动作列表请见下方说明),微信将会把消息数据推送给开发者,开发者可以在一段时间内(目前修改为48小时)调用客服接 ...
- 微信小程序官网DEMO模板
简介: 微信小程序官方原版DEMO模板,小程序开发参考必备人手一份,分享给大家. 网盘下载地址: http://kekewangLuo.cc/xtsm1j0hn5X0 图片:
最新文章
- MTK android flash配置
- 基于 HTML5 Canvas 的交互式地铁线路图
- 实战GraphQL+express+mysql项目完整demo
- cortex系列处理器排行_ARM实时处理器Cortex-R8介绍_Cortex-R系列处理器盘点
- 求一个数是几位数,并求每位数相加的和
- 60-100-040-使用-DataSource-介绍
- linux串口tx缓冲区大小,[Linux C]自己写的串口缓冲区
- 不同库表数据库迁移工具_Microsoft提供的数据库迁移助手工具概述
- 1 MySQL 主从同步
- 早晚我要把它们都干掉!!!!!!!
- PHP+crontab 完美实现定时任务
- android获取进程名,android – 按包名查找正在运行的进程ID
- idea中 Java xml注释缩进问题 解决方案
- CMPP3.0-超长短信
- 轴承的Abaqus静态分析
- verilog学习笔记——8位数码管驱动设计与验证
- 东静给排水CAD绘图辅助软件(LBJ2019)
- 残差/shortcur/Resnet 究竟好在哪里
- matlab的常量和变量运算符
- 视频教程-JavaScript - 人工智能 五子棋AI篇-JavaScript