E企盈营销工具技术服务商 热线:4006-838-530

小程序模板消息,微信小程序发送模板消息

E企盈直播平台营销卖货系统

步骤一:获取模板ID1、通过模版消息管理接口获取模版ID(详见)2、在微信公众平台手动配置获取模版ID登录获取模板,如果没有合适的模板,可以申请添加新模板,审核通过后可使用,步骤二:页面搭建页面的组件,属性report-submit为true时,可以声明为需发模板消息,此时点击按钮提交表单可以获取formId,用于发送模板消息。或者当用户完成,可以获取prepay_id用于发送模板消息。我写了个充值成功的demo,使用form组件提交表单是发送模板消息,页面如下(比较丑,主要测试):htmlformbindsubmit=”formSubmit”report-submit=’true’viewviewinput/viewinputname=”input”placeholder=”pleaseinputhere”//viewviewtext—模板消息发送要在真机上测试,否则不能获取正确的formid—-/textbuttonformType=”submit”发送模板消息/button/view/form步骤三:获取access_token(发送模板消息的接口需要用到的参数)开发者可以使用AppID和AppSecret调用本接口来获取access_token。AppID和AppSecret可登录微信公众平台官网-设置-开发设置中获得(需要已经绑定成为开发者,且帐号没有异常状态)。AppSecret生成后请自行保存,因为在公众平台每次生成查看都会导致AppSecret被重置。注意调用所有微信接口时均需使用https协议。接口地址:参数:grant_type:获取access_token填写client_credentialappid和secret都是通过上面获取到的当前页面加载时获取access_token(下面的appid和secret填写自己登录公众平台获取到的值)/页面的初始数据/data:{access_token:”},/生命周期函数–监听页面加载/onLoad:function(options){var_this=this;wx.request({url:’https://api.weixin.qq.com/cgi-bin/token’,data:{grant_type:’client_credential’,appid:”,secret:”},method:’get’,success:function(res){_this.setData({access_token:res.data.access_token})}})}步骤三:获取openid(发送模板消息的接口需要用到的参数)openid是在app.js中微信登录成功后返回的code参数(用户登录凭证(有效期五分钟)。开发者需要在开发者服务器后台调用api,使用code换取openid和session_key等信息)来获得openid。代码如下://app.jsApp({onLaunch:function(){//展示本地存储能力varlogs=wx.getStorageSync(‘logs’)||[]logs.unshift(Date.now())wx.setStorageSync(‘logs’,logs)let_this=this;//登录wx.login({success:res={//发送res.code到后台换取openId,sessionKey,unionIdconsole.log(res.code)varcode=res.codeif(res.code){//发起网络请求wx.request({url:’https://api.weixin.qq.com/sns/jscode2session’,data:{appid:”,secret:”,js_code:code,grant_type:’authorization_code’},success:function(res){//console.log(res.data.openid)_this.globalData.openid=res.data.openid;}})}else{console.log(‘登录失败!’+res.errMsg)}}})步骤四:发送模板消息接口地址:(ACCESS_TOKEN需换成上文获取到的access_token)请求方式:post请求参数:touser(必填):接收者(用户)的openidtemplate_id(是):所需下发的模板消息的id(上面已经说明)page(否):点击模板卡片后的跳转页面,仅限本小程序内的页面。支持带参数,(示例index?foo=bar)。该字段不填则模板无跳转。form_id(是):表单提交场景下,为submit事件带上的;支付场景下,为本次支付的data(是):模板内容,不填则下发空模板color(否):模板内容字体的颜色,不填默认黑色emphasis_keyword(否):模板需要放大的关键词,不填则默认无放大form表单提交时,执行formSubmit函数:formSubmit:function(e){var_this=this;console.log(_this.data.access_token,’access_token’)console.log(app.globalData.openid,’openid’)console.log(e.detail.formId,’formid’);//formid是设置了form的属性report-submit为true时,通过e.detail.formId获取wx.request({url:’https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=’+_this.data.access_tokendata:{“touser”:app.globalData.openid,”template_id”:’tbi5uRB44xz7pwZQWzPYmn7FSizCs-9I3X4JUWudEfc’,”form_id”:e.detail.formId,”data”:{“keyword1”:{“value”:”339208499″,”color”:”#173177″},”keyword2″:{“value”:”2018年3月26日”,”color”:”#173177″},”keyword3″:{“value”:”1000元”,”color”:”#173177″},”keyword4″:{“value”:”15999999999″,”color”:”#173177″}},”emphasis_keyword”:”keyword3.DATA”},method:’post’,header:{‘content-type’:’application/json’//默认值},success:function(res){console.log(res.data)}})},到这里,模板消息就可以成功发送了,但是在开发者工具上测试发现formId的值是‘theformIdisamockone’,查了一下:formId需要在真实的手机上才会生成,小程序开发工具是一个模拟环境,所以获取不到,会提示‘theformIdisamockone’然后在真机中测试就成功了:

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序模板消息,微信小程序发送模板消息
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