# 智慧家電快速入門：在 Glitch 上建立和部署您的 LINE Bot

### 第 1 部分：創建 Glitch 專案

1. **登錄 Glitch**：
- 打開 [Glitch.com](https://glitch.com/) 並使用您的帳戶登錄。如果您沒有帳戶，可以使用電子郵件、GitHub 或 Facebook 帳戶註冊。

2. **創建新專案**：
- 點擊 Glitch 首頁上的“New Project”按鈕。
- 選擇“hello-express”專案，這是一個基於 Node.js 的簡單 web 服務器模板，但我們會修改它使用 Flask。

3. **清理專案**：
- 刪除 `public` 和 `views` 資料夾，因為我們將創建一個 API 服務器而不是服務網頁。
- 刪除 `server.js` 檔案，我們將用 Python 檔案替代它。

### 第 2 部分：編寫 Flask 應用程式碼

1. **添加 Python 和 Flask**：
- 在 Glitch 專案中，創建一個名為 `requirements.txt` 的檔案，並添加以下內容以安裝 Flask 和 LINE Bot SDK：

     Flask==1.1.2
     line-bot-sdk==1.19.0

- 創建一個名為 `app.py` 的新 Python 檔案，並寫入以下 Flask 應用程式碼：

     from flask import Flask, request, abort
     from linebot import (
         LineBotApi, WebhookHandler
     )
     from linebot.exceptions import InvalidSignatureError
     from linebot.models import MessageEvent, TextMessage, TextSendMessage

     app = Flask(__name__)

     line_bot_api = LineBotApi('YOUR_CHANNEL_ACCESS_TOKEN')  # 替換為您的 Channel access token
     handler = WebhookHandler('YOUR_CHANNEL_SECRET')  # 替換為您的 Channel secret

     @app.route("/callback", methods=['POST'])
     def callback():
         # 獲取 X-Line-Signature header 值
         signature = request.headers['X-Line-Signature']

         # 獲取請求體
         body = request.get_data(as_text=True)
         app.logger.info("Request body: " + body)

         # 處理 webhook body
         try:
             handler.handle(body, signature)
         except InvalidSignatureError:
             abort(400)
         return 'OK'

     @handler.add(MessageEvent, message=TextMessage)
     def handle_message(event):
         # Echo the received message
         line_bot_api.reply_message(
             event.reply_token,
             TextSendMessage(text=event.message.text)
         )

     if __name__ == "__main__":
         app.run()

### 第 3 部分：配置環境變數

1. **設置 TOKEN 和 SECRET**：
- 在 Glitch 的 `.env` 檔案中設置 `YOUR_CHANNEL_ACCESS_TOKEN` 和 `YOUR_CHANNEL_SECRET` 環境變數：

     CHANNEL_ACCESS_TOKEN=your_line_channel_access_token
     CHANNEL_SECRET=your_line_channel_secret

### 第 4 部分：設置 LINE Webhook

1. **配置 Webhook URL**：
- 在 [LINE Developers Console](https://developers.line.biz/console/) 設置您的 Webhook URL。這應該是您 Glitch 專案的 URL 加上 `/callback` 路徑。

### 第 5 部分：測試您的 Bot

1. **發送消息測試**：
- 向您的 LINE Bot 發送消息，檢查是否能夠收到相同的回覆。

通過以上步驟，您可以創建一個完整的教程文檔或視頻，向用戶展示如何在 Glitch 上從頭到尾創建一個 LINE Bot。這將為初學者提供非常有價值的資源。