找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

微信小程序实例:创建下发模板消息实例

作者:模板之家 2018-1-31 12:04 1814人关注

鉴于目前网络上都还找不到小程序下发模板消息的相关资源,在多次阅读了官方文档今天终于把小程序的模版消息给测通了,接下来介绍在不使用服务器的情况下,前端开发人员在本地

 鉴于目前网络上都还找不到小程序下发模板消息的相关资源,在多次阅读了官方文档今天终于把小程序的模版消息给测通了,接下来介绍在不使用服务器的情况下,前端开发人员在本地怎么测试模板消息的发送。

1、在微信公众平台-小程序的模板中心先申请一个下发消息模板

 

2、根据文档提及的下发模板消息做法分两个步骤

2-1、获取token,这里我直接使用微信公众平台接口调试工具上得到token串,在有效期内测试。假如多处请求需要token的话,最好设置一个公共变量存储,这里我提前把appid、secret、token存储在app.js的globalData里头了。

 

 

2-2、发起模版消息请求,根据接口post参数说明,还需要提前获取openid,也就是接收者(登录小程序用户)的openid。

2-2-1、获取openid,这里我是在app.js发起请求得到openid在存储到本地上,具体代码如下:【将这段代码放入onLoad生命周期内】

 

[plain] view plain
  1. //获取openid  
        var user=wx.getStorageSync('user') || {};  
        if(typeof user=='object' && !user.openid && (user.expires_in || Date.now()) < (Date.now() + 600)){//不要在30天后才更换openid-尽量提前10分钟更新  
          wx.login({  
            success: function(res){  
              // success  
              var d=that.globalData.wxData;//这里存储了appid、secret、token串  
              var l='https://api.weixin.qq.com/sns/jscode2session?appid='+d.appId+'&secret='+d.appSecret+'&js_code='+res.code+'&grant_type=authorization_code';  
              wx.request({  
                url: l,  
                data: {},  
                method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT  
                // header: {}, // 设置请求的 header  
                success: function(res){  
                  var obj={};  
                  obj.openid=res.data.openid;  
                  obj.expires_in=Date.now()+res.data.expires_in;  
                    
                  wx.setStorageSync('user', obj);//存储openid  
                }  
              });  
            }  
          });  
        }else{  


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)