웹 사이트 업데이트 표시를 github의 release로 관리

TD;LR



웹 사이트 업데이트 내역을 github 릴리스에서 관리하는 것이 편리했습니다.
릴리즈 업데이트에 맞춰 트윗을 하는 github actions

릴리스로 관리



자주 웹 페이지에있는 아래 같은 업데이트 기록을 만들려고했지만
20xx/0x/xx xxxxxの内容を更新
20xx/0x/xx xxxxxを追加
20xx/0x/xx xxxxxを更新

파일에 정리하거나 일단 추기해 나가는 것이 싫었기 때문에 github의 기능을 사용했습니다.

릴리스 기능



release는 github의 기능으로 릴리스 노트나 첨부 파일을 붙여 유저에게 공개할 수가 있습니다.

여기 releases
지금까지의 기록이 이와 같이 표시됩니다.

이런 느낌으로 딱 맞는 기능이었으므로 이번 업데이트 이력 구현에 사용해보기로 했습니다.

release 얻기



release를 얻으려면 github의 resto API 클라이언트 octokit/rest을 사용했습니다.
npm install @octokit/rest

위의 npm 명령으로 패키지를 설치한 후에는 코드를 작성해 갈 뿐입니다.
import Octokit from "@octokit/rest";

let releaseLog = []
const octokit = new Octokit();

취득한 release를 넣어 두는 리스트와 Octokit의 선언을 끝내면.
octokit.repos.listReleases({
  owner: "mugi111",
  repo: "my-profile-page",
}).then((res) => {
  if (res.status === 200) {
  // 整形
  }
})
owner 에서 사용자 이름 repo 에서 리포지토리 이름을 지정하고 listRelease 로 릴리스 목록을 가져옵니다.
일람이 돌아오면(자) 사용하기 쉽도록 성형하고 최초로 선언했다 releaseLog 에 넣어 둡니다.

그리고는 루프 시키거나해서 표시시키는 것뿐입니다.



갱신 이력에 추가하고 싶은 곳에서 release 작성하면 자동적으로 페이지에 반영되게 되기 때문에 쉬워졌다.
github에서 얻는 것도 놀랍고 간단했습니다.
github actions에 대해서는 다음으로 제대로 씁니다.

업데이트 기록을 구현한 페이지 및 리포지토리
htps // thmgp 로후ぇぇ. 네 tぃfy. 코m/
htps : // 기주 b. 코 m/무기 111/my-p 로후 ぇぇぱげ

좋은 웹페이지 즐겨찾기