0%

Line Chatbot - 使用Richmenu

Rich menu是Line官方帳號中常用到的功能
可以快速幫助使用者了解到官方帳號提供了哪些功能
這邊記錄了如何從無到有自己製作一個Rich menu

建立Richmenu

  1. 先準備好圖片,尺寸部分的話通常是2500*1686,我是使用Power Point來製作的
  2. 下載Line Bot Designer: https://developers.line.biz/en/services/bot-designer/
  3. 打開後可以建立圖文選單,直接在圖片上拖曳選擇定位

完成後可以看到右下角工具為我們產生的JSON,將他複製下來

  1. 使用API上傳Menu,這邊使用Postman來幫助我們完成上傳Rich menu

(1) 建立Rich menu

POST https://api.line.me/v2/bot/richmenu

Authorization的部分選擇Bearer Token,填入chatbot的Channel Access Token

另外body的部分選擇raw並貼上剛剛複製的JSON檔

最後應該會回傳一個richmMenuId,會長的向下面這樣,將他記下來:

1
2
3
{
"richMenuId": "richmenu-88c05ef6921ae53f8b58a25f3a65faf7"
}

(2) 上傳Rich menu的圖片

POST https://api-data.line.me/v2/bot/richmenu/<richMenuId>/content

Authorization的部分選擇Bearer Token,填入chatbot的Channel Access Token

Body則是選擇Binary,這次選擇上傳第一步我們準備的圖片

Response會長這樣

1
{}

(3) 設定預設menu

POST https://api.line.me/v2/bot/user/all/richmenu/<richMenuId>/

Authorization的部分選擇Bearer Token,填入chatbot的Channel Access Token

Body選擇none

Response會長這樣

1
{}

最後到Line查看

官方網站:Using rich menus