微信程序模板消息：在用户服务通知里以微信消息的方式推送给用户。 最后效果如下：
第一步：进入微信公众平台，添加模板消息
可以在模板库中选择已有的模板消息
点击选用后，进入模板消息配置页面，对于选用的模板，可以配置提交的关键词种类和顺序，如本文示例，选择了资源类型、资源概要、发布状态及发布时间。不能修改模板消息的标题，如果需要不同的消息标题，需自行申请，申请通过后亦可使用。（我申请的没有审批通过···所以 我们就用已有模板往下看看）
配置成功后，在“我的模板”tab页即可查看到已申请的模板，点击详情页，可查看模板的模板ID和关键词信息。
第二步：编写代码，发送消息
wxml：
提交表单，触发微信模板发送函数。注意：表单form里 需要添加 report-submit="true"，在提交表单时，才能获取formId，formId在发送模板消息时能够用到。
<form bindsubmit="submitForm" report-submit="true" >//你的表单内容 <view class="foot"> <button class="large-btn" form-type="submit">发布</button> </view></form>js：
提交表单，执行submitForm函数，获得formId
submitForm(e) { util.showLoading(); var that = this; var form = e.detail.value; formId = e.detail.formId; //...提交表单后，你其余的处理步骤}获取openId：
我的openId是通过后台获取之后返回给小程序：
js端：
// 获取用户信息 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo']) { // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框 wx.getUserInfo({ success: res => { // 可以将 res 发送给后台解码出 unionId that.globalData.user = res // that.getOpenId(that.globalData.user); console.log("getOpenId"); console.log(res); wx.login({ success: res => { wx.request({ url: config.get_open_id, method: "POST", data: { code: res.code, encryptedData: res.encryptedData, iv: res.iv }, header: { "content-type": "application/x-www-form-urlencoded;charset=utf-8", //token: app.globalData.token }, success: res => { console.log(res) if (res.data.success) { that.globalData.openId = res.data.data.openId; console.log(that.globalData.openId) } } }) } }) } }) } } })后台：
与小程序交互接口：
@ResponseBody@RequestMapping(value = "/decodeUserInfo", method = RequestMethod.POST)public Result<Map<String, Object>> decodeUserInfo(@RequestParam(required = true, value = "encryptedData") String encryptedData,@RequestParam(required = true, value = "iv") String iv,@RequestParam(required = true, value = "code") String code) {logger.info("decodeUserInfo");AES aes = new AES();Map<String, Object> map = new HashMap<String, Object>();try {// 登录凭证不能为空if (code == null || code.length() == 0) {map.put("status", 0);map.put("msg", "code 不能为空");return new Result<Map<String, Object>>(false, map);}// ////////////// 1、向微信服务器 使用登录凭证 code 获取 session_key 和 openid// ////////////////// 请求参数String params = "appid=" + Config.wxspAppid + "&secret="+ Config.wxspSecret + "&js_code=" + code + "&grant_type="+ Config.grant_type;// 发送请求String sr = HttpRequest.sendGet("https://api.weixin.qq.com/sns/jscode2session", params);// 解析相应内容（转换成json对象）JSONObject json = JSONObject.fromObject(sr);// 获取会话密钥（session_key）String session_key = json.get("session_key").toString();// 用户的唯一标识（openid）String openId = (String) json.get("openid");map.put("openId", openId);logger.info("openId", openId);return new Result<Map<String, Object>>(true, map);} catch (Exception e) {e.printStackTrace();}map.put("status", 0);map.put("msg", "解密失败");return new Result<Map<String, Object>>(false, map);}
AES解密:
package com.melon.haul.dto; import java.security.AlgorithmParameters;import java.security.InvalidAlgorithmParameterException;import java.security.InvalidKeyException;import java.security.Key;import java.security.NoSuchAlgorithmException;import java.security.NoSuchProviderException;import java.security.Security;import javax.crypto.BadPaddingException;import javax.crypto.Cipher;import javax.crypto.IllegalBlockSizeException;import javax.crypto.NoSuchPaddingException;import javax.crypto.spec.IvParameterSpec;import javax.crypto.spec.SecretKeySpec;import org.bouncycastle.jce.provider.BouncyCastleProvider; public class AES { public static boolean initialized = false; /** * AES解密 * @param content 密文 * @return * @throws InvalidAlgorithmParameterException * @throws NoSuchProviderException */public byte[] decrypt(byte[] content, byte[] keyByte, byte[] ivByte) throws InvalidAlgorithmParameterException {initialize();try {Cipher cipher = Cipher.getInstance("AES/CBC/PKCS7Padding"); SecretKeySpec spec = new SecretKeySpec(keyByte, "AES"); AlgorithmParameters parameters = AlgorithmParameters.getInstance("AES"); parameters.init(new IvParameterSpec(ivByte)); cipher.init(Cipher.DECRYPT_MODE, spec, parameters);// 初始化 byte[] resultByte = cipher.doFinal(content); if (null != resultByte && resultByte.length > 0) { return resultByte; } return null; } catch (NoSuchAlgorithmException e) {e.printStackTrace(); } catch (NoSuchPaddingException e) {e.printStackTrace(); } catch (InvalidKeyException e) {e.printStackTrace();} catch (IllegalBlockSizeException e) {e.printStackTrace();} catch (BadPaddingException e) {e.printStackTrace();} catch (Exception e) {// TODO Auto-generated catch blocke.printStackTrace();}return null;} public static void initialize(){ if (initialized) return; Security.addProvider(new BouncyCastleProvider()); initialized = true; }//生成iv public static AlgorithmParameters generateIV(byte[] iv) throws Exception{ AlgorithmParameters params = AlgorithmParameters.getInstance("AES"); params.init(new IvParameterSpec(iv)); return params; } } 获取accessToken
获取accessToken接口：
'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='+你的appid
获取accessToken
wx.request({ url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的appid', method: 'POST', success: function (res) { accessToken = res.data.access_token; }, fail: function(err) { console.log("get err") } })构造模板消息发送data
var data = { "touser": 获取的openid, "template_id": 你的模板id, "page": 点开模板消息跳转的小程序页面, "form_id": 提交表单时获取的formId,//这里的data 构造时的key 就是模板详情页中的关键词，value就是你想要发送的消息 "data": { "keyword1": { "value": app.globalData.user.username }, "keyword2": { "value": sourceType }, "keyword3": { "value": detail }, "keyword4": { "value": status }, "keyword5": { "value":myDate } },//这里就照着写就可以了··· "emphasis_keyword": "keyword1.DATA" }发送模板消息：
发送模板消息的url：
`https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=`
即下文的config.sendTemplate
wx.request({ url: config.sendTemplate + accessToken, data: data, method: 'POST', success: function (res) { console.log("push msg"); console.log(res); }, fail: function (err) { // fail console.log("push err") console.log(err); } });至此，你已经能够成功发送属于你的模板消息啦！
