2. 程式人生 > >小程式訊息推送（含原始碼）java實現小程式推送，springboot實現微信訊息推送

小程式訊息推送（含原始碼）java實現小程式推送，springboot實現微信訊息推送

阿新 • • 發佈：2018-12-09

最近需要開發微信和小程式的推送功能，需要用java後臺實現推送，自己本身java和小程式都做，所以就自己動手實現下小程式的模版推送功能推送。

實現思路

  • 1 小程式獲取使用者openid，收集formid傳給java後臺
  • 2 java推送訊息給指定小程式使用者

老規矩，還是先看效果圖

微信收到小程式推送.png
我的這個是跑腿搶單推送，當用戶新下單時，會給跑腿員推送訊息。

下面開始講解實現步驟

一，微信小程式管理後臺開通模版推送

模版訊息.png
這裡的模版id很重要，接下來我們推送的都是這個模版。

二，java後臺實現推送所需欄位

  • 1 看微信官方推送訊息所需要的欄位
    實現推送所需要的欄位

官方示例

  • 2 有了官方說明，我門接下來就去拿到官方所需要的這些欄位，來組裝請求資料就可以了。

三，下面講解實現步驟

我的java後臺是基於springboot開發的，如果你不瞭解spring boot，建議你先去了解下springboot再回來接著學習。
還有RestTemplate是我們java後臺做get和post請求必須的，我們和微信伺服器互動就用的RestTemplate

  • 1 首先根據官方推送所需欄位組裝java-bean
    這裡用到兩個javabean
/*
* 小程式推送所需資料
* qcl 微信：2501902696
* */
@Data
public class WxMssVo {
    private String touser;//使用者openid
    private String template_id;//模版id
    private String page = "index";//預設跳到小程式首頁
    private String form_id;//收集到的使用者formid
    private String emphasis_keyword = "keyword1.DATA";//放大那個推送欄位
    private Map<String, TemplateData> data;//推送文字
}

 
/*
* 設定推送的文字和顏色
* qcl 微信：2501902696
* */
@Data
public class TemplateData {
    //keyword1：訂單型別，keyword2：下單金額，keyword3：配送地址，keyword4：取件地址，keyword5備註
    private String value;//,,依次排下去
//    private String color;//欄位顏色（微信官方已廢棄，設定沒有效果）
}

到這裡請求推送的資料就組裝好了，解下來我們去實現推送功能。
奧不對，還有一個重要的欄位需要獲取到：access_token

access_token的獲取

/*
    * 獲取access_token
    * appid和appsecret到小程式後臺獲取，當然也可以讓小程式開發人員給你傳過來
    * */
    public String getAccess_token(String appid, String appsecret) {
        //獲取access_token
        String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential" +
                "&appid=" + appid + "&secret=" + appsecret;
        String json = restTemplate.getForObject(url, String.class);
        AccessToken accessToken = new Gson().fromJson(json, AccessToken.class);
        return accessToken.getAccess_token();
    }

這次是真正的可以來請求微信伺服器來實現訊息推送了

/*
    * 微信小程式推送單個使用者
    * */
    public String pushOneUser(String openid, String formid) {


        //獲取access_token
        String access_token = getAccess_token(ConstantUtils.SCHOOL_APPID, ConstantUtils.SCHOOL_APPSECRET);
        String url = "https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send" +
                "?access_token=" + access_token;

        //拼接推送的模版
        WxMssVo wxMssVo = new WxMssVo();
        wxMssVo.setTouser(openid);//使用者openid
        wxMssVo.setTemplate_id("LzeDP0G5PLgHoOjCMfhu44wfUluhW11Zeezu3r_dC24");//模版id
        wxMssVo.setForm_id(formid);//formid


        Map<String, TemplateData> m = new HashMap<>(5);

        //keyword1：訂單型別，keyword2：下單金額，keyword3：配送地址，keyword4：取件地址，keyword5備註
        TemplateData keyword1 = new TemplateData();
        keyword1.setValue("新下單待搶單");
        m.put("keyword1", keyword1);

        TemplateData keyword2 = new TemplateData();
        keyword2.setValue("這裡填下單金額的值");
        m.put("keyword2", keyword2);
        wxMssVo.setData(m);

        TemplateData keyword3 = new TemplateData();
        keyword3.setValue("這裡填配送地址");
        m.put("keyword3", keyword3);
        wxMssVo.setData(m);

        TemplateData keyword4 = new TemplateData();
        keyword4.setValue("這裡填取件地址");
        m.put("keyword4", keyword4);
        wxMssVo.setData(m);

        TemplateData keyword5 = new TemplateData();
        keyword5.setValue("這裡填備註");
        m.put("keyword5", keyword5);
        wxMssVo.setData(m);

        ResponseEntity<String> responseEntity =
                restTemplate.postForEntity(url, wxMssVo, String.class);
        log.error("小程式推送結果={}", responseEntity.getBody());
        return responseEntity.getBody();
    }

