Contentful 업데이트 시 Cloudflare API를 두드려 Cloudflare Pages 배포를 실행합니다.
소개
안녕하세요. 소용으로 잠시 집을 비우고 있으면 보관 기한이 하루가 지난 우편물의 부재표가....
보낸 사람으로 돌아 왔습니다. 필자입니다 ![:innocent:](https://s1.md5.ltd/image/819d7dbf43790b9bed2afa41a5509524.png)
그런데 아래 기사에서 개인 블로그의 호스팅 대상을 Netlify에서 Cloudflare Pages로 이사했습니다.
이에 따라 Contentful 갱신시에 배포할 수 없게 되어 버렸으므로, 그 설정을 했습니다!
도움이되면 다행입니다!
정책
Contentful Webhook에서 Cloudflare API를 배포하는 엔드포인트를 두드리십시오.
끝점은 여기입니다.
Contentful 업데이트 시 Cloudflare API를 두드려 Cloudflare Pages 배포를 실행합니다.
1. Cloudflare에서 필요한 값 얻기
Cloudflare API에서 배포할 엔드포인트를 두드리려면 다음 값이 필요합니다.
Contentful Webhook에서 Cloudflare API를 배포하는 엔드포인트를 두드리십시오.
끝점은 여기입니다.
Contentful 업데이트 시 Cloudflare API를 두드려 Cloudflare Pages 배포를 실행합니다.
1. Cloudflare에서 필요한 값 얻기
Cloudflare API에서 배포할 엔드포인트를 두드리려면 다음 값이 필요합니다.
1.1. 계정 ID 확인 방법
홈에서 대상 도메인 페이지로 이동.
![](https://s1.md5.ltd/image/e8ab4bd2f0030faae545b5abe0aca532.png)
전환 후 페이지의 오른쪽 사이드바에 있습니다.
![](https://s1.md5.ltd/image/c0505008358b8ca5e92ff07b7781a576.png)
1.2. 프로젝트 이름 확인 방법
홈에서 페이지로 이동.
![](https://s1.md5.ltd/image/830e3579ab0563d925394d0353216681.png)
배포할 프로젝트에 표시됩니다.
![](https://s1.md5.ltd/image/50d84d76b4d15014c0641494dee043a1.png)
1.3 등록 이메일 주소 확인 방법
계정 아이콘에 마우스를 올리면 확인할 수 있습니다.
![](https://s1.md5.ltd/image/c96893134f1e52fcaadc6cc9f158f8b2.png)
1.4. API 키 확인 방법
프로필 페이지로 이동합니다.
![](https://s1.md5.ltd/image/f3bd9d8c10ed1cf6aa09194cb58bdb1c.png)
API 토큰 탭으로 이동하여 Global API Key 표시를 눌러 암호 입력으로 볼 수 있습니다.
![](https://s1.md5.ltd/image/5dd6a212bdec51f3ce0514b9cf173b89.png)
2. Contentful에서 Webhook 설정 화면 열기
다음에서 설정을 할 수 있습니다.
![](https://s1.md5.ltd/image/3f371735c4e48f4e45728f745ef1e8ca.png)
이번에는 신규 작성합니다.
![](https://s1.md5.ltd/image/1eb5adcf18c52998940a335eeedac969.png)
3. Webhook 설정하기
설정 항목은 다음과 같습니다.
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에서 얻은 값을 사용합니다.
설정값 확인
전체적으로 보면 다음과 같은 느낌입니다.
숫자가 붙어 있는 곳이 앞서 Cloudflare에서 취득한 각 값의 번호와 연동하고 있습니다.
![](https://s1.md5.ltd/image/afdc4d9e542e770dbf6d84346a84ff93.png)
완료
그리고는 Contentful로 Entry를 갱신 등하면 Cloudflare Pages의 배포가 실행됩니다!
결론
안전하게 설정이 끝났습니다 ![:v:](https://s1.md5.ltd/image/dff970de5f1005ad4b624c8ea1483cab.png)
이제 편안한 Contentful 기사를 업데이트 할 수 있습니다 ![:ok_hand:](https://s1.md5.ltd/image/2eb3f952b0f66f95ff043f696ce95911.png)
Lighthouse와 같은 테스트를 원한다면 GitHub Actions에 전달하여 실행할 수 있습니다.
취향에 부디!
그럼!
Reference
이 문제에 관하여(Contentful 업데이트 시 Cloudflare API를 두드려 Cloudflare Pages 배포를 실행합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/akitkat/items/0ffb7a095c782bfe2ff6
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Contentful 업데이트 시 Cloudflare API를 두드려 Cloudflare Pages 배포를 실행합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/akitkat/items/0ffb7a095c782bfe2ff6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)