跳至內容

分享功能|透過 Flex 訊息分享多個訊息給好友

2026年10月1日 作者

應用案例 · 進階案例

分享功能|透過 Flex 訊息分享多個訊息給好友

除了一般既有的 Flex 樣本,如果想在 Flex 訊息外再多帶一些文字或圖片的話,可以閱讀這篇教學幫助你完成。

*這裡需要先完成 Flex 訊息分享流程設定,若是尚未完成請先參考 👉 分享功能|多內容好友分享 Flex 功能製作 這篇教學進行設定

整體流程架構如下:

分享功能|透過 Flex 訊息分享多個訊息給好友主要變更的部分為步驟2的 Flex Code 部分,其他內容的設定與過往操作 Flex 時一樣


STEP 1 編輯並複製 Flex 內容

分享功能|透過 Flex 訊息分享多個訊息給好友

編輯完 Flex 後加上你想要攜帶的文字訊息

分享功能|透過 Flex 訊息分享多個訊息給好友


點擊檢視 JSON

分享功能|透過 Flex 訊息分享多個訊息給好友


複製 JSON

分享功能|透過 Flex 訊息分享多個訊息給好友


STEP 2 將 Flex 訊息貼入對應的 Flex code 內

分享功能|透過 Flex 訊息分享多個訊息給好友

將複製好的 JSON 貼入節點內,留意首行的 tmp.data=[ 與末行的 ] 不要被蓋過

分享功能|透過 Flex 訊息分享多個訊息給好友


貼入完成後需將分享好友的網址修改為 tmp.shareHref

[使用的程式碼]

tmp.shareHref

分享功能|透過 Flex 訊息分享多個訊息給好友


STEP 3 新增程式碼

點擊第2行旁的箭頭將 STEP 2 貼上的 JSON 程式碼收攏

分享功能|透過 Flex 訊息分享多個訊息給好友


在最後一個 } 後加上 , 並貼上以下程式碼

[使用的程式碼]

{

type: "text",

text: "水豚太可愛了吧!",

}

*text 內的紅字可以依各自需求完成

分享功能|透過 Flex 訊息分享多個訊息給好友


STEP 4 儲存變更,服務上線

分享功能|透過 Flex 訊息分享多個訊息給好友