Gradio筆記1_不用碰到js,css也能藉由短短幾行python code產生網站介面

- 3月 08, 2025

pip install gradio

此時會自動安裝一堆的相依套件

預覽透過7860這個port開啟
http://127.0.0.1:7860

上述執行都是用直接python 去RUN的方式，當我們調整程式要Reload時候都要中斷再重新RUN十分麻煩。可以透過下gradio指令的方式來快速讓他讀取到存入的變更，並自動刷新網頁且不用中斷。

gradio my_gradio.py --demo-name=web_demo

gradio {你所指定的.py檔案名稱} --demo-name={你這邊要launch網站的變數別名}

當然假設今天想將demo網頁分享給其他人，也完全不需要花時間搞捨麼租用主機

跟架設虛擬主機等等步驟，只需要調整.launch()

括號後面參數設置為share=True即可分享跨網域給全世界，只要這隻應用仍然開著RUN的話。

測試程式碼

import gradio as gr

def greet(Name,is_morning,temperature):
    msg = "Good morning" if is_morning else "Good afternoon"
    greeting = f"{msg} {Name}. It is {temperature} 攝氏溫度."
    celsius = (temperature - 32) * 5 / 9
    return greeting,round(celsius,2)

#必要三個參數:輸入/輸出
web_demo = gr.Interface(fn=greet, # 指定function不指定就給None
                        inputs=["text","checkbox",gr.Slider(0,60)],
                        outputs=["text","number"],clear_btn=None,submit_btn="送出",
                        #theme="soft"
                        #theme="gradio/Glass"
                        theme="gradio/monochrome"
                        )
web_demo.launch(share=True)
#預設參數share=False,改True就可以跨網域分享給全世界