Python 以 Streamlit 建立網頁資料分析應用程式教學與範例

介紹如何在 Python 中使用 Streamlit 快速建立互動式的網頁資料分析應用程式。

Streamlit 是一個 Python 的模組，可以快速將單純的資料分析 Python 程式包裝成一個互動式網頁應用程式。

安裝 Streamlit

Streamlit 可直接透過 pip 安裝：

# 安裝 Streamlit
sudo pip3 install streamlit

安裝完成後，查看：

# 查看 Streamlit 版本
streamlit version

Streamlit, version 0.70.0

若沒有出現錯誤訊息，就表示安裝完成了。

Hello World

Streamlit 本身就有內建一個 hello world 指令稿，安裝好 Streamlit 模組之後，就可以直接執行：

# 執行 Streamlit Hello World 應用程式
streamlit hello

  Welcome to Streamlit. Check out our demo in your browser.

  Network URL: http://192.168.1.2:8501
  External URL: http://12.34.56.78:8501

  Ready to create your own Python apps super quickly?
  Head over to https://docs.streamlit.io

  May you create awesome apps!

執行 Streamlit 的 hello world 指令稿之後，會顯示網頁應用程式的網址，以瀏覽器開啟該網址，即可看到網頁應用程式。

撰寫 Streamlit 應用程式

若要自行撰寫 Streamlit 應用程式，只要引入 streamlit 模組之後，即可透過該模組將普通的 Python 資料顯示於網頁中。

import streamlit as st
import pandas as pd

# 設定網頁標題
st.title('My App')

# 加入網頁文字內容
st.write("My first app")

# 加入 pandas 資料表格
st.write(pd.DataFrame({
    'first column': [1, 2, 3, 4],
    'second column': [10, 20, 30, 40]
}))

將這段 Python 指令稿儲存為 app.py 之後，以 streamlit 指令執行：

# 執行 Streamlit 應用程式
streamlit run app.py

一樣以瀏覽器開啟顯示的網址，即可看到應用程式的內容。

更改傾聽埠號

若希望更改 Streamlit 的傾聽埠（port），可以在執行時以 --server.port 參數指定埠號：

# 指定 Streamlit 的傾聽埠
streamlit run app.py --server.port 12345

其他可調整的參數可以使用 --help 參數查詢：

# 查詢可調整的參數
streamlit run --help

參考資料：Streamlit Documentation、datarevenue