微信公眾號訂閱通知

• • 準備工作：
  • 用戶訂閱：
  • 下發訂閱：
  • • • 注：

最近剛好需要做一個訂閱通知的方案，簡單的整理下做的步驟。

準備工作：

公眾號 功能-添加功能插件 找到并添加 訂閱通知

在 訂閱通知 中設置相應 類別(需管理員權限)、添加 模板

用戶訂閱：

官網：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#23

綁定域名，登錄微信公眾平臺進入 公眾號設置 的 功能設置 里填寫 JS接口安全域名

安裝微信官方 js-sdk：npm install weixin-js-sdk （官方使用說明 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html）
或者引入JS文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js

通過config接口注入權限驗證配置并申請所需開放標簽

import wx from 'weixin-js-sdk' function wxconfig (){let url = "/getJsSignature"; //后臺動態獲取config信息接口let param = {url : location.href //使用開放標簽頁面的完整url};$post(url, param, (res)=> { //post請求接口let data = res.valwx.config({debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。appId: data.appid, // 必填，開發者idtimestamp: data.timestamp, // 必填，生成簽名的時間戳(自定義)nonceStr: data.noncestr, // 必填，生成簽名的隨機字符串(自定義)signature: data.signature,// 必填，簽名（sha1簽名算法）jsApiList: [], // 必填，需要使用的JS接口列表openTagList: [ 'wx-open-subscribe'] // 必填，需要使用的JS接口列表,這里填的就是消息訂閱用到的開放標簽});}); }

PS:關于JS-SDK使用權限簽名算法
官網：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62
簽名算法校驗：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

//獲取access_token utils為自定義封裝方法 func GetAccessToken() (string) {appId := "xxxxxxxxxxxxxxx" //開發者idappSecret := "xxxxxxxxxxxxxxx" //開發者密碼url :=utils.S_SFT(`https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={0}&secret={1}`,appId,appSecret)result ,err :=utils.HttpGet(url) //http get請求獲取access_token 有效期2hutils.ThrowError(err)tmp :=utils.JsonForceMashMap(result) //將返回結果轉換為map類型return fmt.Sprint(tmp["access_token"]) } //獲取api_ticket func GetJsApiTicket() string {access_token := GetAccessToken()url :=utils.S_SFT(`https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={0}&type=jsapi`,access_token)result ,err :=utils.HttpGet(url)utils.ThrowError(err)tmp :=utils.JsonForceMashMap(result)return fmt.Sprint(tmp["ticket"]) } //獲取js簽名 func getJsSignature(param map[string]interface{}) (interface{}, int32){jsapi_ticket := GetJsApiTicket() //jsapi_ticket 有效期為2hnoncestr := string(utils.Krand(16,utils.KC_RAND_KIND_ALL)) //自定義隨機字符串timestamp := utils.Timestamp() //時間戳url := fmt.Sprint(param["url"]) //調用接口的頁面完整urlstring1 := utils.S_SFT(`jsapi_ticket={0}&noncestr={1}&timestamp={2}&url={3}`,jsapi_ticket,noncestr,timestamp,url) //拼接字符串 順序不能更改t := sha1.New()io.WriteString(t, data)signature := fmt.Sprintf("%x", t.Sum(nil))res := make(map[string]interface{})res["appid"] = _default.GetWeixinmp().AccessToken.AppIdres["signature"] = signatureres["noncestr"] = noncestrres["timestamp"] = timestampreturn res,0 }

也可以直接使用 github.com/sidbusy/weixinmp (go接口封裝包)

頁面中添加開放標簽wx-open-subscribe

<!--頁面 template:['w_A5DmhNEAPce3PDoaV1fVX0ptwNR0E9HspN95yb95Y','xxxxx'](多模板)--> <wx-open-subscribe :template="template" id="'subscribe-btn" @success="successSubscribe" @error="subErrorSubscribe"><script type="text/wxtag-template"><style><!--按鈕樣式-->.subscribe-btn{}</style><button class="subscribe-btn">訂閱+1</button></script> </wx-open-subscribe> <!--成功事件:包括確定、取消--> successSubscribe(e){let subscribeDetails = JSON.parse(e.detail.subscribeDetails)let status = JSON.parse(subscribeDetails[模板id]).statusif (status=='accept'){ //同意訂閱該模板}else if (status=='reject'){ //拒絕訂閱該模板} }, <!--錯誤事件--> subErrorSubscribe(e){let errMsg = e.detail.errMsg //錯誤提示let errCode = e.detail.errCode //錯誤碼console.log(errMsg,errCode ) },

---

下發訂閱：

官網：https://developers.weixin.qq.com/doc/offiaccount/Subscription_Messages/api.html#send%E5%8F%91%E9%80%81%E8%AE%A2%E9%98%85%E9%80%9A%E7%9F%A5 屬性類型必填說明

access_token	string	是	接口調用憑證
touser	string	是	接收者（用戶）的 openid
template_id	string	是	所需下發的訂閱模板id
page	string	否	跳轉網頁時填寫
miniprogram	Array.< Object >	否	跳轉小程序時填寫，格式如{ “appid”: “pagepath”: { “value”: any } }
data	Object	否	跳轉網頁時填寫

使用官網的請求參數請求地址即可
POST https://api.weixin.qq.com/cgi-bin/message/subscribe/bizsend?access_token=ACCESS_TOKEN

---

注：

一次性訂閱消息目前訂閱一次即可不限時長發送一次，可積累訂閱

公眾號H5中，一個開放標簽中至多可同時訂閱 5 條模板

點擊“記住選擇”后，怎么重新調起彈框是個問題？知道的小伙伴可以回復下謝謝

總結

以上是生活随笔為你收集整理的微信公众号订阅通知（go+vue）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。