소개

안녕하세요. 소용으로 잠시 집을 비우고 있으면 보관 기한이 하루가 지난 우편물의 부재표가....
보낸 사람으로 돌아 왔습니다. 필자입니다

그런데 아래 기사에서 개인 블로그의 호스팅 대상을 Netlify에서 Cloudflare Pages로 이사했습니다.

이에 따라 Contentful 갱신시에 배포할 수 없게 되어 버렸으므로, 그 설정을 했습니다!
도움이되면 다행입니다!

정책

Contentful Webhook에서 Cloudflare API를 배포하는 엔드포인트를 두드리십시오.
끝점은 여기입니다.

Contentful 업데이트 시 Cloudflare API를 두드려 Cloudflare Pages 배포를 실행합니다.

1. Cloudflare에서 필요한 값 얻기

Cloudflare API에서 배포할 엔드포인트를 두드리려면 다음 값이 필요합니다.

계정 ID

프로젝트 이름

등록 이메일 주소

API 키

1.1. 계정 ID 확인 방법

홈에서 대상 도메인 페이지로 이동.



전환 후 페이지의 오른쪽 사이드바에 있습니다.

1.2. 프로젝트 이름 확인 방법

홈에서 페이지로 이동.



배포할 프로젝트에 표시됩니다.

1.3 등록 이메일 주소 확인 방법

계정 아이콘에 마우스를 올리면 확인할 수 있습니다.

1.4. API 키 확인 방법

프로필 페이지로 이동합니다.



API 토큰 탭으로 이동하여 Global API Key 표시를 눌러 암호 입력으로 볼 수 있습니다.

2. Contentful에서 Webhook 설정 화면 열기

다음에서 설정을 할 수 있습니다.



이번에는 신규 작성합니다.

3. Webhook 설정하기

설정 항목은 다음과 같습니다.

Name

URL(POST)

Triggers

Headers

3.1. 이름

임의의 값으로 설정하십시오.

3.2. URL

Cloudflare API의 엔드포인트를 설정합니다.

Cloudflare에서 가져온 계정 ID와 프로젝트 이름을 URL에 채워 URL을 생성합니다.

https://api.cloudflare.com/client/v4/accounts/CF_ACCOUNT_ID/pages/projects/CF_PROJECT_NAME/deployments

3.3 Triggers

원하는 트리거를 설정합니다.
자신은 Entry의 Publish와 Unpublish와 Delete뿐입니다.

3.4. Headers

다음 두 가지를 설정합니다.
둘 다 이전에 Cloudflare에서 얻은 값을 사용합니다.

X-Auth-Email

X-Auth-Key

설정값 확인

전체적으로 보면 다음과 같은 느낌입니다.
숫자가 붙어 있는 곳이 앞서 Cloudflare에서 취득한 각 값의 번호와 연동하고 있습니다.

완료

그리고는 Contentful로 Entry를 갱신 등하면 Cloudflare Pages의 배포가 실행됩니다!

결론

안전하게 설정이 끝났습니다
이제 편안한 Contentful 기사를 업데이트 할 수 있습니다

Lighthouse와 같은 테스트를 원한다면 GitHub Actions에 전달하여 실행할 수 있습니다.

취향에 부디!
그럼!