在上次推送完「卡券核銷訊息推送」的教程後,我們決定再多出點教程。
此次教程將再次帶領大家體驗「訊息推送」,實現另一個「微信訊息推送」的觸發器,關於自動回覆小程式客服訊息的。
詳細步驟如下:
- 開通知曉雲訊息推送,並開通小程式訊息推送功能,將知曉雲訊息推送配置同步到小程式
- 建立 sendCustomMsg 觸發器,觸發器型別為“微信訊息推送”,動作型別為雲函式
- 建立 sendCustomMsg 雲函式
總體流程如下流程圖:

開通訊息推送
進入知曉雲,選擇 控制檯 -> 設定 -> 小程式 ,拉到最底找到「訊息推送」,點選「立即開通」,即可開通訊息推送功能。



配置項填寫完成後還需要將訊息推送的相關配置同步到微信小程式後臺,兩部分內容均填寫完成後微信訊息推送型別的觸發器才可以正常使用。

建立觸發器
由於該步驟中在建立觸發器時的動作型別需要選擇「雲函式」,且需要選定對應的雲函式 js 檔案,所以我們需要在建立觸發器前先建立(在控制檯點選 引擎 -> 雲函式 -> 新增)一個空的雲函式,以便順利執行後續步驟。 現在我們建立一個名為 sendCustomMsg 的雲函式:





編輯雲函式
回到我們剛才建立的雲函式(名為 sendCustomMsg 的空的雲函式), 本次教程中作為示例的雲函式程式碼寫的比較簡單,只是將使用者傳送的內容以原樣再發回給使用者。
程式碼裡用到了給使用者回覆訊息的小程式客服訊息介面
,該介面需要的 access_token 和 open_id 可以分別從雲函式的 API
和 雲函式的引數 event.data.FromUserName 獲取。(標出的兩個文件
地址見留言區)
全部程式碼如下:

測試
最後我們可以通過小程式客服按鈕(contact-button)進入到客服對話方塊進行測試。在下圖中可以看到,我們傳送什麼給客服,客服都會按原樣發回給我們。這意味著,我們的想要的功能實現了 :)

本文首發於「知曉雲」公眾號:mp.weixin.qq.com/s/VZifMRzcg…
如果你還想了解 更多小程式開發技巧,快速掌握小程式開發能力。
歡迎掃描下方二維碼關注「知曉雲」,我們會持續為更新與小程式有關的實戰教程哦~
