Update app.py

app.py

@@ -1,171 +1,209 @@
 import gradio as gr
-from groq import Groq
+import os
 from twilio.rest import Client
-import base64
-import io
-from PIL import Image
+import requests
+import json
 
-# Groq API 設定
-GROQ_API_KEY = "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"
+class APIManager:
+    def __init__(self):
+        self.twilio_client = None
+        self.groq_api_key = None
+        self.twilio_from_number = None
+        
+    def update_credentials(self, twilio_sid, twilio_token, twilio_from, groq_key):
+        """更新 API 憑證"""
+        try:
+            # 驗證 Twilio 憑證
+            if twilio_sid and twilio_token:
+                test_client = Client(twilio_sid, twilio_token)
+                # 簡單測試連接
+                test_client.api.accounts(twilio_sid).fetch()
+                self.twilio_client = test_client
+                self.twilio_from_number = twilio_from
+                
+            # 更新 GROQ API Key
+            if groq_key:
+                self.groq_api_key = groq_key
+                
+            return "✅ API 憑證更新成功！", gr.update(visible=True)
+        except Exception as e:
+            return f"❌ 憑證驗證失敗: {str(e)}", gr.update(visible=False)
 
-# Twilio 設定
-TWILIO_ACCOUNT_SID = "ACd7f840e0ea441d49885b4ab7a8828c46"
-TWILIO_AUTH_TOKEN = "b3f7af530024eb7bf68e3576f5fe3ad7"
-TWILIO_FROM_NUMBER = "+17623355728"
+# 創建 API 管理器實例
+api_manager = APIManager()
 
-def encode_image(image):
-    """將 PIL Image 轉換為 base64 編碼"""
-    buffered = io.BytesIO()
-    image.save(buffered, format="JPEG")
-    return base64.b64encode(buffered.getvalue()).decode("utf-8")
+def send_sms(to_number, message):
+    """發送 SMS 訊息"""
+    if not api_manager.twilio_client:
+        return "❌ 請先設定 Twilio 憑證"
+    
+    try:
+        message_obj = api_manager.twilio_client.messages.create(
+            body=message,
+            from_=api_manager.twilio_from_number,
+            to=to_number
+        )
+        return f"✅ SMS 發送成功！訊息 SID: {message_obj.sid}"
+    except Exception as e:
+        return f"❌ SMS 發送失敗: {str(e)}"
 
-def analyze_image(image):
-    """使用 Groq API 分析圖片內容"""
-    if image is None:
-        return "請上傳圖片"
+def call_groq_api(prompt, model="mixtral-8x7b-32768"):
+    """調用 GROQ API"""
+    if not api_manager.groq_api_key:
+        return "❌ 請先設定 GROQ API Key"
     
     try:
