Line Bot Carousel 輪播

更新於 發佈於 閱讀時間約 1 分鐘

這次我們來試試 Line Message Api 裏的Carousle 吧。

Carousel 輪播,一次最可以輪播十組信息。

如果是這樣,其實可以把第一組信息當成上一頁,第十組信息當成下一頁,就可以播出數不盡的信息了。不過,這個不在這篇文章的討論範圍。

最重要的,是要有一個陣列,要存十個物件。

以下的mediagroup 就是一個陣列,一開始先開一個空陣列,再把串接API回來的資料逐一放到陣列裏。

raw-image


而下面的程式,就是上面的botlib.line_reply_carouselmessage()

raw-image

其實和一般回傳信息一樣,只是這次塞了一個十個物件的陣列到payload 裏。

實作Line Bot 在這,只要對它下 "領養十隻寵物",就會出現輪播信息哦。




留言
avatar-img
留言分享你的想法!
avatar-img
bot.學習.人的沙龍
1會員
46內容數
2025/03/01
如果在一個群組裏,大家講不同的語言怎麼辦呢? 「bot.學習.人」因為工作的需要,團隊裏有外國人,為了避免大家溝通有困難,也免去了時時要線上翻譯,所以作了一個在群組裏自動翻譯的機器人。用到的是Google 提供的免費服務哦。 如果您有使用google app script,下面這一行就可以有
2025/03/01
如果在一個群組裏,大家講不同的語言怎麼辦呢? 「bot.學習.人」因為工作的需要,團隊裏有外國人,為了避免大家溝通有困難,也免去了時時要線上翻譯,所以作了一個在群組裏自動翻譯的機器人。用到的是Google 提供的免費服務哦。 如果您有使用google app script,下面這一行就可以有
2025/02/28
如果您要管理telegram 社群,那您需要一個群管機器人,群管機器人可以把您設定歡迎信息,和初入群的群友打招呼,做基本的驗證,並且說明群規。 今天,「bot.學習.人」就說明一下如何用GroupHelp群管機器人 一、把群管機器人加到您的群 二、把它變成群管理員 三、變成群管理員之後,
Thumbnail
2025/02/28
如果您要管理telegram 社群,那您需要一個群管機器人,群管機器人可以把您設定歡迎信息,和初入群的群友打招呼,做基本的驗證,並且說明群規。 今天,「bot.學習.人」就說明一下如何用GroupHelp群管機器人 一、把群管機器人加到您的群 二、把它變成群管理員 三、變成群管理員之後,
Thumbnail
2024/12/23
保險保障和銀行存款那裏不同呢?或許最大的不同,就是這句「平時注入一滴水,難時擁有太平洋」吧。
Thumbnail
2024/12/23
保險保障和銀行存款那裏不同呢?或許最大的不同,就是這句「平時注入一滴水,難時擁有太平洋」吧。
Thumbnail
看更多
你可能也想看
Thumbnail
本文介紹如何使用 Line Message API 中的 Carousel 功能來顯示最多十組信息,並提供實作示例。首先,我們需要創建一個陣列來儲存這些信息,然後使用特定的程式碼將其嵌入到回應中,實現互動式輪播消息。最後,示範如何向 Line Bot 發送指令以觸發這些輪播信息的顯示。
Thumbnail
本文介紹如何使用 Line Message API 中的 Carousel 功能來顯示最多十組信息,並提供實作示例。首先,我們需要創建一個陣列來儲存這些信息,然後使用特定的程式碼將其嵌入到回應中,實現互動式輪播消息。最後,示範如何向 Line Bot 發送指令以觸發這些輪播信息的顯示。
Thumbnail
這篇內容,將會講解什麼是陣列,以及與陣列相關的知識。包括陣列的簡介、陣列的資料限制、陣列的維度、一維陣列、二維陣列。
Thumbnail
這篇內容,將會講解什麼是陣列,以及與陣列相關的知識。包括陣列的簡介、陣列的資料限制、陣列的維度、一維陣列、二維陣列。
Thumbnail
設計程式來讀取欲傳送訊息之參數txt檔案,再利用程式自動傳出訊息至LINE群組。能簡易使用於任何場合。
Thumbnail
設計程式來讀取欲傳送訊息之參數txt檔案,再利用程式自動傳出訊息至LINE群組。能簡易使用於任何場合。
Thumbnail
欲傳送之內容,由使用者輸入於文字檔內,執行本執行檔後,指定之LINE群組全員,將會收到推播訊息
Thumbnail
欲傳送之內容,由使用者輸入於文字檔內,執行本執行檔後,指定之LINE群組全員,將會收到推播訊息
Thumbnail
上回說明的手動下指令,傳出訊息。為了節省手動輸入之動作,將欲執行的curl指令內容,事先作成執行檔。當需要傳送訊息時,只要按兩下執行檔,便可立刻傳出訊息至LINE群組內之全員 2. 說明 2.1 因每次要傳送內容不同,將這些會變動的訊息資料,輸入後保存 於bat執行檔內
Thumbnail
上回說明的手動下指令,傳出訊息。為了節省手動輸入之動作,將欲執行的curl指令內容,事先作成執行檔。當需要傳送訊息時,只要按兩下執行檔,便可立刻傳出訊息至LINE群組內之全員 2. 說明 2.1 因每次要傳送內容不同,將這些會變動的訊息資料,輸入後保存 於bat執行檔內
Thumbnail
本篇文章雖然是Line機器人操作教學,但如何申請機器人請自己去搜尋一下,創建也自己創一下,有很多篇手把手教學 目標想達到的效果 Line機器人收到圖片後將圖片上傳至imgur雲端空間,回傳使用者圖片url 閱讀前需具備知識 Line機器人創建設置 Nodejs與express基礎配置 @line/b
Thumbnail
本篇文章雖然是Line機器人操作教學,但如何申請機器人請自己去搜尋一下,創建也自己創一下,有很多篇手把手教學 目標想達到的效果 Line機器人收到圖片後將圖片上傳至imgur雲端空間,回傳使用者圖片url 閱讀前需具備知識 Line機器人創建設置 Nodejs與express基礎配置 @line/b
Thumbnail
第一個實戰,我們就先從如何連接自己的網站開始,當我們輸入「部落格」時,機器人就會輸出一個表格,只要點選「馬上觀看」,我們就可以直接連接到自己的部落格,此功能其實也可以運用在連接粉專或是其他想要觀看的網站唷!! Flex Message 實際製作教學 選擇模板 更改圖片 修改內容物 修改底部box
Thumbnail
第一個實戰,我們就先從如何連接自己的網站開始,當我們輸入「部落格」時,機器人就會輸出一個表格,只要點選「馬上觀看」,我們就可以直接連接到自己的部落格,此功能其實也可以運用在連接粉專或是其他想要觀看的網站唷!! Flex Message 實際製作教學 選擇模板 更改圖片 修改內容物 修改底部box
Thumbnail
還記得之前介紹我的LINE Bot中第一個功能嗎?沒錯,就是部落格的選單,這選單看起來是不是比較華麗一點,但其實製作上相當簡單就可以完成,要如何製作就是我們今天要教的「客製化選單」
Thumbnail
還記得之前介紹我的LINE Bot中第一個功能嗎?沒錯,就是部落格的選單,這選單看起來是不是比較華麗一點,但其實製作上相當簡單就可以完成,要如何製作就是我們今天要教的「客製化選單」
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News