1、本教程对外开放,未经博主同意,禁止转载。

2、准备材料:1)公众号|小程序,添加选择的模板消息,2)在设置>开发设置页面,开通消息模板功能;如:

3、因为调用微信发送模板的接口是:https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=$access_token,本来直接在小程序端发送就好啦,结果api.weixin.qq.com域名不能添加到公众号request合法域名,所以只能在后台发起请求

4、本教程以报名成功消息模板为示例,微信示例如图:

5、实际效果图:

6、js端需要获取的数据:

1)其中,access_token是微信推送的token,你需要把它放在服务器缓存,有效期7200s;过期就请求、替换。

2)touser:目标发送人,也就是你要发送的openid,放在小程序端就行了。(有个bug,微信用户在同一手机切换,openid会造成混乱,我们暂时不考虑这个)

3)template_id:模板id,不多解释

4)page:上面图片5,进入小程序查看==>进的就是这个页面(可以不填)

5)form_id:获取的wxml表单form的id

6)keyword系列:发送的自定义主题数据,需要与模板数据(格式可以不一致)一致

7)url:L,对应后台的php地址,那里才是调用api的真正地址。这里就是把前台的数据给传到后台,让服务器发起调api.weixin.qq.com接口

8)

color: '#ccc',   =》解释下:发送的所有字体颜色,默认黑色
emphasis_keyword: 'keyword1.DATA'   =》解释下:需要放大的keyword1,默认没有

7、wxml页面:记得一定要加上【report-submit】,不然就没有form_id参数哦。

  1. <form bindsubmit="submitForm" report-submit >
  2. <view class="form_group">
  3. <text>姓 名:</text>
  4. <input type="text" placeholder="请输入姓名" name="data_name" maxlength="20" value="" auto-focus/>
  5. </view>
  6. <button class="save_btn" form-type="submit">确认参加</button>
  7. </form>

