Line Rich Menu Switch Action

Line Rich Menu Switch Action 切換選單,自訂餐單/個人化的 Rich Menu💥

使用 postman 建立 line bot,可以在本站搜尋 line 相關教學 💥

登入

Login

選取已經建立好的 line bot

設計

準備至少兩款 Rich Menu,尺寸依照 line rich menu,大小隨意!
使用 photoshop 或著其他軟體!

line bot designer

line bot designer

richmenu

**範例**❗
選單 A,圖片大小 2500 X 1686

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
"size": {
"width": 2500,
"height": 1686
},
"selected": true,
"name": "richmenu-a",
"chatBarText": "Menu",
"areas": [
{
"bounds": {
"x": 1679,
"y": 858,
"width": 804,
"height": 813
},
"action": {
"type": "richmenuswitch",
"richMenuAliasId": "richmenu-b",
"data": "richmenu=b"
}
}
]
}

選單 B,圖片大小 2500 X 1686

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
"size": {
"width": 2500,
"height": 1686
},
"selected": true,
"name": "richmenu-b",
"chatBarText": "Menu",
"areas": [
{
"bounds": {
"x": 1679,
"y": 858,
"width": 804,
"height": 813
},
"action": {
"type": "richmenuswitch",
"richMenuAliasId": "richmenu-a",
"data": "richmenu=a"
}
}
]
}

alias

alias create

選單 A alias

1
2
3
4
{
"richMenuAliasId": "richmenu-a",
"richMenuId": "richmenu-1c802b0dfcd9....."
}

選單 B alias

1
2
3
4
{
"richMenuAliasId": "richmenu-b",
"richMenuId": "richmenu-2c802b0ddddf....."
}

alias list

查詢已建立成功 alias

1
https://api.line.me/v2/bot/richmenu/alias/list

alias delete

1
https://api.line.me/v2/bot/richmenu/alias/richmenu-alias-a

作者

Nigo Chen

發表於

2022-04-17

更新於

2022-04-17

許可協議

評論