openid可以讓小程式開發人員給你傳過來，也可以自己獲取。
formid需要小程式開發給你傳過來，你也可以把formid存到資料庫裡，什麼時候需要直接拿出來用就可以了。
注意：formid必須和使用者openid對應。

下面貼出來完整程式碼

package com.qcl.paotuischool.wechat;

import com.google.gson.Gson;
import com.qcl.userwechat.bean.AccessToken;
import com.qcl.utils.ConstantUtils;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Service;
import org.springframework.web.client.RestTemplate;

import java.util.HashMap;
import java.util.Map;

import lombok.extern.slf4j.Slf4j;

/**
 * Created by qcl on 2018/9/11.
 * 微信小程式推送服務，
 * 包含獲取access_token的服務
 */
@Service
@Slf4j
public class WxPushServiceQcl {
    //用來請求微信的get和post
    @Autowired
    private RestTemplate restTemplate;


    /*
    * 微信小程式推送單個使用者
    * */
    public String pushOneUser(String openid, String formid) {


        //獲取access_token
        String access_token = getAccess_token(ConstantUtils.SCHOOL_APPID, ConstantUtils.SCHOOL_APPSECRET);
        String url = "https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send" +
                "?access_token=" + access_token;

        //拼接推送的模版
        WxMssVo wxMssVo = new WxMssVo();
        wxMssVo.setTouser(openid);//使用者openid
        wxMssVo.setTemplate_id("LzeDP0G5PLgHoOjCMfhu44wfUluhW11Zeezu3r_dC24");//模版id
        wxMssVo.setForm_id(formid);//formid


        Map<String, TemplateData> m = new HashMap<>(5);

        //keyword1：訂單型別，keyword2：下單金額，keyword3：配送地址，keyword4：取件地址，keyword5備註
        TemplateData keyword1 = new TemplateData();
        keyword1.setValue("新下單待搶單");
        m.put("keyword1", keyword1);

        TemplateData keyword2 = new TemplateData();
        keyword2.setValue("這裡填下單金額的值");
        m.put("keyword2", keyword2);
        wxMssVo.setData(m);

        TemplateData keyword3 = new TemplateData();
        keyword3.setValue("這裡填配送地址");
        m.put("keyword3", keyword3);
        wxMssVo.setData(m);

        TemplateData keyword4 = new TemplateData();
        keyword4.setValue("這裡填取件地址");
        m.put("keyword4", keyword4);
        wxMssVo.setData(m);

        TemplateData keyword5 = new TemplateData();
        keyword5.setValue("這裡填備註");
        m.put("keyword5", keyword5);
        wxMssVo.setData(m);

        ResponseEntity<String> responseEntity =
                restTemplate.postForEntity(url, wxMssVo, String.class);
        log.error("小程式推送結果={}", responseEntity.getBody());
        return responseEntity.getBody();
    }

    /*
    * 獲取access_token
    * appid和appsecret到小程式後臺獲取，當然也可以讓小程式開發人員給你傳過來
    * */
    public String getAccess_token(String appid, String appsecret) {
        //獲取access_token
        String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential" +
                "&appid=" + appid + "&secret=" + appsecret;
        String json = restTemplate.getForObject(url, String.class);
        AccessToken accessToken = new Gson().fromJson(json, AccessToken.class);
        return accessToken.getAccess_token();
    }

}

在需要做推送的地方呼叫WxPushServiceQcl類中的pushOneUser方法，並傳入openid, formid引數即可。
java控制檯列印.png
這是我推送成功後列印的log

下面來講小程式端開發需要做些什麼

可以看出，我們的formid有效期是7天，並且一個form_id只能使用一次，所以我們小程式端所需要做的就是儘可能的多拿些formid，然後傳個後臺，讓後臺存到資料庫中，這樣7天有效期內，想怎麼用就怎麼用了。

官方下發條件

所以接下來要講的就是小程式開發怎麼儘可能多的拿到formid了。

image.png
看下官方提供的，只有在表單提交時把report-submit設為true時才能拿到formid，比如這樣

 <form report-submit='true' >
   <button  form-type='submit'>獲取formid</button>
  </form>

