小程序进入客服消息中心业务(一)
生活随笔
收集整理的這篇文章主要介紹了
小程序进入客服消息中心业务(一)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
小程序進入客服消息中心業務(一)
1. 如何進入小程序客服消息中心
button按鈕進入小程序客服消息中心
<button open-type="contact">點擊按鈕至客服</button>2. 如何進入小程序客服中心后右下角顯示發送小程序
<button open-type="contact" bindcontact="pathNavFn" send-message-path="/pages/test/lang/lang?type=service" show-message-card="true" send-message-title="查看客服標題">點擊按鈕至客服</button>| open-type | string | 空 | 否 | 微信開放能力 |
| send-message-path | string | 當前分享路徑 | 否 | 會話內消息卡片點擊跳轉小程序路徑,open-type="contact"時有效,可以攜帶參數,參數格式和小程序內部跳轉一致 |
| send-message-title | string | 當前小程序卡片標題 | 否 | 會話內消息卡片標題,open-type="contact"時有效 |
| show-message-card | boolean | false | 否 | 是否顯示會話內消息卡片,設置此參數為 true,用戶進入客服會話會在右下角顯示"可能要發送的小程序"提示,用戶點擊后可以快速發送小程序消息,open-type="contact"時有效 |
3. 獲取用戶客服消息
獲取用戶客服消息官網鏈接
需要將 button 組件 open-type 的值設置為 contact,當用戶點擊后就會進入客服會話,如果用戶在會話中點擊了小程序消息,則會返回到小程序,開發者可以通過 bindcontact 事件回調獲取到用戶所點消息的頁面路徑 path 和對應的參數 query
代碼示例
<button open-type="contact" bindcontact="handleContact"></button> Page({handleContact (e) {console.log(e.detail.path)console.log(e.detail.query)} })后臺接入消息服務
用戶向小程序客服發送消息、或者進入會話等情況時,開發者填寫的服務器配置 URL (如果使用的是云開發,則是配置的云函數)將得到微信服務器推送過來的消息和事件,開發者可以依據自身業務邏輯進行響應。接入和使用方式請參考消息推送。
4. 服務端獲取用戶發送的小程序卡片消息
服務端接收消息和事件 官網鏈接
小程序卡片消息
- 用戶在客服會話中發送小程序卡片消息時將產生如下數據包:
XML格式
<xml><ToUserName><![CDATA[toUser]]></ToUserName><FromUserName><![CDATA[fromUser]]></FromUserName><CreateTime>1482048670</CreateTime><MsgType><![CDATA[miniprogrampage]]></MsgType><MsgId>1234567890123456</MsgId><Title><![CDATA[Title]]></Title><AppId><![CDATA[AppId]]></AppId><PagePath><![CDATA[PagePath]]></PagePath><ThumbUrl><![CDATA[ThumbUrl]]></ThumbUrl><ThumbMediaId><![CDATA[ThumbMediaId]]></ThumbMediaId> </xml>JSON 格式
{"ToUserName": "toUser","FromUserName": "fromUser","CreateTime": 1482048670,"MsgType": "miniprogrampage","MsgId": 1234567890123456,"Title":"title","AppId":"appid","PagePath":"path","ThumbUrl":"","ThumbMediaId":"" }參數說明
| ToUserName | 小程序原始ID |
| FromUserName | 發送者的openid |
| CreateTime | 消息創建時間(整型) |
| MsgType | miniprogrampage |
| MsgId | 消息id,64位整型 |
| Title | 標題 |
| AppId | 小程序appid |
| PagePath | 小程序頁面路徑 |
| ThumbUrl | 封面圖片的臨時cdn鏈接 |
| ThumbMediaId | 封面圖片的臨時素材id |
5. 小程序客服消息功能流程
Created with Rapha?l 2.2.0開始用戶點擊客服按鈕進入客服系統用戶點擊右下角發送小程序消息卡片客服服務端獲取該小程序卡片,并判斷卡片路徑以及參數,給用戶發送指定消息用戶根據指定消息進行下一步操作用戶點擊自己發送的小程序消息卡片 Yes or No?判斷小程序分享的路徑,并跳轉至該分享路徑提醒用戶結束yesno總結
以上是生活随笔為你收集整理的小程序进入客服消息中心业务(一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: VIM 打造 Java IDE 2
- 下一篇: excel把多个工作表合并怎么做?