8、后台服务器PHP页面:

  1. /* https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=' + that.data.access_token;
  2. * 微信规定:不能直接在小程序调用,只能在后台发起
  3. * -xzz0704
  4. */
  5. public function send_msg(){
  6. $data = $_POST;
  7. $access_token = I('POST.access_token');
  8. $touser = I('POST.touser');
  9. $template_id = I('POST.template_id');
  10. $page = I('POST.page');
  11. $form_id = I('POST.form_id');
  12. $keyword1 = I('POST.keyword1');
  13. $fee = I('POST.keyword4')?I('POST.keyword4'):'免费'; //活动费用,默认0.00免费
  14.  
  15. /*
  16. * 根据活动id,获取活动对应的地址信息,$keyword3 -xzz 0705
  17. */
  18. $a_id = I('POST.keyword3');
  19. $msg = M('activity','xxf_witkey_')->where('a_id='.$a_id)->field('a_id,act_name,province,city,town,address')->find();
  20. $province = M('district','xxf_witkey_')->where('id='.$msg['province'])->getField('name');
  21. $city = M('district','xxf_witkey_')->where('id='.$msg['city'])->getField('name');
  22. $town = M('district','xxf_witkey_')->where('id='.$msg['town'])->getField('name');
  23. $keyword3 = $province.$city.$town.$msg['address'];
  24.  
  25. if(empty($keyword1)){
  26. exit('empty activity message!');
  27. }
  28. $value = array(
  29. "keyword1"=>array(
  30. "value"=>I('POST.keyword1'),
  31. //"value"=>'woshihaoren',
  32. "color"=>"#4a4a4a"
  33. ),
  34. "keyword2"=>array(
  35. "value"=>I('POST.keyword2'),
  36. "color"=>"#9b9b9b"
  37. ),
  38. "keyword3"=>array(
  39. "value"=>$keyword3,
  40. "color"=>"#9b9b9b"
  41. ),
  42. "keyword4"=>array(
  43. "value"=>$fee,
  44. "color"=>"#9b9b9b"
  45. ),
  46. "keyword5"=>array(
  47. "value"=>I('POST.keyword5'),
  48. "color"=>"#9b9b9b"
  49. ),
  50. "keyword6"=>array(
  51. "value"=>I('POST.keyword6'),
  52. "color"=>"#9b9b9b"
  53. ),
  54. "keyword7"=>array(
  55. "value"=>I('POST.keyword7'),
  56. "color"=>"#9b9b9b"
  57. ),
  58. "keyword8"=>array(
  59. "value"=>I('POST.keyword8'),
  60. "color"=>"#9b9b9b"
  61. ),
  62. "keyword9"=>array(
  63. "value"=>I('POST.keyword9'),
  64. "color"=>"red"
  65. )
  66. );
  67.  
  68. $url = 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token='.$access_token;
  69. $dd = array();
  70. //$dd['access_token']=$access_token;
  71. $dd['touser']=$touser;
  72. $dd['template_id']=$template_id;
  73. $dd['page']=$page; //点击模板卡片后的跳转页面,仅限本小程序内的页面。支持带参数,该字段不填则模板无跳转。
  74. $dd['form_id']=$form_id;
  75.  
  76. $dd['data']=$value; //模板内容,不填则下发空模板
  77.  
  78. $dd['color']=''; //模板内容字体的颜色,不填默认黑色
  79. //$dd['color']='#ccc';
  80. $dd['emphasis_keyword']=''; //模板需要放大的关键词,不填则默认无放大
  81. //$dd['emphasis_keyword']='keyword1.DATA';
  82.  
  83. //$send = json_encode($dd); //二维数组转换成json对象
  84.  
  85. /* curl_post()进行POST方式调用api: api.weixin.qq.com*/
  86. $result = $this->https_curl_json($url,$dd,'json');
  87. if($result){
  88. echo json_encode(array('state'=>5,'msg'=>$result));
  89. }else{
  90. echo json_encode(array('state'=>5,'msg'=>$result));
  91. }
  92. }
  93. /* 发送json格式的数据,到api接口 -xzz0704 */
  94. function https_curl_json($url,$data,$type){
  95. if($type=='json'){//json $_POST=json_decode(file_get_contents('php://input'), TRUE);
  96. $headers = array("Content-type: application/json;charset=UTF-8","Accept: application/json","Cache-Control: no-cache", "Pragma: no-cache");
  97. $data=json_encode($data);
  98. }
  99. $curl = curl_init();
  100. curl_setopt($curl, CURLOPT_URL, $url);
  101. curl_setopt($curl, CURLOPT_POST, 1); // 发送一个常规的Post请求
  102. curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);
  103. curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
  104. if (!empty($data)){
  105. curl_setopt($curl, CURLOPT_POST, 1);
  106. curl_setopt($curl, CURLOPT_POSTFIELDS,$data);
  107. }
  108. curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
  109. curl_setopt($curl, CURLOPT_HTTPHEADER, $headers );
  110. $output = curl_exec($curl);
  111. if (curl_errno($curl)) {
  112. echo 'Errno'.curl_error($curl);//捕抓异常
  113. }
  114. curl_close($curl);
  115. return $output;
  116. }

9、本教程到此结束,最后献出服务器缓存微信access_token的代码:

  1. /* 调用微信api,获取access_token,有效期7200s -xzz0704 */
  2. public function get_accessToken(){
  3. /* 在有效期,直接返回access_token */
  4. if(S('access_token')){
  5. echo S('access_token');
  6. }
  7. /* 不在有效期,重新发送请求,获取access_token */
  8. else{
  9. $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=YourAppid&secret=YourXiaochengxuSecret';
  10. $result = curl_get_https($url);    //就是一个普通的get方式调用https接口的请求,我就不写出来了,自己找去。
  11. $res = json_decode($result,true); //json字符串转数组
  12.  
  13. if($res){
  14. S('access_token',$res['access_token'],7100);
  15. echo S('access_token');
  16. }else{
  17. echo 'api return error';
  18. }
  19. }
  20. }

10、欢迎各位大佬进行批评和指正,欢迎讨论。

