微信小程序消息推送功能如何开发实现

微信小程序消息推送功能如何开发实现

微信小程序消息推送功能指的就是通过实现微信小程序推送小程序给用户，以便用户点开消息就可以查看消息内容并点击链接进入到小程序的指定页面。那么开发人员怎么去实现这个功能呢？

步骤一：获取模板ID

登录 https://mp.weixin.qq.com 获取模板，如果没有合适的模板，可以申请添加新模板，审核通过后可使用。

步骤二：获取formID

在需要触发消息推送的页面添加提交表单的事件。目的是得到formID，这是消息推送时必须的参数。

&lt;form name=&#8217;pushMsgFm&#8217; report-submit=&#8217;true&#8217; bindsubmit=&#8217;getFormID&#8217;&gt; <br />

&lt;button form-type=&#8221;submit&#8221; class=&#8221;zan-btn zan-btn&#8211;large zan-btn&#8211;danger payButton&#8221;&gt;立即支付&lt;/button&gt;<br />

&lt;/form&gt;

以上代码中“getFormID”是提交表单时触发的事件。

getFormID: function (e) {<br />

this.setData({<br />

formId: e.detail.formId }) }

以上方法是获取formID。

步骤三：配置消息模板参数，并传给后台

var config = require(&#8216;../config.js&#8217;)<br />

var app = getApp();<br />

function pushMsg(formID, access_token){<br />

var openId = app.globalData.userInfo.openId;<br />

var messageDemo = {<br />

touser: openId,//openId<br />

template_id: &#8216;PjtLeqq-UeF49r5jr88s27HBzBDobijr6QfiwJwIkPg&#8217;,//模板消息id， <br />

page: &#8216;pages/index/index&#8217;,//点击详情时跳转的主页<br />

form_id: formID,//formID<br />

data: {//下面的keyword*是设置的模板消息的关键词变量 

&#8220;keyword1&#8221;: {<br />

&#8220;value&#8221;: &#8220;keyword1&#8221;,<br />

&#8220;color&#8221;: &#8220;#4a4a4a&#8221;<br />

},<br />

&#8220;keyword2&#8221;: {<br />

&#8220;value&#8221;: &#8220;keyword2&#8221;,<br />

&#8220;color&#8221;: &#8220;#9b9b9b&#8221;<br />

},<br />

&#8220;keyword3&#8221;: {<br />

&#8220;value&#8221;: &#8220;keyword3&#8221;,<br />

&#8220;color&#8221;: &#8220;red&#8221;<br />

}<br />

},<br />

color: &#8216;red&#8217;,//颜色<br />

emphasis_keyword: &#8216;keyword3.DATA&#8217;//需要着重显示的关键词<br />

}<br />

wx.request({<br />

url: config.service.sendMsgUrl,<br />

data: { value: messageDemo, access_token: access_token},<br />

method: &#8216;POST&#8217;,<br />

success: function (res) {<br />

console.log(&#8220;push msg&#8221;);<br />

console.log(res);<br />

},<br />

fail: function (err) { <br />

console.log(&#8220;push err&#8221;)<br />

console.log(err);<br />

}<br />

});<br />

}<br />

module.exports = { pushMsg: pushMsg }

步骤四：推送消息

const request = require(&#8216;../tools/ih_request&#8217;);<br />

var conf = require(&#8216;../config.js&#8217;)<br />

module.exports = async (ctx, next) =&gt; {<br />

var body = ctx.request.body.value<br />

await request.postJson({<br />

url: &#8216;https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=&#8217; + ctx.request.body.access_token,<br />

body: body,<br />

success: function (res) {<br />

ctx.body = {<br />

result: res<br />

}<br />

console.log(&#8216;res=&#8217;,res);<br />

},<br />

error: function (err) {<br />

ctx.body = {<br />

result: err<br />

}<br />

console.log(err);<br />

}<br />

});}

ih_request.js

const request = require(&#8216;request&#8217;);<br />

var ih_request = {};<br />

module.exports = ih_request;<br />

ih_request.postJson = async function (option) {<br />

var res = await request({<br />

url: option.url,<br />

method: &#8216;post&#8217;,<br />

headers: {<br />

&#8216;content-type&#8217;: &#8216;application/json&#8217;<br />

},<br />

body: JSON.stringify(option.body),<br />

}, function (err, res, body) {<br />

res ? option.success(body) : option.error(res.msg);<br />

console.log(&#8216;MSGresult=&#8217;, body);<br />

});<br />

}

以上就是微信小程序消息推送功能开发实现的基本流程，希望能帮助到大家！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。