微信小程序发送模板消息详细教程

最近做了正在做一个微信小程序，在其中遇到了的一个难点，就是这个微信小程序的模板消息的发送，这个东西对于初学者的我来说，可是让我费了不少事，好了废话不多说，上干货！！
在这里我先附上我的相关学习视频（B站上好东西还不少）：添加链接描述
一个忠告：你可以看着视频，同时结合这边文章，对你的代码进行修改

大家先来看一下这个功能的实际流程：不求看懂，只用知道我的大致流程基本就是按照这个来做的

首先第一步：获取openid（微信用户身份的证明）

在登陆的时候，或者在登陆后自己设置一个选项（按钮或者view随意），让用户来触发事件

js代码：

wx.login({success: res => {// 发送 res.code 到后台换取 openId, sessionKey, unionIdwx.request({url: '自己的服务器相关文件的URL',method: "POST",data: {code: res.code,},header: {"content-type": "application/x-www-form-urlencoded;charset=utf-8"},success: res1 => {var openid = res1.data.openid;}})}})

这里就来看看后台文件的相关代码：其中的appid与secret可以在微信公众品台上面找到，httpGet函数不用动直接调用就可以了

<?php$code = $_POST["code"];$appid="。。。。。";$secret="。。。。。";  $api="https://api.weixin.qq.com/sns/jscode2session?appid={$appid}&secret={$secret}&js_code={$code}&grant_type=authorization_code";function httpGet($url){$curl=curl_init();curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);curl_setopt($curl,CURLOPT_TIMEOUT,500);curl_setopt($curl,CURLOPT_SSL_VERIFYPEER,true);curl_setopt($curl,CURLOPT_SSL_VERIFYHOST,true);curl_setopt($curl,CURLOPT_URL,$url);$res=curl_exec($curl);curl_close($curl);return $res;    }$str=httpGet($api);echo $str;
?>

这样就可以在前台上面获取到用户或者自己的openid，这时候你可以把其存入到数据库里面，或者可是直接使用（这样的等同于给自己发了一条微信消息）

第二步：就是选择自己想要的消息模板

在微信公众平台上面，有一个模板消息板块，在哪里你可以添加你所需要的消息模板，当然了在里面你也可以自己申请适合自己的字段（但是或许字段已满，不会让你申请）

第三步：那就是正式发送微信模板消息

首先获取formid，及其要使用的信息，之后查询数据库，找到你想要的给谁发微信消息的openid，之后再次请求自己的服务器，把相应的数据传输过去（formid openid 还有微信模板上面你所需要的信息）让服务器来请求微信的服务器，来发送这个模板消息

设置按钮，来触发form事件,如果涉及到多按钮提交，你可以看看我这篇文章，或许对你有所帮助添加链接描述

wxml代码：

<form bindsubmit="clickFormView" report-submit="true" class="form-view">
<view></view>
.....<button class="end_submit" form-type="submit">提交</button>
</form>

js代码：

   var formid = e.detail.formId;//这个必须要，微信公众号要求var values = e.detail.value;var name = values.input.split("+")[0];var style = values.input.split("+")[1];var kecheng = values.input.split("+")[2];//这几个是你传递的信息，需要你自己来获取，在微信开发者工具里面，你可以使用console.log来打印出来所有信息，选用你最需要的信息就可以了var openids = "";//查询数据库获取你所需要的openidwx.request({url: '.....',method: "POST",data: {//这里面的数据库看你的后台代码了sql: "select openid from wx_openid where tea_id='20190804100' or tea_id='" + app.globalData.userInfo['username'] + "'",type: 'select',fetch_type: 'assoc'//assoc字段索引，num数字索引},header: {"content-type": "application/x-www-form-urlencoded;charset=utf-8"},success: res => {openids = res.data;for (var a in openids) {if (openids[a]['openid'] == "") continue;wx.request({url: '后台模板URL',method: "POST",data: {name: name,time: time,style: style,kecheng: kecheng,formid: formid,openid: openids[a]['openid'],},header: {"content-type": "application/x-www-form-urlencoded;charset=utf-8"},success: res1 => {console.log("ok");} }) }} })

最后在来看看后台代码（只是其中之一）：在这里把微信公众平台相应的模板id给复制到这个代码的变量templateid
还有在这里面记得结尾END 前面不要加空格，不然会报错

<?phpfunction httpGet($url){$curl=curl_init();curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);curl_setopt($curl,CURLOPT_TIMEOUT,500);curl_setopt($curl,CURLOPT_SSL_VERIFYPEER,true);curl_setopt($curl,CURLOPT_SSL_VERIFYHOST,true);curl_setopt($curl,CURLOPT_URL,$url);   $res=curl_exec($curl);curl_close($curl);return $res;   }function httpPost($data,$url){$curl=curl_init();curl_setopt($curl,CURLOPT_URL,$url);curl_setopt($curl,CURLOPT_CUSTOMREQUEST,'POST');curl_setopt($curl,CURLOPT_SSL_VERIFYPEER,false);curl_setopt($curl,CURLOPT_SSL_VERIFYHOST,false);curl_setopt($curl,CURLOPT_USERAGENT,'Mozilla/5.0 (Windows NT 10.0; WOW64)');curl_setopt($curl,CURLOPT_FOLLOWLOCATION,1);curl_setopt($curl,CURLOPT_AUTOREFERER,1);curl_setopt($curl,CURLOPT_POSTFIELDS,$data);curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);$tmpInfo=curl_exec($curl);if(curl_errno($curl)){return curl_error($curl);}curl_close($curl);return $tmpInfo; }$openid=$_POST["openid"];$formid=$_POST["formid"];$name=$_POST["name"];$time=$_POST["time"];$style=$_POST["style"];$kecheng=$_POST["kecheng"];$templateid='。。。。。';$data = <<<END{"touser": "{$openid}","template_id": "{$templateid}","page": "/pages/login1/login1","form_id": "{$formid}","data": {"keyword1": {"value": "{$name}"},"keyword2": {"value": "{$time}"},"keyword3": {"value": "{$style}"} ,"keyword4": {"value": "{$kecheng}"}},"emphasis_keyword": "keyword3.DATA"}
END;$appid="。。。。";$secret="。。。。";$gettokenapi="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={$appid}&secret={$secret}";$resultstr=httpGet($gettokenapi);$arr=json_decode($resultstr,true);$token=$arr['access_token'];//发送模板$templateapi="https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token={$token}";$res=httpPost($data,$templateapi);?>

最后说一下，这个代码并不会完全适合你，你需要做一些必要修改，祝你成功发送微信模板消息