php實現(xiàn)QQ小程序發(fā)送模板消息功能

更新時間：2019年09月18日 09:31:08 作者：愛學(xué)習(xí)的森

QQ小程序群里有伙伴要發(fā)送模板消息的代碼，所以今天給大家分享QQ小程序模板消息發(fā)布，絕對一步一步帶著大家走，每個細節(jié)都講到，感興趣的朋友跟隨小編一起看看吧

QQ小程序群里有伙伴要發(fā)送模板消息的代碼，所以今天給大家分享QQ小程序模板消息發(fā)布，絕對一步一步帶著大家走，每個細節(jié)都講到。

今天先用php簡單寫一下，有空了再寫java的。

首先創(chuàng)建一個空項目：

因為QQ小程序沒有編譯器，先用微信小程序創(chuàng)建。

新建一個項目，其實微信小程序和QQ小程序本質(zhì)上沒有區(qū)別

然后新建一個頁面，直接上html代碼：

<form bindsubmit="form_submit" report-submit="true">
<button formType="submit">這是模板發(fā)送按鈕</button>
</form>

然后寫js邏輯：

記著勾選不校驗合法域名

然后上js代碼

form_submit(e) {
  console.log(e.detail.formId)
  var that = this
  wx.showToast({
   title: '正在發(fā)送模板消息請求',
   duration: 5000,
   icon: 'loading',
   mask: true
  })
  //推送消息
  wx.login({
   success: function (res) {
    console.log("獲得的code");
    console.log(res)
    var code = res.code;//發(fā)送給服務(wù)器的code
    console.log("獲得用戶信息成功");
      if (code) {
       wx.request({
        url: 'https://xxxx/tokentest.php',//服務(wù)器的地址，現(xiàn)在微信小程序只支持https請求，所以調(diào)試的時候請勾選不校監(jiān)安全域名
        data: {
         code: code,
         formID: e.detail.formId,
        },
        header: {
         'content-type': 'application/json'
        },
        success: function (res) {
         console.log(res.data);
         wx.setStorageSync('useropenid', res.data)
         wx.showToast({
          title: '發(fā)送模板消息成功！',
         })
        }
       })
      }
      else {
       console.log("獲取用戶登錄態(tài)失?。?);
      }
   },
   fail: function (error) {
    console.log('login failed ' + error);
   }
  })
 },

這里簡單說一下原理：

微信小程序、QQ小程序想要發(fā)送模板消息給用戶，必須要用戶在小程序前端有提交表單的動作出現(xiàn)，所以我們在html中寫了個form標(biāo)簽來完成這一要求，然后在js端接受該表單返回的formid,這個表單id是有七天時效的，也就是說在7天之內(nèi)可以向用戶發(fā)送模板消息。綜上，發(fā)送模板消息需要兩個東西：一是用戶的openid（發(fā)給誰）,二是用戶的formid(有表單提交動作)。

我們在js中拿到了用戶的formid但是沒有拿到openid，所以需要請求后臺去拿用戶的openid。
拿openid需要用用戶提交上去的code，和小程序的appid及appsercet三把鑰匙去請求微信服務(wù)器，返回用戶的openid.

申請一個模板templateid:

這里我們隨便選一個
我這里選了三個關(guān)鍵詞
然后拿到templaid

然后是后臺程序php:

tokentest.php

form_submit(e) {
  console.log(e.detail.formId)
  var that = this
  wx.showToast({
   title: '正在發(fā)送模板消息請求',
   duration: 5000,
   icon: 'loading',
   mask: true
  })
  //推送消息
  wx.login({
   success: function (res) {
    console.log("獲得的code");
    console.log(res)
    var code = res.code;//發(fā)送給服務(wù)器的code
    console.log("獲得用戶信息成功");
      if (code) {
       wx.request({
        url: 'https://xxxx/tokentest.php',//服務(wù)器的地址，現(xiàn)在微信小程序只支持https請求，所以調(diào)試的時候請勾選不校監(jiān)安全域名
        data: {
         code: code,
         formID: e.detail.formId,
        },
        header: {
         'content-type': 'application/json'
        },
        success: function (res) {
         console.log(res.data);
         wx.setStorageSync('useropenid', res.data)
         wx.showToast({
          title: '發(fā)送模板消息成功！',
         })
        }
       })
      }
      else {
       console.log("獲取用戶登錄態(tài)失??！");
      }
   },
   fail: function (error) {
    console.log('login failed ' + error);
   }
  })
 },

appid和appsercet在小程序后臺弄：

這里是小程序ID和秘鑰