小程序服务推送（前后端代码）
微信公众平台设置
1.点击功能里的订阅消息
2.在我的模板中选择需要的模板
前端相关代码
data() {
return {
token: '',
openId:'',
// 模板数据
// 需要对应模板详情里面的key
templateData: {
// 商品
thing1: {
value: '通用正面pe6c＋背面压纹8c自封包装袋'
},
// 支付金额
amount3: {
value: '100'
},
// 下单时间
date5: {
value: '2019-10-14 27:34:21'
},
// 订单编号
character_string6: {
value: 'ADWMP2933887762'
}
}
};
},
1. 需要获取openid
getOpenid(){
uni.login({
success: res => {
// console.log(res);
uni.request({
url: `https://api.weixin.qq.com/sns/jscode2session?appid=appid&secret=secret&js_code=${
res.code}&grant_type=authorization_code`,
success:(res)=>{
this.openId = res.data.openid
}
})
}
})
},
2.需要获取token
getToken() {
uni.request({
url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=secret',
success: res => {
this.token = res.data.access_token
}
})
},
3.调起小程序订阅消息界面
<view @click="sendMessage">点击发送模板消息</view>
sendMessage(e) {
const data = {
touser: this.openId,
template_id: 'cOC88hrTVanokHdVoSvvUhr54o44ShPQA3iN-1jeFXY', //微信公众平台上有对应的模板id
page: 'pages/index/index',
data: this.templateData // 模板数据
};
// 调起客户端小程序订阅消息界面
uni.requestSubscribeMessage({
tmplIds: ['cOC88hrTVanokHdVoSvvUhr54o44ShPQA3iN-1jeFXY'],
success: res => {
console.log(res);
if (res.errMsg === 'requestSubscribeMessage:ok') {
this.submit(data);
}
}
});
},
4.发送订阅消息
submit(data) {
wx.request({
url: `https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access_token=${
this.token}`,
data,
method: 'POST',
success: res => {
console.log('发送成功');
console.log(res);
},
fail: err => {
console.log('发送失败');
console.log(err);
}
});
}
后端相关代码
String accessToken;//因为用到的地方很多，所以我写成全局变量了
//获取accessToken
@RequestMapping("at")
@ResponseBody
public JSONObject at() {
// 微信小程序ID
String appid = "你自己的appid";
// 微信小程序秘钥
String secret = "你自己的秘钥";
String url="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appid+"&secret="+secret;
// 发送请求，返回Json字符串
String str = WeChatUtil.httpRequest(url, "GET", null);
// 转成Json对象 获取openid
Map<String,String> map=new HashMap<String,String>();
//转化成json
JSONObject fromObject = JSONObject.fromObject(str);
//获取at
accessToken = fromObject.getString("access_token");
System.out.println("后台获取的"+accessToken);
//给小程序端返回at
map.put("mes", accessToken);
JSONObject json=JSONObject.fromObject(map);
return json;
//JSONObject jsonObject = JSONObject.parseObject(str);
//System.out.println("access_token---"+jsonObject.toJSONString());
// 我们需要的openid，在一个小程序中，openid是唯一的
// String access_token = jsonObject.get("access_token").toString();
// return access_token;
}
//发送消息
@RequestMapping("addsenddata")
@ResponseBody
public void sendMessage(@RequestBody String _jsonData){
System.out.println("sendMesg传入参数"+_jsonData);
// 微信小程序ID
String appid = "自己appid";
// 微信小程序秘钥
String secret = "自己的秘钥";
String ACCESS_TOKEN=accessToken;
// 根据小程序穿过来的code想这个url发送请求
String url = "https://api.weixin.qq.com/cgi-bin/message/wxopen/template/uniform_send?access_token="+ACCESS_TOKEN;
// 发送请求，返回Json字符串
String str = WeChatUtil.httpRequest(url, "POST", _jsonData);
// 转成Json对象 获取openid
JSONObject fromObject = JSONObject.fromObject(str);
//JSONObject jsonObject = JSONObject.parseObject(str);
System.out.println("jsonObject____"+fromObject.toString());
// 我们需要的openid，在一个小程序中，openid是唯一的
}
public class WeChatUtil {
public static String httpRequest(String requestUrl,String requestMethod,String output){
try{
URL url = new URL(requestUrl);
HttpsURLConnection connection = (HttpsURLConnection) url.openConnection();
connection.setDoOutput(true);
connection.setDoInput(true);
connection.setUseCaches(false);
if(null != output){
OutputStream outputStream = connection.getOutputStream();
outputStream.write(output.getBytes("utf-8"));
outputStream.close();
}
// 从输入流读取返回内容
InputStream inputStream = connection.getInputStream();
InputStreamReader inputStreamReader = new InputStreamReader(inputStream, "utf-8");
BufferedReader bufferedReader = new BufferedReader(inputStreamReader);
String str = null;
StringBuffer buffer = new StringBuffer();
while ((str = bufferedReader.readLine()) != null){
buffer.append(str);
}
bufferedReader.close();
inputStreamReader.close();
inputStream.close();
inputStream = null;
connection.disconnect();
return buffer.toString();
}catch(Exception e){
e.printStackTrace();
}
return "";
}
}