[DecoyDuck] React flow 노드 기반 API 테스트 시나리오 자동화 도구

안녕하세요.

백엔드 개발을 하던 중 API를 연속으로 호출해야 할 일이 생겼는데, 이 과정을 시각적으로 깔끔하게 확인하고 싶어 직접 도구를 만들게 되었습니다.

[링크] : https://decoyduck.rainshelter.net/

기능은 단순합니다.

캔버스 위에서 'Start' 노드를 시작으로 원하는 노드들을 드래그 앤 드롭하여 연결하면 하나의 '플로우'가 완성됩니다. 캔버스에는 여러 개의 플로우를 생성할 수 있어, 다양한 API 테스트 시나리오를 시각적으로 구성할 수 있습니다. 작성된 플로우는 일괄 실행하거나 개별적으로 단일 실행하여 원하는 테스트를 진행할 수 있습니다.

지원하는 네트워크 프로토콜은 RESTful과 WebSocket입니다.
변수를 생성해 API Body에 대입할 수 있으며, 응답 결과를 다시 다른 변수에 저장하는 것도 가능합니다.

생성된 변수는 캔버스 내에서 공유되므로, A 플로우에서 얻은 결과를 B 플로우에서 활용하는 등 유연한 연동이 가능합니다.

최대한 직관적이고 단순한 사용성을 목표로 개발했습니다.

기본적으로 웹 버전에서도 충분히 간단한 테스트가 가능합니다. 추가로 Windows 앱 버전도 출시했는데, 이는 주로 CORS 문제를 해결하고 HTTPS 및 WSS 환경을 지원하기 위해 만들게 되었습니다. (솔직히 말씀드리면, 커피 값이라도 조금 벌어보고 싶은 작은 욕심도 있었습니다..ㅎㅎ)

먼저 웹 버전을 사용해 보시고 정말 괜찮다, HTTPS와 WSS 지원도 필요하다! 하시면 아래의 MS 스토어 쿠폰을 활용해 앱 버전을 받아보시는 것도 좋을 것 같습니다!

MS 스토어 쿠폰 : TGFHQ-WG7KQ-2H4KT-7M3JH-CPTDZ