微信小程序发送模板消息

使用API  

wx.request

但有一些前提条件要知道

一、access_token：取得方法

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={appid}&secret={secret}

二、Openid取得方法

先使用

wx.login

API 得到js_code

再请求

https://api.weixin.qq.com/sns/jscode2session?appid={appid}&secret={AppSecret}&grant_type=authorization_code&js_code={login方法得到的jscode}

得到某个用户的openid

三、发送消息

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

JSON参数中

form_id：一定要这个放到一个form中

四、模板ID

小程序 的模板消息管理页中

show me the code

index.js

Page({

  data: {

    motto: 'Hello World',

    userInfo: {},

    hasUserInfo: false,

    userOpenID:'',

    canIUse: wx.canIUse('button.open-type.getUserInfo')

  },

  testSubmit: function (e) {

    var self = this;

    let _access_token = '10_KpTN5ba0iXKFNRuA3mNRRAyNvBy6jpMs3ai2azJU1dxJ8hGIxTWnI2pw56WSYiVLxpgYBJy8cD--ZZ2IBcLN4uLziXoD2cFtBwJSfHwyE9kYFBnKqz6fwQvCqe7XWYD9JkKQVd5X4yg9iXDbYVGgAHAHEP';

    let url = 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=' + _access_token

      ;

    console.log("e.detail.formId: " + e.detail.formId);

      let _jsonData = {

        access_token: _access_token,

        touser: 'orsUR0fn2kGG8UdvfW8jLl6z5vWc',

        template_id: 'tvYE1nsU_oOrJoZRRJD5AhDRFuxGBC7Cc0SuEjY9XGo',

        form_id: e.detail.formId,

        page: "pages/index/index",

        data: {

          "keyword1": { "value": "测试数据一", "color": "#173177" },

          "keyword2": { "value": "测试数据二", "color": "#173177" },

        }

      }

    wx.request({

      url: url,

      data: _jsonData,

      method: 'POST',

      success: function (res) {

        console.log(res)

      },

      fail: function (err) {

        console.log('request fail ', err);

      },

      complete: function (res) {

        console.log("request completed!");

      }

    })

    },

  onLoad: function () {

    wx.login({

      success: function (res) {

        if (res.code) {

          console.log(res.code);

        } else {

          console.log('登录失败！' + res.errMsg)

        }

      }

    });

    if (app.globalData.userInfo) {

      this.setData({

        userInfo: app.globalData.userInfo,

        hasUserInfo: true

      })

    } else if (this.data.canIUse){

      app.userInfoReadyCallback = res => {

        this.setData({

          userInfo: res.userInfo,

          hasUserInfo: true

        })

      }

    } else {

      // 在没有 open-type=getUserInfo 版本的兼容处理

      wx.getUserInfo({

        success: res => {

          app.globalData.userInfo = res.userInfo

          this.setData({

            userInfo: res.userInfo,

            hasUserInfo: true

          })

        }

      })

    }

  }

})

index.wxml