原创:【微信小程序】发送消息模板教程(后台以PHP示例)的更多相关文章

  1. 微信小程序发送模板消息

    微信小程序发送模板消息 标签(空格分隔): php 看小程序文档 [模板消息文档总览]:https://developers.weixin.qq.com/miniprogram/dev/framewo ...

  2. 微信小程序-发送模板消息

    1 添加一个小程序的消息模板,获取到模板id,存储到数据库中,方便以后修改调用 2. https://developers.weixin.qq.com/miniprogram/dev/api-back ...

  3. node配置微信小程序解密消息以及推送消息

    上一篇文章介绍过 微信小程序配置消息推送,没有看过的可以先去查看一下,这里就直接去把那个客服消息接口去解密那个消息了. 在这里我选择的还是json格式的加密. 也就是给小程序客服消息发送的消息都会被微 ...

  4. 如何找回微信小程序源码?2020年微信小程序反编译最新教程 小宇子李

    前言:在网上看了找回微信小程序源码很多教程,都没法正常使用.微信版本升级后,会遇到各种报错, 以及无法获取到wxss的问题.查阅各种资料,最终解决,于是贴上完整的微信小程序反编译方案与教程. 本文章仅 ...

  5. 微信小程序-云开发实战教程

    微信小程序-云开发实战教程 云函数,云存储,云数据库,云调用 https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/gettin ...

  6. 微信小程序:WXML 模板

    微信小程序:WXML 模板 一.WXML 模板 网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来 ...

  7. 微信小程序开发语音识别文字教程

    微信小程序开发语音识别文字教程 现在后台 添加插件 微信同声传译 然后app.json 加入插件 "plugins": { "WechatSI": { &quo ...

  8. 关于微信小程序前端Canvas组件教程

    关于微信小程序前端Canvas组件教程 微信小程序Canvas接口函数 ​ 上述为微信小程序Canvas的内部接口,通过熟练使用Canvas,即可画出较为美观的前端页面.下面是使用微信小程序画图的一些 ...

  9. 完整微信小程序授权登录页面教程

    完整微信小程序授权登录页面教程 1.前言 微信官方对getUserInfo接口做了修改,授权窗口无法直接弹出,而取而代之是需要创建一个button,将其open-type属性绑定getUseInfo方 ...

  10. 微信小程序腾讯云php后台解决方案

    微信小程序腾讯云php后台解决方案 微信小程序前段需要添加必要的文件以配合后端 (1)wafer2-client-sdk sdk提供了几种接口包括登陆,获取用户openid,图片上传等 (2)conf ...

随机推荐

  1. dwz navtab 限制打开数量实例

    本文章给大家介绍一个dwz navtab 限制打开数量实例,希望此教程对各位同学会有所帮助 openTab: function(tabid, url, options){ //if found tab ...

  2. eclipse在Windows7 64 位下出现Unhandled event loop exception No more handles

    1..如果不影响工程正常发布运行,就不要管他了2.工作空间有毛病.把workspace的.metadata删了3.把eclipse重装下.一般第二步能解决大多数问题.

  3. dom4j怎么获得指定名称的节点信息

    <?xml version="1.0" encoding="utf-8" ?> <MgUtil> <db_config> & ...

  4. [Android UI] ActionBar 自定义属性

    actionbar 默认放在顶部, 如果在application或者activity中加入 android:uiOptions="splitActionBarWhenNarrow" ...

  5. Maximum Likelihood Method最大似然法

    最大似然法,英文名称是Maximum Likelihood Method,在统计中应用很广.这个方法的思想最早由高斯提出来,后来由菲舍加以推广并命名. 最大似然法是要解决这样一个问题:给定一组数据和一 ...

  6. C语言:指针的几种形式

    字符串的两种形式: 1.字符数组       char name[32] = “zhangsan”;//只能在初始化时这样做       strcpy(name,”lisi”);//整体赋值只能通过s ...

  7. 【泛型】Generic 参数化类型 类型转换

    参考: http://blog.csdn.net/lonelyroamer/article/details/7864531#comments http://blog.csdn.net/lonelyro ...

  8. The Info-Button Standard: Bring Meaningful Use To the Patient

    http://thehealthcareblog.com/blog/2010/01/28/the-info-button-standard-bringing-meaningful-use-to-the ...

  9. sql-的int和varchar类型拼接的问题

    将int类型转换为varchar ,如cast(1 as varchar(10)),再进行连接set @sql =@sql+'update User set Medal='+@count+' wher ...

  10. [Angular] Use ngx-build-plus to compile Angular Elements

    We can treat Angular Element as each standlone lib and compile each Angular element spreatly. Tool w ...