介绍:小程序的 from_id 要在用户发生操作的时候才能产生，所以我们可以用以下方法来做（手动触发，保存formID，后台接收保存在数据库里）

什么是formId

formId是小程序可以向用户发送模板消息的通行证，简单而言，你只有获取到formId，把它交给后台，后台同学才能向用户发送通知消息，而这个通行证的有效期只有七天。这是微信为了防止小程序滥用通知消息骚扰用户而提出的一种策略。

如何获取formId

小程序的消息文档告诉我们，获取formId有以下两种途径：支付和提交表单。用户支付一次，可获得3个formId，用户提交表单一次可得到一个formId。如果你的小程序中没有支付行为，需求又需要向用户发送消息时，你就只能依靠提交表单了。

form和form-type

小程序中有个组件叫做form。这个组件平常没什么用，说实话，在搜集formId之前，我还真没有注意过它，但是谁让它是formId的生产者呢，我们需要给用户发消息时，就很有必要了解一下了。

form组件有个属性叫report-submit当在标签中加入这个属性时，一旦表单提交，submit回调中就可以拿到formId了。

一般的获取formID 方法：

wxml：

<form bindsubmit='submitInfo'  report-submit='true'><button form-type="submit">自定义按钮</button> // 此处我们可以定义一些即将要触发的事件的样式
</form>

wx.js:

Page({submitInfo: function (e) {// 这样我们就可以获取到form_id了console.log(e.detail.formId);  }
})

如何在mpvue下收集小程序的formId

看段代码：

// mpvue<form report-submit @submit="uploadFormId"><button form-type="submit"> 查看/分享/首页/支付</button>
</form>  submitInfo(e) {console.log(e, e.mp.detail)
},

获取尽可能多的formId

从运营的角度而言，formId肯定是越多越好。所以每一个页面上用户的每一次点击我们都巴不得触发一次表单提交。哪怕从界面上讲，这次点击可能是跳转，弹窗的功能，跟表单完全无关，都要把button放在一个form中。但是这样无疑增加了前端的工作量，因为需要为每个页面的submit事件绑定一个上传formId的方法。一个可行的方法是借助vue的mixin，为每一个页面实例混入一个上传formId的方法：

  // app.jsVue.mixin({methods: {uploadFormId (e) {this.req({url: '/api/v1/formid?formId=' + e.target.formId})}}})

另外一个方法：

function _collectWeChatFormId(formId) {let token = wx.getStorageSync("token_/cookies"), openId = wx.getStorageSync("openid_cookies"), orign = 1;console.log('formId',formId)if (formId == 'the formId is a mock one') {console.log(`模拟器中运行！`)return false;} if (formId.length == 0) {console.log(`formId不能为空`)return false;}let site = '你的收集接口',dates = {token: token,openId: openId,formId: formId,orign: orign},md = 'token=' + token + '&openId=' + openId + '&formId=' + formId + '&orign=' + orign;requestHttp(site, dates, md, function (res) {console.log(res)console.log(res.data)})
}

小程序推送消息 formId相关推荐

微信小程序推送消息java开发_干货 | 微信小程序推送消息简单Demo
在开始前,你需要准备:注册微信小程序一个简单的springBoot 项目微信开发者工具正式微信小程序发送消息主要通过WxMaTemplateMessage 类来推送 public class ...
人在家中坐，班从天上来「小程序推送」
前言只有光头才能变强. 文本已收录至我的GitHub精选文章,欢迎Star:https://github.com/ZhongFuCheng3y/3y 如果近期有看我文章的同学,会知道我最近在公司做的 ...
TP5之微信小程序推送模板消息
TP5之微信小程序推送模板消息 1.获取formId并且存储起来,获取formId方法见: https://blog.csdn.net/u010481239/article/details/78239 ...
小程序消息推送（含源码）java实现小程序推送，springboot实现微信消息推送
本文是比较老得技术来实现,用最新技术实现小程序推送,请看 5行java代码实现微信小程序模版消息推送 (含springboot后台和小程序源码) 也可以看最新的视频讲解:https://edu.csd ...
in java中文版百度云 thinking_小程序订阅消息推送（含源码）java实现小程序推送，springboot实现微信消息推送...
前面写过一篇云开发实现小程序订阅消息(模板消息)推送的文章,<借助云开发实现小程序订阅消息和模板消息的推送功能>是有好多同学用的是Java写后台,所以今天就再来写一篇Java后台实现小程序 ...
SpringBoot小程序推送信息
1.小程序推送信息列如我们去餐厅等位有预约提醒,剩余桌数首先申请一个小程序,微信开放平台:小程序 2.申请小程序信息,申请信息模板 appid AppSecret 3.根据开发文档开发 subscr ...
微信小程序实现消息推送(调用小程序推送模板接口) 完整示例
wxml文件:<form bind:submit="testSubmit" report-submit="true" hidden="{{emp ...
php实现微信小程序推送,实现微信小程序模板消息不受限制、无限主动推送
需求背景基于微信的通知渠道,微信小程序为开发者提供了可以高效触达用户的模板消息能力,在用户本人与小程序页面有交互行为后触发,通过微信聊天列表中的服务通知可快捷进入查看消息,点击查看详情还能跳转到下发 ...
服务器调微信小程序推送接口,微信小程序API 转发消息
转发消息如果小程序设置了消息推送,普通微信用户向小程序客服发消息时,微信服务器会先将消息 POST 到开发者填写的 url 上,如果希望将消息转发到网页版客服工具,则需要开发者在响应包中返回 Msg ...

小程序推送消息 formId

介绍:小程序的 from_id 要在用户发生操作的时候才能产生，所以我们可以用以下方法来做（手动触发，保存formID，后台接收保存在数据库里）

什么是formId

如何获取formId

form和form-type

wxml：

wx.js:

如何在mpvue下收集小程序的formId

获取尽可能多的formId

小程序推送消息 formId相关推荐

最新文章

热门文章

小程序推送消息 formId

介绍:小程序的 from_id 要在用户发生操作的时候才能产生，所以我们可以用以下方法来做 （手动触发，保存formID，后台接收保存在数据库里）

什么是formId

如何获取formId

form和form-type

wxml：

wx.js:

如何在mpvue下收集小程序的formId

获取尽可能多的formId

小程序推送消息 formId相关推荐

最新文章

热门文章

介绍:小程序的 from_id 要在用户发生操作的时候才能产生，所以我们可以用以下方法来做（手动触发，保存formID，后台接收保存在数据库里）