1.前端,index.wxml
formbindsubmit"submit"report-submit'true'inputtype'text'value'填写openid'name"openid"/inputinputtype'text'value'填写ACCESS_TOKEN'name"token"/inputinputtype'text'value'填写模板ID'name"template"/inputinputtype'text'value'模板的第1个关键词'name"keyword1"/inputinputtype'text'value'模板的第2个关键词'name"keyword2"/inputinputtype'text'value'模板的第3个关键词'name"keyword3"/inputinputtype'text'value'模板的第4个关键词'name"keyword4"/inputinputtype'text'value'模板的第5个关键词'name"keyword5"/inputbuttonform-type"submit"type"default"推送/button/form2.index.js
//pages/mubanxiaoxi/mubanxiaoxi.jsPage({data:{},submit:function(e){varopenide.detail.value.openid;varaccesse.detail.value.token;vartemplatee.detail.value.template;varkeyword1e.detail.value.keyword1;varkeyword2e.detail.value.keyword2;varkeyword3e.detail.value.keyword3;varkeyword4e.detail.value.keyword4;varkeyword5e.detail.value.keyword5;varthatthis;wx.request({url:'域名/muban.php?openid'+e.detail.value.openid+'token'+e.detail.value.token+'template'+e.detail.value.template+'formid'+e.detail.formId+'keyword1'+e.detail.value.keyword1+'keyword2'+e.detail.value.keyword2+'keyword3'+e.detail.value.keyword3+'keyword4'+e.detail.value.keyword4+'keyword5'+e.detail.value.keyword5,//接口地址,我学习就用get,建议用postdata:{open_id:openid,tok_en:access,temp_late:template,form_id:e.detail.formId,keyword_1:keyword1,keyword_2:keyword2,keyword_3:keyword3,keyword_4:keyword4,keyword_5:keyword5},success:function(res){//console.log(e.detail.formId);//console.log(res.data);}})}})3.后端,muban.php
?php//GET参数$access_token$_GET['token'];$openid$_GET['openid'];$templateid$_GET['template'];$formid$_GET['formid'];$keyword1$_GET['keyword1'];$keyword2$_GET['keyword2'];$keyword3$_GET['keyword3'];$keyword4$_GET['keyword4'];$keyword5$_GET['keyword5'];echo$keywordd1;//此处开始处理数据$dataaarray("keyword1"array("value"$keyword1,"color""#9b9b9b"),"keyword2"array("value"$keyword2,"color""#9b9b9b"),"keyword3"array("value"$keyword3,"color""#9b9b9b"),"keyword4"array("value"$keyword4,"color""#9b9b9b"),"keyword5"array("value"$keyword5,"color""#9b9b9b"));$dataarray();$data['touser']$openid;$data['template_id']$templateid;$data['form_id']$formid;$data['data']$dataa;$url'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token'.$access_token;$type"json";if($type'json'){//json$_POSTjson_decode(file_get_contents('php://input'),TRUE);$headersarray("Content-type:application/json;charsetUTF-8","Accept:application/json","Cache-Control:no-cache","Pragma:no-cache");$datajson_encode($data);}$curlcurl_init();curl_setopt($curl,CURLOPT_URL,$url);curl_setopt($curl,CURLOPT_POST,1);//发送一个常规的Post请求curl_setopt($curl,CURLOPT_SSL_VERIFYPEER,FALSE);curl_setopt($curl,CURLOPT_SSL_VERIFYHOST,FALSE);if(!empty($data)){curl_setopt($curl,CURLOPT_POST,1);curl_setopt($curl,CURLOPT_POSTFIELDS,$data);}curl_setopt($curl,CURLOPT_RETURNTRANSFER,1);curl_setopt($curl,CURLOPT_HTTPHEADER,$headers);$outputcurl_exec($curl);if(curl_errno($curl)){echo'Errno'.curl_error($curl);//捕抓异常}curl_close($curl);echo$output;?4.至于openid和access_token怎么获取,自己另外学习咯!推送成功!
5.作者:tanking
6.likeyunba.com
7.学习交流微信:face6009
微信小程序发送模板消息,附前端+后端源码~-微信小程序模板商排名-微信小程序微商城模板
浏览量:2993
时间:
来源:TANKING-
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。
最新资讯
-

小程序制作平台选型踩坑记录:2026年五大主流方案横向对比
2026 年微信小程序月活达 10.7 亿、覆盖 108 个行业,本次横向对比即速应用、乔拓云、凡科、有赞、微盟五大主流平台,分三阶段给出选型结论,核心聚焦成本、扩展性、运营能力三大维度。 -

即速应用,赋能企业玩转微信小程序智慧经营
作为国内领军的智慧商业经营服务商,即速应用始终秉承“让每个企业都拥有自己的智慧店铺”的愿景,持续赋能更多企业玩转智慧经营。即速应用旗下拥有“小程序搭建工具-即速应用”、“私域流量专家-即客云”等产品,帮助商家打通互联网全生态营销闭环。 -

即客云2.0重磅更新,让微信小程序运营更简单!
即客云作为一款基于企业微信的第三方工具,现从多维度提供超过30种功能,自上线以来,已服务多家企业,受到一致好评。近期,我们根据客户反馈和市场调研正式推出升级版 即客云2.0!更新了私域运营SOP,群日历功能,批量拓客,客户雷达,消息推送,个人欢迎语,帮助企业更好运用企业微信;同时提升了社群运营工作标准化,提升运营效率,帮助企业实现客户增长,玩转私域流量。










