Vercel의 Deploy Hook은 매우 편리합니다.

먼저

이번에는 넥스트.어느 시점에 js에서 제작한 기술 블로그를 만들고 싶어서 그 기능을 실시합니다.
그 시점에 Zenn의 기사를 관리하는 창고가 업데이트되면
나는 그곳에 다시 한 번 건설해서 보도를 갱신하고 싶다.
왜 그랬을까? 다음 기술 블로그는 젠의 글을 관리하는 창고에서 데이터를 얻어 만든 것이기 때문에 젠에게 투고하면 재건을 통해 추가 보도를 원한다.
Next.js로 제작된 기술 블로그
대학생입니다.
그것을 실현하기 위해서는 Vercel의 Deploy Hook을 사용하여 간단하게 실현할 수 있다.
이것은 매우 편리합니다. 만약에 이것을 사용한다면 코드를 한 줄 쓰지 않고 당신이 원하는 기능을 실현할 수 있기 때문에 제가 소개하고 싶습니다.
Deploy Hooks - Vercel Documentation
이 기능을 사용하면 Vercel에서 생성한 URL에 Post 통신을 전송하여 재구성할 수 있습니다.

디플로이 훅 만들기.

먼저 Vercel에서 포스트 트래픽을 수행하고 재구성할 항목으로 이동합니다.
git 페이지로 이동합니다.
자기가 했으니까 위에 뜨는데 안 하면 아무것도 안 뜨는 것 같아.
이름 (임의의 hook의 이름) 과 구축된 지점을 지정합니다.프로젝트와 합작하는 정식 환경을 구축하기를 원하기 때문에main을 입력하세요.

생성된 후https://api.vercel.com/v1/integrations/deploy/QmcwKGEbAyFtfybXBxvuSjFT54dc5dRLmAYNB5jxxXsbeZ/hUg65Lj4CV 이런 느낌의 URL이 생성됐기 때문에curl 등으로 포스트 통신을 하면 구축이 시작된다.또한 /deploy/ 이후의 랜덤 문자열은 다른 사람에게 전달되면 누구나 만들 수 있기 때문에 비밀번호처럼 처리해야 한다.
아래를 실행하면 재건이 있을 겁니다.

curl -X POST 生成したURL

이 URL을 GiitHub을 관리하는 Zenn의 창고로 설정한 웹훅스를 통해 창고의 업데이트가 들어올 때마다 Vercel에 포스트 통신을 투입해 구축해 기사를 업데이트한다.

GiitHub 웹hooks 설정

Vercel function으로 GiitHub 창고에서 Qita의 기사를 자동으로 투고·업데이트할 수 있는 API를 만들어 보았다.
위 페이지에 Payload URL이 설정되어 있으므로 이번에 생성된 URL로 설정할 수 있습니다.

최후

이번에는 코드를 쓰지 않아도 기능을 추가할 수 있다. 매우 간단하다. 웹 훅을 사용하면 이렇게 간단하게 외부 서비스의 기능을 결합할 수 있어 매우 편리하다.
보도에 대한 평론 등
🕊:
📺:
📸:
👨🏻‍💻: Github
😥: Stackoverflow
하지만 접수는어디야?