웹훅 사용하고 테스트해보기

📌개요

전자서명을 하는 과정에서 웹훅 통신이 필요해서 테스트가 필요했다. 웹훅이라는 것이 외부 서비스에서 우리 서비스로 HTTP요청을 보낼수 있는 것인데 어떻게 테스트를 하는지 알아보자.

---

📌requestbin 으로 웹훅 테스트해보기

1. requestbin 사이트 접속

https://pipedream.com/

Connect APIs, Remarkably Fast - Pipedream

2. 오른쪽 상단의 (new+) 버튼 클릭

3.http/webhook 선택

4. 자신에게 맞는 Requests 선택

5. save and continue

6. 웹훅 설정 완료됨

7. 외부서비스에는 requestbin의 select event단계에서 생성한 unique url을 넣어주고 포스트맨에서 웹훅 요청해봄

- requestbin

- 웹훅url입력할 서비스

- 프론트에서 웹훅 요청 코드

// 웹훅
  const webHookHandler = async () => {

    await fetch(`https://eopyf6ayngck6du.m.pipedream.net`, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({}),
    })
      .then(async (req, res) => {
        // const responseData = await res.json();
        console.log(res)
        // console.log(responseData)

        if (res.ok) {
          console.log('통과')
          return
        } else {
          alert('실패');
        }
      })
  };

  useEffect(() => {
    webHookHandler();
  }, []);

8. 결과 

결과는 서비스에서 설정한 이벤트가 발생할때마다 웹훅호출이된다. 이벤트가 발생하면 requestbin에서는 new event 라고 띄워주는데 원하는 이벤트를 클릭하면 어떤 결과가 발생했는지 친절히 알려준다.