Python+LINE Bot 輕鬆打造股市機器人(八) : LINE Bot基本功能- 客製化選單

更新 發佈閱讀 4 分鐘

還記得之前介紹我的LINE Bot中第一個功能嗎?沒錯,就是部落格的選單,這選單看起來是不是比較華麗一點,但其實製作上相當簡單就可以完成,要如何製作就是我們今天要教的「客製化選單」,如果還沒看過介紹的可以看《Python+LINE Bot 輕鬆打造股市機器人(一) : 介紹我的LINE Bot

Flex Message

今天我們要用來自製客製化選單的就是「Flex Message」這個網站,這是LINE Developers中的一個功能,對於不會寫程式的人也能輕鬆的上手,而要使用時記得登錄自己的LINE才能用唷!!

raw-image

首先,先點選右上角的「Showcase」,能讓你選擇想要的模板

raw-image

先選一個跟你要製作的功能類似的模板下去修改,這樣才能夠事半功倍

raw-image

選好模板後,你可能會看到中間一堆英文,可能不知道哪個是對應哪個區塊對吧,沒關係,LINE其實很貼心,你只要將游標移置對應的英文上,像我移到紅框中的box,左邊的圖示就會在相對應的地方顯示暗灰色,你便能馬上知道要修改的位置為何

raw-image

而當你點選要修改的地方後,右半邊將會出現可以修改的東西,像是可修改例如顏色、大小、位置、超連結等等

raw-image

大致說明一下常用的區塊

  • hero適用於上方圖片下方區塊的模板,其主要是上方圖片區要選放圖片(image)
  • body為下方區塊區,存放box區塊的地方
  • footer為最下方,通常是選放按鍵等功能
  • text為存放文字
  • icon為存放圖片
  • button為按鈕,主要是存放超連結

平常比較常用到的功能大概就是這些,但可能還是有些功能沒介紹到,這就只能大家自己好好摸索了

raw-image

在中間的上方會有一些功能可以使用,像是複製、剪下、貼上、復原跟刪除等功能,大家都可以自行摸索看看

raw-image

當製作好以後,點選右上角的「</> View as JSON

raw-image

就會跳出我們製作的程式碼,接著只要將其複製起來

raw-image

接著將我複製的JSON程式碼貼到我們程式碼的主程式區塊中的contents中,這樣就大功告成拉

# 基本上程式編輯都在這個function
@handler.add(MessageEvent, message=TextMessage)
def handle_message(event):
  essage = text = event.message.text
  if re.match('部落格',message):
    # Flex Message Simulator:https://developers.line.biz/console/fx/
    flex_message = FlexSendMessage(
      alt_text='部落格',
      contents={…} #JSON程式碼貼在這裡
    )
    line_bot_api.reply_message(event.reply_token, flex_message)
  else:
    line_bot_api.reply_message(event.reply_token, TextSendMessage(message))

總結

我的部落格選單究竟是怎麼做出來的,我們將於之後實戰篇中教給大家,或是大家可以自行摸索要如何自製,也不一定要用在部落格選單,也可以運用在其他很多地方,讓你的LINE Bot更加繽紛有活力吧!!

不知道怎麼佈署LINE Bot的人可以參考《Python+LINE Bot 輕鬆打造股市機器人(三) : Python與LINE Bot串接測試

