Content Menu

return New;

프로필사진
  • Write
  • Manage
  • 방명록

return New;

검색하기 폼
  • everything (36)
    • archive (3)
      • skin (3)
    • develop (16)
      • node (2)
      • react (11)
      • java (1)
      • db (1)
      • server (1)
      • media (0)
    • life (17)
      • 재테크 (11)
      • 국내 여행 (2)
      • 호캉스 (2)
      • 취미활동 (0)
      • 독후감 (1)
  • Visite

React 환경에 Dify 챗봇 임베디드하기 (ft. 컴포넌트로 만들기)

오늘은 Reactjs 환경에서 Dify 챗봇을 임베디드 하는 방법을 적어보겠다!나중에 기회가 되면 Dify 챗봇 만드는 방법도 올려볼까 한다. 일단 내가 원했던건 로그인 후 Dify 챗봇이 나오고, 챗봇에는 로그인한 사용자 정보가 전달되길 바랬다.(유동적으로 연동되야했다) 그래서 Dify 공식에서 알려준 방식을 활용해 컴포넌트화 했다.Dify 공식에서는 iframe 방식과 javascript 방식을 알려주는데,javascript을 index.html에 넣으면 유동적으로 사용자 정보를 못 갖고 오기 때문에, javascript 소스를 참고해서 조금 변형을 해줬다. 소스는 간단하다. 나는 DifyChatbot이란 이름으로 컴포넌트를 정의해줬고, 로그인 후 메인 페이지에 컴포넌트를 선언해줬다.import {u..

develop/react 2026. 1. 13. 23:45
« 1 »
«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

티스토리툴바