iT邦幫忙

2021 iThome 鐵人賽

DAY 12
5
Modern Web

陪聊_伃時不候 Line Bot 聊天機器人系列 第 12

【Day 12】Rich Menu 主選單

我們拿 YouBike 微笑單車 官方帳號為例。
紅色框框我們都會稱作為「主選單」,很多官方帳號都有(基本上應該是標配了吧~)

所以我們也不例外,來試試看自己寫一個主選單吧~!

主選單 Rich Menu

也是廢話不多說,先送上官網傳送門

官網部分對 Rich Menu 主選單的解釋:

客製一個表單(或主選單)顯示在您的 Line 官方帳後聊天室版面。更多訊息請看Using rich menus

rich_menu.py

主選單建議在另一個 python 檔去撰寫執行,因為他並不是一個需要一直 call request 的東西。

步驟一

只要 import 兩個東西

import requests
import json

接著我們要使用好幾天以前的東西 token,我們需要 Channel access token (long-lived)

import requests
import json

LINE_CHANNEL_ACCESS_TOKEN = 'UmN0XsFJwcHP8lL7cPrvu30LXwqhMfni5+cTHdjrHKfOGW3DdgNh04ZmflN74CzwyhcRqiDCSzbnGDXhKxRwzXeYmO/1ELsnZFZnKJneME5cWq+hmbUjCongPvcsaSVOI1Ml6KfKoHybjIGM67pFXQdB04t89/1O/w1cDnyilFU='

token = LINE_CHANNEL_ACCESS_TOKEN

Authorization_token = "Bearer " + LINE_CHANNEL_ACCESS_TOKEN

headers = {"Authorization":Authorization_token, "Content-Type":"application/json"}

body = {
    "size": {"width": 2500, "height": 1686},
    "selected": "false",
    "name": "Menu",
    "chatBarText": "更多資訊",
    "areas":[
        {
          "bounds": {"x": 113, "y": 45, "width": 1036, "height": 762},
          "action": {"type": "message", "text": "身體資訊"}
        },
        {
          "bounds": {"x": 1321, "y": 45, "width": 1036, "height": 762},
          "action": {"type": "message", "text": "營養素"}
        },
        {
          "bounds": {"x": 113, "y": 910, "width": 1036, "height": 762},
          "action": {"type": "message", "text": "吃"}
        },
        {
          "bounds": {"x": 1321, "y": 910, "width": 1036, "height": 762},
          "action": {"type": "message", "text": "運動gogo"}
        }
    ]
  }

req = requests.request('POST', 'https://api.line.me/v2/bot/richmenu',
                       headers=headers,data=json.dumps(body).encode('utf-8'))

print(req.text)

我們此時 print 出來的值為:

D:\anaconda3\python.exe F:/AI/Line_Chatbot/django_chatbot/django_chatbot/rich_menu.py
{"richMenuId":"richmenu-一串數字"}

richmenu-一串數字
這是我們的 rich menu 的 ID,要記住!!

得到我們要的 ID 以後,上面 body 部分就不是重點,也只需要執行這一次。(註解掉註解掉)

步驟二

from linebot import (
    LineBotApi, WebhookHandler
)

line_bot_api = LineBotApi(token)
rich_menu_id = "Rich Menu ID" # 設定成我們的 Rich Menu ID

path = "path of your image" # 主選單的照片路徑

with open(path, 'rb') as f:
    line_bot_api.set_rich_menu_image(rich_menu_id, "image/png", f)

要注意,圖片也只要設定一次就好,要不然會出現 error

步驟三

req = requests.request('POST', 'https://api.line.me/v2/bot/user/all/richmenu/'+rich_menu_id,
                       headers=headers)
print(req.text)

rich_menu_list = line_bot_api.get_rich_menu_list()

把他家進我們的 chatbot 裡
print()出來的結果會是空的~是正常的。

跑完這一區以後,就可以執行了專案了!

可以看到主選單跑出來囉~~(灑花

小結

我們重新看一下程式碼

import requests
import json

# ====================================================
'''
這區不能刪掉
'''

token = 'mxJdY40QwXP/pQR6Vilr8J7fBdsLD9E6whHFlUL0Z+XC5BtQtRI1ZKBg/PTpnTYSINtaFnMEcwu7ZKnHjrFnI4mcRnHMr3bwpq9xuBruXPnQRktRkwtTZESrRieAmVW0Rn/NxuQfWNTaKwhxSfgXqgdB04t89/1O/w1cDnyilFU='

headers = {"Authorization":"Bearer mxJdY40QwXP/pQR6Vilr8J7fBdsLD9E6whHFlUL0Z+XC5BtQtRI1ZKBg/PTpnTYSINtaFnMEcwu7ZKnHjrFnI4mcRnHMr3bwpq9xuBruXPnQRktRkwtTZESrRieAmVW0Rn/NxuQfWNTaKwhxSfgXqgdB04t89/1O/w1cDnyilFU=" , "Content-Type":"application/json"}

# ====================================================
'''
Step 1 : 設定一次就可以註解掉了
'''

body = {
    "size": {"width": 2500, "height": 1686},
    "selected": "false",
    "name": "Menu",
    "chatBarText": "更多資訊",
    "areas":[
        {
          "bounds": {"x": 113, "y": 45, "width": 1036, "height": 762},
          "action": {"type": "message", "text": "身體資訊"}
        },
        {
          "bounds": {"x": 1321, "y": 45, "width": 1036, "height": 762},
          "action": {"type": "message", "text": "營養素"}
        },
        {
          "bounds": {"x": 113, "y": 910, "width": 1036, "height": 762},
          "action": {"type": "message", "text": "吃"}
        },
        {
          "bounds": {"x": 1321, "y": 910, "width": 1036, "height": 762},
          "action": {"type": "message", "text": "運動gogo"}
        }
    ]
  }

req = requests.request('POST', 'https://api.line.me/v2/bot/richmenu',
                       headers=headers,data=json.dumps(body).encode('utf-8'))

print(req.text)
# 在這裡要記起 rich_menu_id


# ====================================================
'''
Step 2 : import 要的東西
這段也不能刪掉
'''
from linebot import (
    LineBotApi, WebhookHandler
)

line_bot_api = LineBotApi(token)
rich_menu_id = 'rich_menu_id'

# ====================================================

"""
設定照片,只能直行過一次
"""
path = r'F:\AI\Line_Chatbot\NutritionBot\menu.jpg'

with open(path, 'rb') as f:
    line_bot_api.set_rich_menu_image(rich_menu_id, "image/png", f)
    
# ====================================================


req = requests.request('POST', 'https://api.line.me/v2/bot/user/all/richmenu/'+rich_menu_id,
                       headers=headers)
print(req.text)

rich_menu_list = line_bot_api.get_rich_menu_list()


# ====================================================
"""
上面要重新設定的話要把 ID 刪掉重來
"""

# line_bot_api.delete_rich_menu(rich_menu_id)

上一篇
【Day 11】Button Template 應用 part 2
下一篇
【Day 13】 淺談 OSM
系列文
陪聊_伃時不候 Line Bot 聊天機器人30

尚未有邦友留言

立即登入留言