所以我們就要在這裡下功夫了，既然只能在form元件獲取，我們能不能把我們小程式裡用到最多的地方用form來偽裝呢。
紅框裡是使用者常點的
我的小程式是跑腿小程式，訊息也主要推送給跑腿員的，而跑腿員點選最多的也就是這兩個條目，所以我們就用from元件來偽裝這兩個條目，讓使用者在點選的同時就可以收集到用的formid。

 <view class='button_item'>
  <form class="form_item" bindsubmit='gorRunnerLobby' report-submit='true' data-type="1">
   <button class="button" form-type='submit'>
    <text>搶單大廳</text>
    <text class='runner_desc'>(兼職也可月入萬元)</text>
   </button>
  </form>
  <view class='right_arrow' />
 </view>

這樣就可以在使用者點選條目時，收集到使用者formid了
image.png
由於上面的botton有預設樣式，所以我們就通過修改css來去除botton預設樣式。

.button_item {
 width: 100%;
 display: flex;
 flex-direction: row;
 align-items: center;
 padding: 2px 20px;
 background: white;
 border-bottom: 1px solid gainsboro;
}
/* 主要通過這裡去除botton預設樣式 */
.button {
 width: 100%;
 background: white;
 border: none;
 text-align: left;
 padding: 6px 0px;
 margin: 0px;
 line-height: 1.5;
}

/* 主要通過這裡去除botton邊框 */
.button::after {
 border: none;
}

/* 用button偽裝獲取formid */

.form_item {
 width: 100%;
}

到這裡我們小程式端也圓滿完成自己的任務了。

補充知識點

這樣我們java後臺和小程式開發就可以開開心心的完成微信小程式的訊息推送功能了。

如果有java或小程式相關的問題可以加我微信交流學習2501902696（備註小程式或java）

相關推薦

小程式訊息推送（含原始碼）java實現小程式推送，springboot實現微信訊息推送

最近需要開發微信和小程式的推送功能，需要用java後臺實現推送，自己本身java和小程式都做，所以就自己動手實現下小程式的模版推送功能推送。 實現思路 1 小程式獲取使用者openid，收集formid傳給java後臺 2 java推送訊息給指定小程式使用

當下火熱的大資料視訊，免費送（含原始碼）

年底了，你一年下來有多少努力已經完成，你心心念唸的大資料開發，都學會了嗎？想跳槽的你，想就業開發

微信小程式支付流程，非同步回撥及訊息模板呼叫（php原始碼）

首先還是老樣子把流程圖給大家發一下 商戶系統和微信支付系統主要互動： 1、小程式內呼叫登入介面，獲取到使用者的openid,api參見公共api【小程式登入API】 2、商戶server呼叫支付統一下單，api參見公共api【統一下單API】 3、商戶server呼叫再次簽

使用mongodb作為小記憶體的圖片伺服器 （含原始碼下載）

我們的個別系統裡面會經常遇到一些小型的圖片（小於1.5MB），目前大多數的解決方案是：這些圖片如果放在伺服器的檔案硬盤裡，然後連結放在關係型資料或者類似mongodb的nosql資料庫裡。 但是不得不提出一個問題是。比如學校，政務機關的系統，經常會上傳一些證件照，這些圖片

微信小程式教學第二章（含視訊）：小程式中級實戰教程之預備篇

