【實戰教程】小程式客服訊息的自動回覆

知曉雲發表於2019-01-29

在上次推送完「卡券核銷訊息推送」的教程後,我們決定再多出點教程。

此次教程將再次帶領大家體驗「訊息推送」,實現另一個「微信訊息推送」的觸發器,關於自動回覆小程式客服訊息的。

詳細步驟如下:

  1. 開通知曉雲訊息推送,並開通小程式訊息推送功能,將知曉雲訊息推送配置同步到小程式
  2. 建立 sendCustomMsg 觸發器,觸發器型別為“微信訊息推送”,動作型別為雲函式
  3. 建立 sendCustomMsg 雲函式

總體流程如下流程圖:

【實戰教程】小程式客服訊息的自動回覆

開通訊息推送

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

【實戰教程】小程式客服訊息的自動回覆
【實戰教程】小程式客服訊息的自動回覆
開通之後需要將訊息推送的相關配置項配置到小程式或者公眾號後臺。由於此次我們要實現的是小程式的客服訊息回覆,所以需要在知曉雲的小程式後臺開通訊息推送(設定->開發設定->訊息推送 )並完成相關配置的填寫。
【實戰教程】小程式客服訊息的自動回覆
▲ 知曉雲配置項

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

【實戰教程】小程式客服訊息的自動回覆
▲ 小程式訊息推送配置項

建立觸發器

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

【實戰教程】小程式客服訊息的自動回覆
如上圖點選所示確定即可,雲函式的程式碼等會再寫,先回到本小節的重點上來。我們需要(通過控制檯 引擎 -> 觸發器 -> 新增)建立一個觸發器,這個觸發器將幫助我們在設定好的條件被觸發的情況下執行 sendCustomMsg 雲函式來實現使用者訊息的自動回覆。
【實戰教程】小程式客服訊息的自動回覆
第一步,配置觸發器。記得觸發型別一定要選擇「微信訊息推送」。
【實戰教程】小程式客服訊息的自動回覆
第二步,設定觸發條件。這一步需要填寫小程式的 appID (小程式 appID 可以在微信小程式後臺獲取) ,其他部分的設定如下圖。
【實戰教程】小程式客服訊息的自動回覆
第三步,設定動作。按照下圖所示配置後點選完成即可成功建立「微信訊息推送」觸發器。
【實戰教程】小程式客服訊息的自動回覆

編輯雲函式

回到我們剛才建立的雲函式(名為 sendCustomMsg 的空的雲函式), 本次教程中作為示例的雲函式程式碼寫的比較簡單,只是將使用者傳送的內容以原樣再發回給使用者。

程式碼裡用到了給使用者回覆訊息的小程式客服訊息介面,該介面需要的 access_token 和 open_id 可以分別從雲函式的 API和 雲函式的引數 event.data.FromUserName 獲取。(標出的兩個文件地址見留言區) 全部程式碼如下:

【實戰教程】小程式客服訊息的自動回覆

測試

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

【實戰教程】小程式客服訊息的自動回覆


本文首發於「知曉雲」公眾號:mp.weixin.qq.com/s/VZifMRzcg…

如果你還想了解 更多小程式開發技巧,快速掌握小程式開發能力。

歡迎掃描下方二維碼關注「知曉雲」,我們會持續為更新與小程式有關的實戰教程哦~

【實戰教程】小程式客服訊息的自動回覆

相關文章