微信小程序发送服务通知（模板消息）前后端实现代码附效果图

开发交流QQ群: 173683895 173683895 526474645 人满的请加其它群

发送给用户的效果图：

实现流程：

发送模板消息的HTTPS方式实现源码及流程

请求地址

POST https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=ACCESS_TOKEN

请求参数

属性	类型	必填	说明
access_token	string	是	接口调用凭证
touser	string	是	接收者（用户）的 openid
template_id	string	是	所需下发的模板消息的id
page	string	否	点击模板卡片后的跳转页面，仅限本小程序内的页面。支持带参数,（示例index?foo=bar）。该字段不填则模板无跳转。
form_id	string	是	表单提交场景下，为 submit 事件带上的 formId；支付场景下，为本次支付的 prepay_id
data	Object	否	模板内容，不填则下发空模板。具体格式请参考示例。
emphasis_keyword	string	否	模板需要放大的关键词，不填则默认无放大

这里openid 和form_id 需要自行获取，在我的本篇博客没有写获取方式，而是直接传给后端了。

首先要在公众平台申请微信小程序模板消息

模板消息详情

完整代码

小程序端代码

send_mm() {var that=this;if (this.data.money==0){wx.showToast({title: '请填写诊金',icon:'none'})return}var keyword1 = {}, keyword2 = {}, keyword3 = {}, keyword4 = {}, keyword5 = {}keyword1.value = this.data.order.pet.name + '的诊金';keyword2.value = this.data.money + '元';keyword3.value = '请尽快完成支付';keyword4.value = '待支付';keyword5.value = '待支付';var touser = this.data.order.open_id;var template_id = 'R4-OtgfMaMSXz7TeJvT0iuiZSm_jdAwO1y3fcB2SZBQ';var form_id = this.data.order.order_details.user_form_id;util.POST({params: {'token': wx.getStorageSync('token'),keyword1, keyword2, keyword3, keyword4, keyword5, touser, template_id, form_id},API_URL: 'Doctor/sen_mm',success: (res) => {res = res.data;if (res.code == 200) {wx.showToast({title: '发送成功！',})} else {wx.showToast({title: '发送失败',icon: 'none',duration: 2000})}}})},

后端接口部分代码：

 //发送模板消息提醒用户支付public function sen_mm(){$data = request()->param();$user = model('user')->field('open_id',true)->find($this->user['id']);$appid='';//填你的appid$appsecret='';//填你的appsecret$url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$appid."&secret=".$appsecret;$access_token = file_get_contents($url);$access_token = json_decode($access_token,true)['access_token'];$keyword  = array('keyword1'=>$data['keyword1'],'keyword2'=>$data['keyword2'],'keyword3'=>$data['keyword3'],'keyword4'=>$data['keyword4'],'keyword5'=>$data['keyword5']);$arr = array('touser'=>$data['touser'],'template_id'=>$data['template_id'],'form_id'=>$data['form_id'],'data'=>$keyword);$data=$this->post_json_data('https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token='.$access_token,json_encode($arr));suc('操作成功',json_decode($data['result'],true));}

微信小程序发送服务通知（模板消息）前后端实现代码附效果图相关推荐

Java实现微信小程序发送服务通知
Java代码实现发送微信小程序服务通知笔者在上个月接到一个需求,大概是需要计算一条数据的最大办理时间从而发送任务超期的微信小程序服务通知,俺也是第一次接触到需要调用微信的API去进行发送消息,该博客 ...
[微信小程序]实现一个自定义遮罩层组件(完整示例代码附效果图)
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 先上效果图: 点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层; <button bi ...
[微信小程序]动画,从顶部掉花的效果(完整代码附效果图)
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: image{ width: 100rpx;height: 100rpx;position: absol ...
微信小程序发送服务通知
服务通知在微信开发中很常见,支付,审核等等都需要用到服务通知. 记录一下开发中用到的需求,以后直接复制. public static void senddingyue(String open_id,S ...
微信小程序获取用户手机号，后端php实现（前后端完整代码附效果图）
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 如图: 小程序代码: 第一步,登录,获取用户的 session_key: 第二步,点击按钮调用 bindget ...
微信小程序和微信小程序之间的跳转和传参示例代码附讲解
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 一:微信小程序跳转使用限制需要用户触发跳转从 2.3.0 版本开始,若用户未点击小程序页面任意位 ...
开发微信小程序之阿里云服务器搭建|前后端分离
第一次做项目开发,于是写了一篇博客记录一下开发过程中学到的东西,之前没有写博客的经验,所以写的有问题的地方欢迎各位大佬指教如果之前没有免费试用过阿里云的服务器,可以进到这个网址 https://fr ...
【系】微信小程序云开发实战坚果商城-前后端交互之订单实现
第 4-7 课:前后端交互之订单实现目录开篇 [系]微信小程序云开发实战坚果商城-开篇基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 ...
【系】微信小程序云开发实战坚果商城-前后端交互之主题实现
第 4-4 课:前后端交互之主题实现目录开篇 [系]微信小程序云开发实战坚果商城-开篇基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 ...
教你设置微信小程序的服务通知推送！搜狗文章
场景碎碎念:嗨喽,小伙伴闷,今天的学习到咯.通过咱们快一个月的学习,已经把平台的组件学习的差不多了,当然咱闷这个功能组件是在不停更新.不断完善的.今天咱们来学下"模板消息"推送功能 ...

微信小程序发送服务通知（模板消息）前后端实现代码附效果图

开发交流QQ群: 173683895 173683895 526474645 人满的请加其它群

实现流程：

请求地址

请求参数

完整代码

微信小程序发送服务通知（模板消息）前后端实现代码附效果图相关推荐

最新文章

热门文章