Line Messaging API - Flex Message 更好看的呈現方式

 參考文件

Sending Flex Messages (Line官方)

Flex Message elements(Line官方)

Flex Message layout(Line官方)

使用 2020 Flex Message 的 10 個新功能 – 讓您在 LINE 的訊息設計更有彈性

在 Flex Message之前已經有 Template的格式可以使用，但使用 Chrome Extension的 Line是無法顯示，所以開發的方式都是以 Text在回覆。

目的是為了想要讓原本用 Text方式輸出改為更美觀的呈現方式，因為 Text方式對於網址會直接帶出，變成文字都是一堆網址，改成 Flex後就像網頁呈現方式，這部份在手機版及 windows版的 Line程式可以支援，原本想說 Chrome Extension的 Line版本也可以顯示，但實作後發現一樣無法顯示，不過至少在手機版真的看起來不錯。

初學者可以直接先至 FLEX MESSAGE SIMULATOR (需要登入)上先看看現有的範本並試著調整想要的格式，如果參數或格式不正確，畫面會直接告訴你錯誤，沒有問題再轉換成你使用的開發語言，處理 json應該都有對應的 library可以使用，像我用 C#，使用的是 Newtonsoft Json.NET

相關分享文章

Line Bot 加入選單
使用 ASP.Net Core Web API 實作 Line Bot webhook callback 參考
Line Bot 分機及MVP查詢應用, 在iPhone上如何讓在 Line 訊息上可以點選簡碼撥打電話, calling link
🌟🌟🌟使用 ASP.Net Core Web API 開發 Line bot, messaging api可以顯示 emoji或 sticons的圖示 💗💗💗