├── .gitignore ├── assets └── thumbnail.png ├── .gitmodules ├── LICENSE └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/thumbnail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/teddynote-lab/dify-langgraph-client-examples/HEAD/assets/thumbnail.png -------------------------------------------------------------------------------- /.gitmodules: -------------------------------------------------------------------------------- 1 | [submodule "langgraph-platform-webapp"] 2 | path = langgraph-platform-webapp 3 | url = https://github.com/teddynote-lab/langgraph-platform-webapp 4 | branch = main 5 | [submodule "dify-embedding-usecase"] 6 | path = dify-embedding-usecase 7 | url = https://github.com/teddynote-lab/dify-embedding-usecase 8 | branch = main 9 | [submodule "dify-streamlit-usecase"] 10 | path = dify-streamlit-usecase 11 | url = https://github.com/teddynote-lab/dify-streamlit-usecase 12 | branch = main 13 | [submodule "dify-webapp-conversation"] 14 | path = dify-webapp-conversation 15 | url = https://github.com/teddynote-lab/dify-webapp-conversation.git 16 | branch = main 17 | [submodule "dify-langgraph-discord-bot"] 18 | path = dify-langgraph-discord-bot 19 | url = https://github.com/teddynote-lab/dify-langgraph-discord-bot.git 20 | branch = main 21 | [submodule "dify-langgraph-teams-bot"] 22 | path = dify-langgraph-teams-bot 23 | url = https://github.com/teddynote-lab/dify-langgraph-teams-bot.git 24 | branch = main -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | # MIT License 2 | 3 | Copyright (c) 2025 TeddyNote 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![](./assets/thumbnail.png) 2 | 3 | Dify와 LangGraph API를 활용한 AI 앱 배포를 위한 클라이언트 예시를 소개합니다. 4 | 5 | ## Dify 6 | 7 | ### 1. 단일 페이지 웹 앱으로 배포 8 | 9 | Dify 콘솔에서 바로 싱글 페이지 웹 앱을 내보낼 수 있습니다. 10 | 11 | - 좌측 상단 로고, 봇 이미지, 색상 테마 커스터마이징 가능 12 | - Powered By Dify 워터마크 포함 13 | 14 | ### 2. [웹사이트 내부에 삽입 (Embed)](https://github.com/teddynote-lab/dify-embedding-usecase) 15 | 16 | Dify에서 제작한 채팅 앱은 웹사이트에 삽입이 가능합니다. 17 | (단, 워크플로우 앱은 임베드 옵션이 제공되지 않습니다) 18 | 19 | - 단일 페이지 웹 앱이 iframe으로 웹사이트에 포함됩니다. 20 | 21 | ### 3. [StreamLit 앱으로 제작](https://github.com/teddynote-lab/dify-streamlit-usecase) 22 | 23 | Dify API를 이용하여 StreamLit 앱을 제작할 수 있습니다. 24 | StreamLit을 이용한 앱 제작에 익숙하신 분이라면 사용해볼 만 합니다. 25 | 26 | ### 4. [프론트엔드 템플릿 사용](https://github.com/teddynote-lab/dify-webapp-conversation.git) 27 | 28 | Dify API를 활용한 공식 프론트엔드 템플릿이 존재합니다. 29 | Chat / Workflow 두 종류인데 현재 Chat 만 업데이트가 되고 있습니다. 30 | 31 | - Next.js 프로젝트 기반 32 | - 프론트엔드 지식이 필요하지만, 간단한 수정으로 배포 가능한 포크 버전을 제공 33 | 34 | ### 5. AI 클라이언트 사용하기 35 | 36 | #### OpenWebUI 37 | 38 | OpenWebUI는 Pipeline을 통해 Dify와 연동이 가능합니다. 39 | [예시 코드](https://github.com/teddylee777/dify-openwebui)와 주주총회 영상을 참고해주세요. 40 | 41 | #### [TeddyFlow](https://teddyflow.com) 42 | 43 | - 100% 노코드로 AI 기능 사용 가능 44 | - B2B SaaS 사내 [AI 어드민 / AI 생산성] 플랫폼 45 | - 현재 베타 서비스 중 (2025년 상반기 내 기능 추가 예정) 46 | - 애널리틱스 47 | - 앱별/사용자별 사용량 확인 및 제한 기능 48 | - 자주 사용되는 키워드 등 사용 데이터 요약 기능 49 | - 팀 워크스페이스 50 | - 팀 내 앱 공유 기능 51 | - 협업 툴 통합 52 | - Dify, LangGraph 앱을 노코드로 Teams 등 협업툴에 통합 53 | - 온프레미스 설치 옵션 제공 54 | 55 | ### 6. 협업 툴에 통합 56 | 57 | Discord, Teams, Slack 등 대부분의 협업 툴에 API를 이용하여 통합 가능합니다. 58 | [Discord](https://github.com/teddynote-lab/dify-langgraph-discord-bot)와 [Teams](https://github.com/teddynote-lab/dify-langgraph-teams-bot) 예시 코드를 제공합니다. 59 | 60 | ## LangGraph Platform 61 | 62 | ### 1. 프론트엔드 템플릿 사용 63 | 64 | [LangGraph 공식 프론트엔드 템플릿](https://github.com/langchain-ai/agent-chat-ui)을 사용할 수 있습니다. 65 | 66 | - InputState에 messages를 가진 Graph와 통합 가능 67 | - 프론트엔드 지식 없이도 간단한 수정으로 배포 가능한 [포크 버전](https://github.com/teddynote-lab/langgraph-platform-webapp) 제공 68 | 69 | ### 2. AI 클라이언트 사용하기 70 | 71 | #### OpenWebUI 72 | 73 | OpenWebUI는 Pipeline(Python Code)을 통해 LangGraph 코드를 직접 연결할 수 있습니다. 74 | [예시 코드](https://github.com/casedone/langgraph-agent-openwebui-demo)와 [예시 영상](https://www.youtube.com/live/4fg0KGmSjv8)을 참고해보세요. 75 | 76 | #### TeddyFlow 77 | 78 | 노코드로 연동 가능 79 | 공식 프론트엔드 템플릿 내장 80 | 81 | ### 3. 협업 툴에 통합 82 | 83 | Discord, Teams, Slack 등 대부분의 협업 툴에 API를 이용하여 통합 가능합니다. 84 | [Discord](https://github.com/teddynote-lab/dify-langgraph-discord-bot)와 [Teams](https://github.com/teddynote-lab/dify-langgraph-teams-bot) 예시 코드를 제공합니다. 85 | 86 | ## License 87 | 88 | [MIT LICENSE](LICENSE.md) 89 | 90 | ## Contributing 91 | 92 | 기여는 언제나 환영합니다! 이슈 등록이나 풀 리퀘스트를 통해 프로젝트에 참여해 주세요. :) 93 | --------------------------------------------------------------------------------