接著我們就要來介紹 FlexMessage ，可以將我們冷冰冰的文字轉換為有顏色、按鈕、圖片等等較為美觀的訊息，且可以增加與使用者之間的互動。

但是，要有美觀的訊息，我們就必須先自行設計一下訊息的樣式，而 Line 提供兩種方式來設計 FlexMessage 。

1. 透過 Line 官方提供的 FLEX MESSAGE SIMULATOR 在線上進行設計
2. 下載並安裝 Line 官方提供 LINE Bot Designer 在電腦進行設計

我因為不常去設計，因此我都是透過前者進行設計，不過要注意一下，網頁版的如果重新載入之前的設計就會不見，因此需要特別注意一下，不然辛苦設計的結果一下就不見了。

設計完成後我們需要先點選右上方的 View as JSON ，接著把出現的一堆東西複製並開個 Json 檔先儲存下來（Python 檔也可以啦，不過我嫌不好看）。

接著我們可以稍微改寫一下 TextMessage ，讓我們可以測試一下我們設計的結果，像這樣。

@handler.add(MessageEvent, message=(TextMessage))
def handle_message(event):
    with open("flex.json") as fp:
        line_bot_api.reply_message(
            event.reply_token,
            FlexSendMessage("Hello", contents=json.load(fp))
        )

如果中間沒意外的話，應該就可以成功看到我們漂亮的回覆訊息了。

那麼就先到這邊，明天會說明如何處理 FlexMessage 上面按鈕觸發後的回傳訊息。

大家掰~掰~