全国服务热线:4008-888-888

技术知识

商城网站模板—微信小程序订阅消息提示设置技

手机上手机微信手机微信微信小程序订阅信息内容信息消息推送设置方式

22:12

前后左右上下端手机上手机微信手机微信微信小程序订阅信息内容信息消息推送

原文中相关编号详尽详细地址:github 全篇联接: 全篇联接

手机微信微信小程序信息内容信息消息推送种类

订阅信息内容

模板信息内容

统一服务信息内容

线上在线客服信息内容

由于模板信息内容早就撤出,这儿的案例信息内容是订阅信息内容

进行订阅信息内容大伙儿一开始务必掌握许多个手机微信微信小程序的关键主要参数值

手机微信微信小程序appid

手机微信微信小程序密匙

手机微信微信小程序订阅模板 id (template_id)

以上关键主要参数都可以以以在手机微信微信小程序管理方法方式后台管理管理方法上找寻

手机微信微信小程序端

开发设计设计方案前务必得到手机微信微信小程序设置模板 ID,没有设置模板信息内容时可以再加新的模板 mp.weixin.qq

拥有模板 ID 后,务必得到到下达信息内容管理方法管理权限

顾客下达信息消息推送信息内容管理方法管理权限

在订单或者别的具体实际操作开展时,调起消费者端手机微信微信小程序订阅信息内容网页页面,得到到顾客具体实际操作结果

// index.wxml
 button bindtap= bindSubscribeMessage  得到下达管理方法管理权限  /button 
// index.js
bindSubscribeMessage() {
 wx.requestSubscribeMessage({
 tmplIds: [ tmplIds ],
 success (res) { 
 console.log(res)
 }
 })
复制编号
传送顾客 code

由于信息内容信息消息推送服务端务必手机微信微信小程序 openid 因而大伙儿务必将依据 wx.login 登录手机微信微信小程序将 code 消息推送给服务端

bindLogin() {
 /* 1. 得到code 乞求开发设计设计方案互联网网络服务器 
 * 2. 开发设计设计方案互联网网络服务器依据 code + appid + secret 乞求手机上手机微信互联网网络服务器得到 openid
 */
 wx.login({
 success: res =  {
 if (res.code) {
 const { task } = this.data;
 this.request(Object.assign(task, { code: res.code }));
 }
 }
 });
复制编号
服务端

这儿由于是本身模拟仿真仿真模拟服务端,运用的 Koa 来进行基本流程,其他后端开发开发设计进行流程理应是一样的

由于信息消息推送信息内容务必手机微信微信小程序 access_token 和 openid,因而大伙儿先要得到这两个关键主要参数

得到流程




得到手机微信微信小程序线上在线客服端传参 code

依据消费者端消息推送插孔 app/send 获得关键主要参数 code

function getBodyMessage(ctx) {
 const { body } = ctx.request;
 return body;
复制编号
得到 openid

依据 code + secret(手机微信微信小程序密匙) + appid 得到 openid

function getOpenId(js_code) {
 return new Promise(resolve =  {
  http(
  {
  url: `api.weixin.qq/sns/jscode2session`,
  method:  get ,
  qs: {
  grant_type:  authorization_code ,
  js_code,
  appid: APP.appid,
  secret: APP.secret
  },
  json: true //设置返回的数据信息信息内容为json
  },
  (error, response, body) =  {
  if (!error   response.statusCode == 200) {
  resolve(body);
  }
  }
  );
 });
复制编号
得到 access_token
function getAccessToken() {
 return new Promise(resolve =  {
 http(
 url: `${WX_API}/token`,
 method:  get ,
 qs: {
 grant_type:  client_credential , // 注意 type 类型
 appid: APP.appid,
 secret: APP.secret
 json: true //设置返回的数据信息信息内容为json
 (error, response, body) =  {
 if (!error   response.statusCode == 200) {
 const { access_token } = body;
 resolve(access_token);
复制编号
信息消息推送信息内容

大伙儿得到到 openid 和 access_token 后即可以信息消息推送信息内容给顾客了

function sendMessage({ access_token, openid, msg }) {
 const requestData = {
 touser: openid,
 template_id: APP.template_id,
 // 模板信息内容特点和特点值务必注意内容限制
 data: {
 thing1: {
 value: msg.taskName
 thing10: {
 value: msg.remarks
 thing9: {
 value: msg.className
 };
 console.log(requestData);
 return new Promise((resolve, reject) =  {
 http(
  // 注意 access_token 务必在插孔方法传送 
 url: `${WX_API}/message/subscribe/send?access_token=${access_token}`,
 headers: {
 content-type :  application/json 
 method:  post ,
 body: requestData, // 务必注意是放进 body 上,而其实不是 form 上
 json: true // 设置返回的数据信息信息内容为json
 (error, response, body) =  {
 if (!error   response.statusCode == 200) {
 resolve(body);
 } else {
 reject();
复制编号

这儿大伙儿务必注意:

下达的信息内容模板务必注意订阅信息内容关键主要参数值内容限制,务必参考

下达模板信息内容特点务必注意




开发设计设计方案方法下,授权一次下达一次信息内容




后端开发开发设计启动 npm run dev

进行具体实际效果




升級

手机微信微信小程序模板信息内容中有二种模板

一次性订阅

长期性性订阅

这两个模板根据手机微信微信小程序的服务来差别,唯一一一部分服务:诊治、民生工程工程项目、交通出行交通出行、文化艺术文化教育这种的线下推广营销推广服务对外开放对外开放长期性性订阅模板库选择。

住宅小区有篇帖子详细的说明了一些区别





在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服