開始前請把 ch2-3 分支中的 code/ 目錄匯入微信開發工具 上一節中，我們對 index.js 檔案中增加了 util 物件，並在物件中封裝了很多公用方法 let util = { log(){……}, ale

【Chapter4*程式設計總結一*】（含原始碼）複製空洞檔案且不把0複製到新檔案

一、寫在前面 不積跬步無以至千里，一點點累積最後達到意想不到的效果。認真對待每一個小細節，一點點改正修訂，往往是問題關鍵所在。 二、coding中遇到的坑 步驟一：建立兩個檔案，一個是空洞檔案，另一個是非空洞檔案，分析比較兩者不同。 2-1 shell中出現亂碼 建立無空

區塊鏈技術進階-深入詳解以太坊智慧合約語言 solidity（含原始碼）-熊麗兵-專題視訊課程...

區塊鏈技術進階-深入詳解以太坊智慧合約語言 solidity（含原始碼）—103人已學習 課程介紹         區塊鏈開發技術進階-深入詳解以太坊智慧合約語言 solidity視訊培訓教程：本課

(轉)C# 獲取漢字的拼音首字母和全拼（含原始碼）[A]

  https://blog.csdn.net/younghaiqing/article/details/62417269   C# 獲取漢字的拼音首字母 一種是把所有中文字元集合起來組成一個對照表；另一種是依照漢字在Unicode編碼表中的排序來確定拼音的首字母

用python怎樣識別驗證碼？（含原始碼）

字元型圖片驗證碼識別完整過程及Python實現1 摘要驗證碼是目前網際網路上非常常見也是非常重要

SpringBoot進階之統一異常處理（含原始碼）

淺談異常處理 在J2EE專案的開發中，不管是對底層的資料庫操作過程，還是業務層的處理過程，還是控制層的處理過程，都不可避免會遇到各種可預知的、不可預知的異常需要處理。每個過程都單獨處理異常，系統的程式碼耦合度高，工作量大且不好統一，維護的工作量也很大。

神級以下必讀！ ~程式設計師學習資料（圖書&原始碼） 01

 感謝博主的辛苦整理和分享！！！ 前言：     由於上傳檔案大小限制所以大部分都是通過壓縮成幾部分，除了《JavaSwing圖形介面開發與案例詳解》與《Java Web開發實戰1200例》這兩本書的程式碼需要一個積分，其它全是不需要積分的，請大家積極評價，我很期

WebGL之Three.js開發第一個場景（含原始碼）

在h5火熱的當下，各種絢麗的場景層出不窮。但是，我們是不是發現大部分或者說絕大部分的網站只是一個向用戶展示資訊的平臺。至於使用者與其進行的互動則僅限於下拉瀏覽，點選觸發，或者填寫一些表單資訊。 我一直在思考下一個web時代，並不敢斷言一定會是WebGL，但是在

SpringBoot進階之訪問資料庫（含原始碼）

本文介紹在Spring Boot基礎下配置資料來源和通過JdbcTemplate編寫資料訪問的示例。 簡單介紹一下 @Controller：修飾class，用來建立處理http請求的物件 @RestController：Spring4之後加入的註解，原來在

利用spring+springMvc對單點登入(SSO)的簡單實現（含原始碼）

一、簡介       繼上一次的第三方登入後，趁熱打鐵，繼續學習了一下單點登入。和oauth2.0的原理有些相似。都是客戶端登入的時候需要去服務端認證一下。認證通過才能進行登入。不同的是，單點登入需要自己去維持一個認證伺服器與使用者瀏覽器的全域性會話、客戶端端與使用者瀏覽器的

STL 簡單 iterator 的實現（含原始碼）

        我使用vs2015寫的程式（原始碼下載） STL的中心思想在於將容器（container）和演算法（algorithms）分開，彼此獨立設計，最後再以一貼膠著劑將它們撮合在一起，而這個膠著劑就是迭代器（iterator）。          迭代器是訪問容器

VC++6.0+MFC網路聊天工具（含原始碼）

　　畢業一年多了，晒晒自己做的畢業設計，VC++6.0+MFC完成，所有程式碼都是自己一步步編寫完成，當初也沒有什麼經驗，全靠網上找資料試驗，大家有意見輕拍。 　　功能包括： 0.普通聊天（文字、圖片） 　　1.聊天室 　　2.傳輸檔案（斷點續傳） 　　3.共享螢幕 　　4

Android-指紋識別技術（含原始碼）

今天介紹新增指紋識別技術的幾個步驟；；1.首先新增許可權<uses-permission android:name="android.permission.USE_FINGERPRINT"/>2.設計你的開鎖介面，由於不是正式專案，我就撈一次3.獲取移動裝置指紋管

Java寫的為圖片新增水印的軟體（含原始碼）

介面如下：   效果圖如下：   拖拉操作如下： 支援功能： 1、可設定水印的字型（字型名字、樣式、大小） 2、可設定水印的位置（暫時只支援6個位置） 3、可設定水印的透明度，同時支援縮放 4、支援預覽（按Esc鍵退出） 5、支援批量新增水印 6、支援拖拉：拖拉進入主介

B/S架構實現員工工資管理系統（含原始碼）

好久都沒有這麼累過了持續了大半個月的學期末階段就這樣結束了，期間經歷了一個禮拜左右的時間去完成資料庫課設，說是說資料庫課設，但給人的感覺其實就是一個完整的網站開發專案，開始理一理 題目：員工工資管理系統 軟體架構：B/S 開發環境：Win10+Ecli

wireshark外掛開發詳細流程（含原始碼）

相關學習資料 http://hi.baidu.com/hucyuansheng/item/bf2bfddefd1ee70ad68ed04d http://en.wikipedia.org/wiki/Instant_Messaging_and_Presence_Protocol https:/