Real-Time Market AnalyticsClickHouse Workshops

07 สร้างแดชบอร์ดแบบเรียลไทม์บนข้อมูลของคุณ

รันแดชบอร์ดในคอนเทนเนอร์บนแล็ปท็อปของคุณโดยคิวรีเซอร์วิส ClickHouse Cloud ของคุณเอง แล้วดูเวลาคิวรีและจำนวนแถวที่สแกนเปลี่ยนไปเมื่อคุณกรองข้อมูล

อยาก สัมผัส ความเร็วไหม? ลองรันแดชบอร์ดเล็ก ๆ บนแล็ปท็อปของคุณเองที่คิวรีตาราง forex ในเซอร์วิส ClickHouse Cloud ของคุณ มันวาดกราฟแท่งเทียนและกราฟปริมาณแบบอินเทอร์แอกทีฟ และ ทุกครั้งที่คุณเปลี่ยนตัวกรอง มันจะแสดง เวลาคิวรีของ ClickHouse และจำนวนแถวที่ถูก สแกน — โดยปกติแค่ไม่กี่มิลลิวินาที นี่คือประเด็นทั้งหมด: เปลี่ยนคู่สกุลเงิน ลากช่วงวันที่ แล้วข้อมูลกลับมาทันที

ทำไมต้องใช้ Docker?

แอปรันอยู่ใน Docker container ที่มี Python เวอร์ชันตรึงไว้ของตัวเอง จึงไม่สำคัญว่าคุณ ติดตั้ง Python ตัวไหนไว้ — หรือมีไหม คุณต้องมีแค่ Docker

ขั้นที่ 1 — ติดตั้ง Docker

ถ้ายังไม่มี ให้ติดตั้ง Docker Desktop แล้วเปิดใช้งาน มันมีคำสั่ง docker compose ที่คุณจะใช้ด้านล่างมาให้ด้วย ตรวจดูว่ามันรันอยู่:

docker --version

ขั้นที่ 2 — โคลน repo

โคลน repository ของเวิร์กช็อปแล้วเข้าไปในโฟลเดอร์ dashboard:

git clone https://github.com/ClickHouse/ClickHouse_Demos.git
cd ClickHouse_Demos
cd "$(git rev-parse --show-toplevel)/workshop_public/RTA-mini-workshop/dashboard"

ขั้นที่ 3 — ใส่รายละเอียดการเชื่อมต่อของคุณ

คัดลอกเทมเพลตไปเป็นไฟล์ .env จริง แล้วเปิดด้วยเท็กซ์เอดิเตอร์ตัวไหนก็ได้เพื่อกรอกรายละเอียด ของเซอร์วิส ของคุณ:

cp .env.example .env
# now edit .env and fill in the values below

หาค่าเหล่านี้ได้ในคอนโซล Cloud ใต้ Connect (เมนูซ้าย) → HTTPS:

ตัวแปรค่าที่ต้องใส่
CLICKHOUSE_HOSTเช่น abc123.ap-southeast-1.aws.clickhouse.cloud — ไม่ต้องมี https:// และ ไม่ต้องมี พอร์ต
CLICKHOUSE_PORT8443
CLICKHOUSE_USERdefault
CLICKHOUSE_PASSWORDรหัสผ่านที่คุณตั้งไว้ตอนสร้างเซอร์วิส
CLICKHOUSE_DATABASEฐานข้อมูลที่มี forex อยู่ (ปกติคือ default)
CLICKHOUSE_SECUREtrue

ขั้นที่ 4 — รันมัน

บิลด์และสตาร์ตคอนเทนเนอร์ การรันครั้งแรกจะดาวน์โหลด base image และติดตั้ง dependency (หนึ่งถึงสองนาที) หลังจากนั้นจะทันทีเลย

docker compose up --build

เมื่อคุณเห็นว่ามันฟังอยู่ที่พอร์ต 8000 ให้เปิด http://localhost:8000 ใน เบราว์เซอร์ของคุณ หยุดมันภายหลังด้วย Ctrl-C

สิ่งที่ควรลอง

สลับ คู่สกุลเงิน ลาก ช่วงวันที่ หรือกดปุ่ม quick range — การเปลี่ยนแต่ละครั้ง จะคิวรี ClickHouse ใหม่ และป้ายที่มุมขวาบนจะแสดง เวลาคิวรี และ จำนวนแถวที่สแกน ค่าใหม่ ลองบีบช่วงให้เหลือคู่สกุลเงินเดียวแล้วดูมันลดลงเหลือไม่กี่พันแถวและ ไม่กี่มิลลิวินาที — sort key ทำงานอยู่ เหมือนกับใน โมดูล 4.7 เลย

ไม่เห็นข้อมูล?

แบนเนอร์สีแดงหมายความว่าแอปเข้าถึง ClickHouse ไม่ได้ ตรวจค่าใน .env อีกครั้ง — โฮสต์ที่ไม่มี https:// และไม่มีพอร์ต พอร์ต 8443 — และตรวจให้แน่ใจว่าตาราง forex ของคุณโหลดข้อมูลแล้ว บันทึกการตั้งค่าฉบับเต็มและการแก้ปัญหาอยู่ใน README.md ของ dashboard

ในหน้านี้

Track your progress?

Optional. We email a link to confirm your address; progress records once you open it.

Please use your work email address, not a personal one.

Progress tracking also requires accepting the current Terms of Service in Privacy settings.

TH