Github API 로 버전 리로드 하기

//checkVersionAndReload.ts // 아래의 환경변수는 깃 액션을 실행할 때 넣어줍니다. const { GH_TOKEN, DEPLOY_ENV } = import.meta.env ?? {}; const checkVersionAndReload = () => { const targetDeployEnvs = ['프로덕션환경', '테스트1환경', '테스트2환경']; // 프로덕션, 테스트1환경, 테스트2환경. 총 3가지의 배포 환경이 있다고 하면, // 해당하는 환경이 버전 리로드가 필요한 환경인지 먼저 확인합니다. const isProperDeployEnv = targetDeployEnvs.includes(DEPLOY_ENV); if (!!GH_TOKEN && isProperDeployEnv) { // 여기서 cdn 을 사용하여 octokit(client github api) 를 불러옵니다. // 모듈을 설치하지 않고 사용할 수 있기에 부담이 없지요. // ref: https://www.skypack.dev/ import('https://cdn.skypack.dev/octokit').then(async (res) => { // 여기에서 깃헙 토큰을 이용, 레포지토리 정보를 가져옵니다. const octokit = new res.Octokit({ auth: GH_TOKEN, }); // 말그대로, 새로고침할 타겟을 여기에서 찾는데요, // 환경을 먼저 비교하고 그에 해당하는 워크플로우 아이디와 // 로컬스토리지에 저장할 액션이름을 설정합니다. { 액션이름: 액션번호(버전번호) } 이렇게 저장합니다. const reloadTarget = DEPLOY_ENV === targetDeployEnvs[0] ? { workflowId: '프로덕션 워크플로우 아이디', keyName: '프로덕션 액션이름', } : DEPLOY_ENV === targetDeployEnvs[1] ? { workflowId: '테스트1환경', keyName: '테스트 첫번째환경 액션이름', } : { workflowId: '테스트2환경', keyName: '테스트 두번째환경 액션이름', }; // 완료된 워크플로우의 가장 최신의 데이터를 가져옵니다. const gitActionData = await octokit.request( 'GET /repos/{owner}/{repo}/actions/workflows/{workflow_id}/runs', { owner: '레포 오너 이름', repo: '레포 이름', workflow_id: reloadTarget.workflowId, per_page: 1, page: 1, status: 'completed', } ); // 가장 최신의 액션번호 입니다. 물론, 무작위 문자로 이루어진 고유한 액션id 라는 것도 있지만, // 깃헙 사이트의 깃 액션 페이지에서 액션 번호를 쉽게 찾아 비교할 수 있기에 이를 사용했습니다. const newActionNumber = await gitActionData.data.workflow_runs[0] .run_number; const lastActionNumber = JSON.parse( localStorage.getItem(reloadTarget.keyName) || 'null' ); // 로컬 스토리지에 저장된 액션 번호가 없거나, 상이하다면 리로드를 해줍니다. if ( !lastActionNumber || newActionNumber !== lastActionNumber ) { localStorage.setItem( reloadTarget.keyName, JSON.stringify(newActionNumber) ); location.reload(); } }); } }; export { checkVersionAndReload };

declare global { interface Window { checkVersionReload: () => Promise<void>; } }