-        # 將圖片轉換為 base64
-        base64_image = encode_image(image)
-        
-        # 設定圖片內容
-        image_content = {
-            "type": "image_url",
-            "image_url": {"url": f"data:image/jpeg;base64,{base64_image}"}
+        headers = {
+            "Authorization": f"Bearer {api_manager.groq_api_key}",
+            "Content-Type": "application/json"
         }
         
-        # 初始化 Groq 客戶端
-        client = Groq(api_key=GROQ_API_KEY)
+        data = {
+            "messages": [
+                {"role": "user", "content": prompt}
+            ],
+            "model": model,
+            "max_tokens": 1000
+        }
         
-        # 發送請求
-        completion = client.chat.completions.create(
-            model="meta-llama/llama-4-scout-17b-16e-instruct",
-            messages=[{
-                "role": "user",
-                "content": [
-                    {
-                        "type": "text",
-                        "text": "解釋圖片的內容，10個字說明，使用繁體中文。"
-                    },
-                    image_content
-                ]
-            }],
-            temperature=1,
-            max_completion_tokens=512,
-            top_p=1,
-            stream=False,
-            stop=None,
+        response = requests.post(
+            "https://api.groq.com/openai/v1/chat/completions",
+            headers=headers,
+            json=data
         )
         
-        # 取出回應內容
-        content = completion.choices[0].message.content
-        return content
-        
+        if response.status_code == 200:
+            result = response.json()
+            return result["choices"][0]["message"]["content"]
+        else:
+            return f"❌ GROQ API 錯誤: {response.status_code} - {response.text}"
+            
     except Exception as e:
-        return f"圖片分析失敗: {str(e)}"
+        return f"❌ GROQ API 調用失敗: {str(e)}"
 
-def send_sms(phone_number, message_body):
-    """使用 Twilio 發送簡訊"""
-    if not phone_number or not message_body:
-        return "請輸入手機號碼和訊息內容"
-    
-    try:
-        # 初始化 Twilio 客戶端
-        client = Client(TWILIO_ACCOUNT_SID, TWILIO_AUTH_TOKEN)
+def create_gradio_interface():
+    with gr.Blocks(title="Dynamic API Configuration Demo", theme=gr.themes.Soft()) as demo:
+        
+        gr.Markdown("# 🔧 Dynamic API Configuration Demo")
+        gr.Markdown("### 動態設定 API 憑證，無需預先寫在程式中")
+        
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown("## 📱 API 設定")
+                
+                # API 憑證輸入區域
+                with gr.Group():
+                    gr.Markdown("### Twilio 設定")
+                    twilio_sid = gr.Textbox(
+                        label="TWILIO_ACCOUNT_SID",
+                        placeholder="輸入您的 Twilio Account SID",
+                        type="password"
+                    )
+                    twilio_token = gr.Textbox(
+                        label="TWILIO_AUTH_TOKEN", 
+                        placeholder="輸入您的 Twilio Auth Token",
+                        type="password"
+                    )
+                    twilio_from = gr.Textbox(
+                        label="TWILIO_FROM_NUMBER",
+                        placeholder="+1234567890",
+                        value=""
+                    )
+                
+                with gr.Group():
+                    gr.Markdown("### GROQ 設定")
+                    groq_key = gr.Textbox(
+                        label="GROQ_API_KEY",
+                        placeholder="輸入您的 GROQ API Key", 
+                        type="password"
+                    )
+                
+                # 更新憑證按鈕
+                update_btn = gr.Button("🔄 更新 API 憑證", variant="primary")
+                status_msg = gr.Textbox(label="狀態", interactive=False)
+            
+            with gr.Column(scale=2):
+                gr.Markdown("## 🚀 功能測試")
+                
+                # SMS 功能區域
+                with gr.Group(visible=False) as sms_group:
+                    gr.Markdown("### 📱 SMS 發送測試")
+                    sms_to = gr.Textbox(label="收件人號碼", placeholder="+886912345678")
+                    sms_message = gr.Textbox(
+                        label="訊息內容", 
+                        placeholder="輸入要發送的訊息",
+                        lines=3
+                    )
+                    sms_btn = gr.Button("發送 SMS", variant="secondary")
+                    sms_result = gr.Textbox(label="SMS 結果", interactive=False)
+                
+                # GROQ 功能區域  
+                with gr.Group(visible=False) as groq_group:
+                    gr.Markdown("### 🤖 GROQ AI 測試")
+                    groq_prompt = gr.Textbox(
+                        label="提示詞",
+                        placeholder="輸入您想要詢問 AI 的問題",
+                        lines=3
+                    )
+                    groq_model = gr.Dropdown(
+                        choices=[
+                            "mixtral-8x7b-32768",
+                            "llama2-70b-4096", 
+                            "gemma-7b-it"
+                        ],
+                        value="mixtral-8x7b-32768",
+                        label="選擇模型"
+                    )
+                    groq_btn = gr.Button("調用 GROQ API", variant="secondary")
+                    groq_result = gr.Textbox(
+                        label="AI 回應", 
+                        lines=10,
+                        interactive=False
+                    )
         
-        # 發送簡訊
-        message = client.messages.create(
-            from_=TWILIO_FROM_NUMBER,
-            to=phone_number,
-            body=message_body
+        # 事件處理
+        update_btn.click(
+            fn=api_manager.update_credentials,
+            inputs=[twilio_sid, twilio_token, twilio_from, groq_key],
+            outputs=[status_msg, sms_group, groq_group]
         )
         
-        return f"簡訊發送成功！訊息 SID: {message.sid}"
+        sms_btn.click(
+            fn=send_sms,
+            inputs=[sms_to, sms_message],
+            outputs=[sms_result]
+        )
         
-    except Exception as e:
-        return f"簡訊發送失敗: {str(e)}"
-
-def process_image_and_send_sms(image, phone_number, custom_message):
-    """處理圖片分析並發送簡訊的主要函數"""
-    # 分析圖片
-    analysis_result = analyze_image(image)
-    
-    # 準備簡訊內容
-    if custom_message.strip():
-        # 如果使用者有輸入自訂訊息，使用自訂訊息
-        sms_body = custom_message
-    else:
-        # 如果沒有自訂訊息，使用圖片分析結果
-        sms_body = f"圖片分析結果: {analysis_result}"
-    
-    # 發送簡訊
-    sms_result = send_sms(phone_number, sms_body)
-    
-    return analysis_result, sms_result, sms_body
-
-# 建立 Gradio 介面
-with gr.Blocks(title="圖片分析與簡訊發送系統") as demo:
-    gr.Markdown("# 圖片分析與簡訊發送系統")
-    gr.Markdown("上傳圖片進行 AI 分析，並可選擇性發送分析結果或自訂訊息到指定手機號碼")
-    
-    with gr.Row():
-        with gr.Column():
-            # 輸入區域
-            image_input = gr.Image(
-                type="pil", 
-                label="上傳圖片",
-                height=300
-            )
-            phone_input = gr.Textbox(
-                label="手機號碼", 
-                placeholder="例如: +886919017732",
-                value="+886919017732"
-            )
-            custom_message_input = gr.Textbox(
-                label="自訂訊息內容 (選填)", 
-                placeholder="如果留空，將使用圖片分析結果作為簡訊內容",
-                lines=3
-            )
+        groq_btn.click(
+            fn=call_groq_api,
+            inputs=[groq_prompt, groq_model],
+            outputs=[groq_result]
+        )
+        
+        # 示例說明
+        with gr.Row():
+            gr.Markdown("""
+            ## 📝 使用說明
             
-        with gr.Column():
-            # 輸出區域
-            analysis_output = gr.Textbox(
-                label="圖片分析結果", 
-                interactive=False,
-                lines=3
-            )
-            sms_result_output = gr.Textbox(
-                label="簡訊發送結果", 
-                interactive=False,
-                lines=2
-            )
-            actual_message_output = gr.Textbox(
-                label="實際發送的訊息內容", 
-                interactive=False,
-                lines=3
-            )
-    
-    with gr.Row():
-        analyze_btn = gr.Button("僅分析圖片", variant="secondary")
-        send_sms_btn = gr.Button("分析圖片並發送簡訊", variant="primary")
-    
-    # 事件處理
-    analyze_btn.click(
-        fn=analyze_image,
-        inputs=[image_input],
-        outputs=[analysis_output]
-    )
+            1. **設定 API 憑證**: 在左側輸入您的 API 憑證
+            2. **點擊更新**: 系統會驗證憑證的有效性
+            3. **測試功能**: 憑證驗證通過後，右側功能區域會顯示
+            4. **安全提醒**: 所有憑證僅在當前會話中使用，不會被儲存
+            
+            ### 🔒 安全特性
+            - 密碼欄位隱藏輸入內容
+            - 憑證僅存於記憶體中
+            - 不會記錄或儲存敏感資訊
+            - 每次重新載入需重新輸入
+            """)
     
-    send_sms_btn.click(
-        fn=process_image_and_send_sms,
-        inputs=[image_input, phone_input, custom_message_input],
-        outputs=[analysis_output, sms_result_output, actual_message_output]
-    )
+    return demo
 
-# 啟動應用
+# 啟動應用程式
 if __name__ == "__main__":
-    demo.launch(
-        share=True,  # 設為 True 可獲得公開分享連結
-        server_name="0.0.0.0",  # 允許外部訪問
-        server_port=7860  # 指定端口
+    app = create_gradio_interface()
+    app.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        share=False
     )