微信小程序开发之模板消息
安安 2017-10-24 来源 :网络 阅读 2005 评论 0

摘要:本篇文章为大家介绍微信小程序开发之模板消息,看完这篇文章会让你对微信小程序开发的知识点有更加清晰的理解和运用。

本篇文章为大家介绍微信小程序开发之模板消息,看完这篇文章会让你对微信小程序开发的知识点有更加清晰的理解和运用。


一、添加模板

登录https://mp.weixin.qq.com获取模板,如果没有合适的模板,可以申请添加新模板,审核通过后可使用,详见模板审核说明

页面的 <form/> 组件,属性report-submit为true时,可以声明为需发模板消息,此时点击按钮提交表单可以获取formId,用于发送模板消息。或者当用户完成支付行为,可以获取prepay_id用于发送模板消息。

表单

<form bindsubmit="formSubmit" report-submit='true' >

  ...

  <view class="btn-area">

    <button formType="submit">Submit</button> 

  </view></form>


脚本


Page({

  formSubmit: function(e) {

    console.log('form发生了submit事件,formId为:', e.detail.value)

  } 

})


report-submit 是否返回 formId 用于发送模板消息

 

二、发送模板消息

接口地址:(ACCESS_TOKEN 需换成上文获取到的 access_token)

https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=ACCESS_TOKEN

HTTP请求方式:

POST

POST参数说明:

参数 必填 说明

touser 是 接收者(用户)的 openid

template_id 是 所需下发的模板消息的id

page 否 点击模板卡片后的跳转页面,仅限本小程序内的页面。支持带参数,(示例index?foo=bar)。该字段不填则模板无跳转。

form_id 是 表单提交场景下,为 submit 事件带上的 formId;支付场景下,为本次支付的 prepay_id

data 是 模板内容,不填则下发空模板

color 否 模板内容字体的颜色,不填默认黑色

emphasis_keyword 否 模板需要放大的关键词,不填则默认无放大

示例:

{

  "touser": "OPENID",  

  "template_id": "TEMPLATE_ID", 

  "page": "index",          

  "form_id": "FORMID",         

  "data": {

      "keyword1": {

          "value": "339208499", 

          "color": "#173177"

      }, 

      "keyword2": {

          "value": "2015年01月05日 12:30", 

          "color": "#173177"

      }, 

      "keyword3": {

          "value": "粤海喜来登酒店", 

          "color": "#173177"

      } , 

      "keyword4": {

          "value": "广州市天河区天河路208号", 

          "color": "#173177"

      } 

  },

  "emphasis_keyword": "keyword1.DATA" 

}

特别说明:touser的OpenId 只能为当前用户的OpenId ,即 模板消息只能发给当前提交表单的用户

返回码说明:

在调用模板消息接口后,会返回JSON数据包。

正常时的返回JSON数据包示例:

{

  "errcode": 0,

  "errmsg": "ok",

}

错误时会返回错误码信息,说明如下:

返回码 说明

40037 template_id不正确

41028 form_id不正确,或者过期

41029 form_id已被使用

41030 page不正确

45009 接口调用超过限额(目前默认每个帐号日调用限额为100万)


官网地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/notice.html


本文由职坐标整理并发布,希望对同学们学习微信开发的知识有所帮助。了解更多详情请关注职坐标微信开发频道!

本文由 @安安 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved