๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ
๊ฒฝ๊ณ 

์ด ํŠœํ† ๋ฆฌ์–ผ์€ ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ธฐ์—ฌ๋กœ ์ž‘์„ฑ๋˜์—ˆ์œผ๋ฉฐ Open WebUI ํŒ€์˜ ๊ณต์‹ ์ง€์›์„ ๋ฐ›์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋Š” Open WebUI๋ฅผ ํŠน์ • ์‚ฌ์šฉ ์‚ฌ๋ก€์— ๋งž๊ฒŒ ์‚ฌ์šฉ์ž ์ •์˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์‹œ์—ฐํ•˜๊ธฐ ์œ„ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ธฐ์—ฌํ•˜๊ณ  ์‹ถ์œผ์‹ ๊ฐ€์š”? ๊ธฐ์—ฌ ํŠœํ† ๋ฆฌ์–ผ์„ ํ™•์ธํ•ด ๋ณด์„ธ์š”.

Open WebUI์— Helicone ํ†ตํ•ฉํ•˜๊ธฐ

Helicone์€ ๊ฐœ๋ฐœ์ž๊ฐ€ Open WebUI ๋ฐฐํฌ๋ฅผ ํฌํ•จํ•œ ํ”„๋กœ๋•์…˜ ์ค€๋น„ ์™„๋ฃŒ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋ชจ๋‹ˆํ„ฐ๋ง, ๋””๋ฒ„๊ทธ ๋ฐ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•˜๋Š” ์˜คํ”ˆ ์†Œ์Šค LLM ๊ด€์ธก ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.

Helicone์„ ํ™œ์„ฑํ™”ํ•˜๋ฉด LLM ์š”์ฒญ์„ ๊ธฐ๋กํ•˜๊ณ , ํ”„๋กฌํ”„ํŠธ๋ฅผ ํ‰๊ฐ€ํ•˜๊ณ  ์‹คํ—˜ํ•˜๋ฉฐ, ํ”„๋กœ๋•์…˜์œผ๋กœ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ž์‹  ์žˆ๊ฒŒ ํ‘ธ์‹œํ•  ์ˆ˜ ์žˆ๋„๋ก ์ฆ‰๊ฐ์ ์ธ ์ธ์‚ฌ์ดํŠธ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋ชจ๋ธ ์œ ํ˜• ๊ฐ„ ํ†ตํ•ฉ๋œ ๋ณด๊ธฐ๋กœ ์‹ค์‹œ๊ฐ„ ๋ชจ๋‹ˆํ„ฐ๋ง: ๋กœ์ปฌ Ollama ๋ชจ๋ธ๊ณผ ํด๋ผ์šฐ๋“œ API๋ฅผ ๋‹จ์ผ ์ธํ„ฐํŽ˜์ด์Šค์—์„œ ๋ชจ๋‹ˆํ„ฐ๋ง
  • ์š”์ฒญ ์‹œ๊ฐํ™” ๋ฐ ๋‹ค์‹œ ์‹คํ–‰: ๊ฐ ๋ชจ๋ธ์— ๋ณด๋‚ธ ํ”„๋กฌํ”„ํŠธ์™€ LLM์ด ์ƒ์„ฑํ•œ ์ถœ๋ ฅ์„ Open WebUI์—์„œ ์ •ํ™•ํžˆ ํ™•์ธ ๊ฐ€๋Šฅ
  • ๋กœ์ปฌ LLM ์„ฑ๋Šฅ ์ถ”์ : ์ž์ฒด ํ˜ธ์ŠคํŒ… ๋ชจ๋ธ์˜ ์‘๋‹ต ์‹œ๊ฐ„ ๋ฐ ์ฒ˜๋ฆฌ๋Ÿ‰ ์ธก์ •
  • ๋ชจ๋ธ๋ณ„ ์‚ฌ์šฉ ๋ถ„์„: Open WebUI ์„ค์ •์—์„œ ์„œ๋กœ ๋‹ค๋ฅธ ๋ชจ๋ธ ๊ฐ„ ์‚ฌ์šฉ ํŒจํ„ด ๋น„๊ต
  • ์‚ฌ์šฉ์ž ๋ถ„์„์œผ๋กœ ์ƒํ˜ธ์ž‘์šฉ ํŒจํ„ด ์ดํ•ด
  • ๋””๋ฒ„๊ทธ ๊ธฐ๋Šฅ์œผ๋กœ ๋ชจ๋ธ ์‘๋‹ต ๋ฌธ์ œ ํ•ด๊ฒฐ
  • ๋น„์šฉ ์ถ”์ ์œผ๋กœ ๊ณต๊ธ‰์ž๋ณ„ LLM ์‚ฌ์šฉ ๋น„์šฉ ๊ด€๋ฆฌ

OpenWebUI์— Helicone ํ†ตํ•ฉ ๋ฐฉ๋ฒ•โ€‹

1๋‹จ๊ณ„: Helicone ๊ณ„์ • ์ƒ์„ฑ ๋ฐ API ํ‚ค ์ƒ์„ฑโ€‹

Helicone ๊ณ„์ •์„ ์ƒ์„ฑํ•˜๊ณ  ๋กœ๊ทธ์ธํ•˜์—ฌ ์—ฌ๊ธฐ์—์„œ API ํ‚ค๋ฅผ ์ƒ์„ฑํ•˜์„ธ์š”.

โ€” ์“ฐ๊ธฐ ์ „์šฉ API ํ‚ค๋ฅผ ์ƒ์„ฑํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” Helicone์— ๋ฐ์ดํ„ฐ ๊ธฐ๋ก๋งŒ ํ—ˆ์šฉํ•˜๊ณ  ๊ฐœ์ธ ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ์ฝ๊ธฐ ์ ‘๊ทผ์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š์Œ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.

2๋‹จ๊ณ„: OpenAI ๊ณ„์ • ์ƒ์„ฑ ๋ฐ API ํ‚ค ์ƒ์„ฑโ€‹

OpenAI ๊ณ„์ •์„ ์ƒ์„ฑํ•˜๊ณ  OpenAIs Developer Portal์— ๋กœ๊ทธ์ธํ•˜์—ฌ API ํ‚ค๋ฅผ ์ƒ์„ฑํ•˜์„ธ์š”.

3๋‹จ๊ณ„: Helicone์˜ ๊ธฐ๋ณธ URL์„ ์‚ฌ์šฉํ•˜์—ฌ Open WebUI ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์‹คํ–‰โ€‹

์ฒซ ๋ฒˆ์งธ Open WebUI ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‹คํ–‰ํ•˜๋ ค๋ฉด Open WebUI ๋ฌธ์„œ์˜ ๋ช…๋ น์„ ์‚ฌ์šฉํ•˜๊ณ  Helicone์˜ API ๊ธฐ๋ณธ URL์„ ํฌํ•จํ•˜์‹ญ์‹œ์˜ค. ์ด๋ฅผ ํ†ตํ•ด ์ž๋™์œผ๋กœ ์งˆ์˜ํ•˜๊ณ  ๋ชจ๋‹ˆํ„ฐ๋งํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

   # ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ์„ค์ •ํ•˜์„ธ์š”
export HELICONE_API_KEY=<YOUR_API_KEY>
export OPENAI_API_KEY=<YOUR_OPENAI_API_KEY>

# Helicone ํ†ตํ•ฉ์œผ๋กœ Open WebUI ์‹คํ–‰
docker run -d -p 3000:8080 \
-e OPENAI_API_BASE_URL="https://oai.helicone.ai/v1/$HELICONE_API_KEY" \
-e OPENAI_API_KEY="$OPENAI_API_KEY" \
--name open-webui \
ghcr.io/open-webui/open-webui

์ด๋ฏธ Open WebUI ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋ฐฐํฌ๋œ ๊ฒฝ์šฐ, Admin Panel > Settings > Connections๋กœ ์ด๋™ํ•˜์—ฌ "Managing OpenAI API Connections"์˜ + ๊ธฐํ˜ธ๋ฅผ ํด๋ฆญํ•˜์„ธ์š”. ๋‹ค์Œ ์†์„ฑ์„ ์—…๋ฐ์ดํŠธํ•˜์„ธ์š”:

  • API Base URL์€ https://oai.helicone.ai/v1/<YOUR_HELICONE_API_KEY>๋กœ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
  • API KEY๋Š” OpenAI API ํ‚ค๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

Open WebUI Helicone Setup

4๋‹จ๊ณ„: ๋ชจ๋‹ˆํ„ฐ๋ง์ด ์ž‘๋™ํ•˜๋Š”์ง€ ํ™•์ธโ€‹

ํ†ตํ•ฉ์ด ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ž‘๋™ํ•˜๋Š”์ง€ ํ™•์ธํ•˜๋ ค๋ฉด Helicone์˜ ๋Œ€์‹œ๋ณด๋“œ์— ๋กœ๊ทธ์ธํ•˜์—ฌ "Requests" ํƒญ์„ ๊ฒ€ํ† ํ•˜์„ธ์š”.

Open WebUI ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ํ†ตํ•ด ์ˆ˜ํ–‰ํ•œ ์š”์ฒญ์ด ์ด๋ฏธ Helicone์— ๊ธฐ๋ก๋˜๊ณ  ์žˆ๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Example Helicone Trace

๋” ์•Œ์•„๋ณด๊ธฐโ€‹

Helicone์— ๋Œ€ํ•œ ํฌ๊ด„์ ์ธ ๊ฐ€์ด๋“œ๋Š” Helicone์˜ ๋ฌธ์„œ์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.