留言
avatar-img
陳式語言の投資之道
192會員
59內容數
我出生於財務金融與資訊背景,滿20歲便開始踏入股市。從當初對股市一無所知的菜鳥,到現在成為一名專注於AI股市研究的分析師,這是我的成長歷程。   我崇尚彼得·林區所強調的理念,認為在生活和工作中觀察,從周遭環境中挑選出適合投資的股票,並搭配近期快速崛起的程式交易、大數據分析等AI技術,立志打造輕鬆又便利的投資之路。
2022/12/03
在上一篇教學中,我們學會了如何創建簡易且免費的資料庫,而本篇我們就來學習如何利用python與SQL進行結合,並將資訊傳遞到LINE BOT之中,我們將以簡單的股票追蹤清單作為教學,如果還沒看過上一篇如何安裝SQL Server 2019 免費開發版的人記得先去安裝唷!!
Thumbnail
2022/12/03
在上一篇教學中,我們學會了如何創建簡易且免費的資料庫,而本篇我們就來學習如何利用python與SQL進行結合,並將資訊傳遞到LINE BOT之中,我們將以簡單的股票追蹤清單作為教學,如果還沒看過上一篇如何安裝SQL Server 2019 免費開發版的人記得先去安裝唷!!
Thumbnail
2022/11/05
當我們抓取了相當多的網站資料,這些來自不同網站的資料總不可能全都匯集成一張Excel吧,因此通常在寫程式的使用者,都需要一個可以存放資料,並進行串聯的資料庫(SQL),因此我們今天就來教大家如何安裝使用免費的資料庫吧!!
Thumbnail
2022/11/05
當我們抓取了相當多的網站資料,這些來自不同網站的資料總不可能全都匯集成一張Excel吧,因此通常在寫程式的使用者,都需要一個可以存放資料,並進行串聯的資料庫(SQL),因此我們今天就來教大家如何安裝使用免費的資料庫吧!!
Thumbnail
2022/10/15
每個人都有自己檢視個股好壞的方式,但總是希望每次在查詢時,如果能一鍵就檢視完成那該有多好。今天我們就來學習如何製作一份地雷股檢視圖,學會後就能夠如法炮製,製作自己的一鍵檢視清單,不用再上網依靠其他網站手動檢查,可以省下一大段時間,又能及時了解要投資的個股好壞,以便能適時做出買賣決策
Thumbnail
2022/10/15
每個人都有自己檢視個股好壞的方式,但總是希望每次在查詢時,如果能一鍵就檢視完成那該有多好。今天我們就來學習如何製作一份地雷股檢視圖,學會後就能夠如法炮製,製作自己的一鍵檢視清單,不用再上網依靠其他網站手動檢查,可以省下一大段時間,又能及時了解要投資的個股好壞,以便能適時做出買賣決策
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
設計程式來讀取欲傳送訊息之參數txt檔案,再利用程式自動傳出訊息至LINE群組。能簡易使用於任何場合。
Thumbnail
設計程式來讀取欲傳送訊息之參數txt檔案,再利用程式自動傳出訊息至LINE群組。能簡易使用於任何場合。
Thumbnail
在上一篇教學中,我們學會了如何創建簡易且免費的資料庫,而本篇我們就來學習如何利用python與SQL進行結合,並將資訊傳遞到LINE BOT之中,我們將以簡單的股票追蹤清單作為教學,如果還沒看過上一篇如何安裝SQL Server 2019 免費開發版的人記得先去安裝唷!!
Thumbnail
在上一篇教學中,我們學會了如何創建簡易且免費的資料庫,而本篇我們就來學習如何利用python與SQL進行結合,並將資訊傳遞到LINE BOT之中,我們將以簡單的股票追蹤清單作為教學,如果還沒看過上一篇如何安裝SQL Server 2019 免費開發版的人記得先去安裝唷!!
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中第一個功能嗎?沒錯,就是部落格的選單,這選單看起來是不是比較華麗一點,但其實製作上相當簡單就可以完成,要如何製作就是我們今天要教的「客製化選單」
Thumbnail
在前幾篇基本教學中,我們想要LINE Bot回覆某個功能時,都必須要自行手動輸入特定關鍵字,但有時候我們卻希望輸入指令後,LINE Bot回覆的是「選單」功能,可以讓我們進行多樣化的選擇,不需要每個指令都手動輸入,可以讓操作上更加便利
Thumbnail
在前幾篇基本教學中,我們想要LINE Bot回覆某個功能時,都必須要自行手動輸入特定關鍵字,但有時候我們卻希望輸入指令後,LINE Bot回覆的是「選單」功能,可以讓我們進行多樣化的選擇,不需要每個指令都手動輸入,可以讓操作上更加便利
Thumbnail
在上一篇文章中,我們已經準備好製作LINE機器人的工具了,接下來我們就要來做一個最簡單的Python與LINE的串接練習,讓我們的機器人活起來,並且做出最基本的回話功能,如果還沒準備好串接所需的工具,記得先去看《【python】Python+LINE Bot 輕鬆打造股市機器人(二) : 所需準備的
Thumbnail
在上一篇文章中,我們已經準備好製作LINE機器人的工具了,接下來我們就要來做一個最簡單的Python與LINE的串接練習,讓我們的機器人活起來,並且做出最基本的回話功能,如果還沒準備好串接所需的工具,記得先去看《【python】Python+LINE Bot 輕鬆打造股市機器人(二) : 所需準備的
Thumbnail
在我們正式開始Python串接LINE Bot的教程之前,有必要先為大家準備好所需的工具。實際上,製作LINE Bot的工具有很多選擇,我將會介紹我在製作過程中所使用的具體工具有哪些,以及如何進行事前的準備工作。讓我們一起走進這個有趣的製作過程吧!
Thumbnail
在我們正式開始Python串接LINE Bot的教程之前,有必要先為大家準備好所需的工具。實際上,製作LINE Bot的工具有很多選擇,我將會介紹我在製作過程中所使用的具體工具有哪些,以及如何進行事前的準備工作。讓我們一起走進這個有趣的製作過程吧!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
Thumbnail
 🤣Line Bot 建置過程~三分鐘打造完成~😆    在服用進行時,請先完成前置作業 申請好line帳號、google帳號 然後再到 1.Line developers: https://developers.line.biz/console/     2.google excel:
Thumbnail
 🤣Line Bot 建置過程~三分鐘打造完成~😆    在服用進行時,請先完成前置作業 申請好line帳號、google帳號 然後再到 1.Line developers: https://developers.line.biz/console/     2.google excel:
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News