iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 30
1
Modern Web

用Vue實作一個LINE@聊天機器人後台系列 第 30

[Day30] 根據設定的營業時間,切換機器人/一對一聊天模式

  • 分享至 

  • xImage
  •  
  • 當WebHook收到訊息時,進DB撈取營業時間資料,做出判斷
  • 判定是一對一聊天模式時,呼叫一對一聊天的Helper,並傳送通知
  • 判定是聊天機器人模式時,先跳出
    [現在非營業時間,營業時間為:XX:XX~XX:XX]
    並出現機器人選單如下:
    Imgur
{
 "type": "flex",
 "altText": "Flex Message",
 "contents": {
   "type": "bubble",
   "hero": {
     "type": "image",
     "url": "https://scdn.line-apps.com/n/channel_devcenter/img/fx/01_1_cafe.png",
     "size": "full",
     "aspectRatio": "20:13",
     "aspectMode": "cover",
     "action": {
       "type": "uri",
       "label": "Line",
       "uri": "https://linecorp.com/"
     }
   },
   "body": {
     "type": "box",
     "layout": "vertical",
     "contents": [
       {
         "type": "text",
         "text": "您好",
         "size": "xl",
         "weight": "bold"
       },
       {
         "type": "box",
         "layout": "vertical",
         "spacing": "sm",
         "margin": "lg",
         "contents": [
           {
             "type": "box",
             "layout": "baseline",
             "spacing": "sm",
             "contents": [
               {
                 "type": "text",
                 "text": "目前非客服營業時間,營業時間為:10:00~18:00",
                 "flex": 5,
                 "size": "sm",
                 "color": "#666666",
                 "wrap": true
               }
             ]
           }
         ]
       }
     ]
   },
   "footer": {
     "type": "box",
     "layout": "vertical",
     "flex": 0,
     "spacing": "sm",
     "contents": [
       {
         "type": "button",
         "action": {
           "type": "uri",
           "label": "我需要查詢訂單",
           "uri": "https://linecorp.com"
         },
         "height": "sm",
         "style": "link"
       },
       {
         "type": "button",
         "action": {
           "type": "uri",
           "label": "我有客訴問題",
           "uri": "https://linecorp.com"
         },
         "height": "sm",
         "style": "link"
       },
       {
         "type": "button",
         "action": {
           "type": "uri",
           "label": "查看推薦商品",
           "uri": "https://linecorp.com"
         }
       },
       {
         "type": "spacer",
         "size": "sm"
       }
     ]
   }
 }
}

上一篇
[Day29] 根據標籤發送訊息給特定使用者
系列文
用Vue實作一個LINE@聊天機器人後台30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
阿展展展
iT邦好手 1 級 ‧ 2020-02-06 09:38:02

恭喜完賽 /images/emoticon/emoticon42.gif

我要留言

立即登入留言