Netlify를 통한 Ackee 프록시

Netlify를 통해 요청을 Ackee에 프록시하면 몇 가지 이점이 있습니다.

CORS 헤더를 구성할 필요가 없습니다. Ackee는 웹사이트와 다른 도메인에서 자체 호스팅되기 때문에 설치 중에 Ackee가 다른 도메인의 요청을 수락하도록 CORS 헤더를 구성하라는 메시지가 표시됩니다. 프록시 재작성을 사용하면 브라우저가 동일한 도메인을 통해 Ackee에 요청하므로 CORS 헤더 구성을 건너뛸 수 있습니다.

광고 차단기가 추적기를 감지하기 어렵게 만듭니다. 차단할 수 있는 키워드를 포함하지 않도록 추적기에 대한 경로를 다시 작성할 수 있습니다.

Netlify Redirects은 요청을 외부 서비스로 리디렉션할 수 있으며 이것이 프록시 재작성을 설정하는 방법입니다.

재작성 규칙 추가

Netlify 리디렉션 규칙은 _redirects라는 파일에 구성됩니다. 아직 없는 경우 파일을 만듭니다. 사용 규칙은 다음과 같습니다.

/script.js https://your-ackee-domain.com/tracker.js 200
/api https://your-ackee-domain.com/api 200

우리가 수행한 작업은 이러한 경로를 다른 도메인의 외부 경로로 프록시하는 것입니다.

https://yourdomain.com/script.js -> https://your-ackee-domain.com/tracker.js
https://yourdomain.com/api -> https://your-ackee-domain.com/api

스크립트 태그에서 경로 업데이트

새 경로를 참조하도록 Ackee 스크립트를 업데이트해야 합니다.

<script
  async
  src="/script.js"
  data-ackee-server="https://yourdomain.com"
  data-ackee-domain-id="0000-0000-0000-0000-0000"
></script>

변경 사항 확인

웹 사이트에서 /script.js 및 /api에 요청을 하고 상태 200으로 응답하는지 확인하여 프록시가 작동하는지 확인합니다.