微信小程序实例:创建下发模板消息实例
鉴于目前网络上都还找不到小程序下发模板消息的相关资源,在多次阅读了官方文档今天终于把小程序的模版消息给测通了,接下来介绍在不使用服务器的情况下,前端开发人员在本地怎么测试模板消息的发送。
2、根据文档提及的下发模板消息做法分两个步骤
2-2、发起模版消息请求,根据接口post参数说明,还需要提前获取openid,也就是接收者(登录小程序用户)的openid。 2-2-1、获取openid,这里我是在app.js发起请求得到openid在存储到本地上,具体代码如下:【将这段代码放入onLoad生命周期内】获得openid后,接下来就是组装发起下发模版消息请求啦~代码如下:
test.wxml::
<form name=pushMsgFm report-submit bindsubmit=orderSign> enter product:<input type="text" name="product" value= placeholder="enter your name" /> detail: <input type="text" name=detail placeholder="enter desc" /> select sex:<switch type="switch" name=sex /> <button form-type="submit">submit</button> </form>注意form组件一定要加report-submit属性,否则获取不到formId。
test.js::
最后编译,输入文本点击提交发起请求,这里只能手机调试,我用开发工具打印出来的formId: "the formId is a mock one"并不是数字串。最终微信助手下发如下信息,表示成功发送模板消息了
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
Python微信订餐小程序课程汇总