웹 사이트 업데이트 표시를 github의 release로 관리
3520 단어 트위터GitHubOctokit자바스크립트TwitterAPI
TD;LR
웹 사이트 업데이트 내역을 github 릴리스에서 관리하는 것이 편리했습니다.
릴리즈 업데이트에 맞춰 트윗을 하는 github actions
릴리스로 관리
자주 웹 페이지에있는 아래 같은 업데이트 기록을 만들려고했지만
20xx/0x/xx xxxxxの内容を更新
20xx/0x/xx xxxxxを追加
20xx/0x/xx xxxxxを更新
파일에 정리하거나 일단 추기해 나가는 것이 싫었기 때문에 github의 기능을 사용했습니다.
릴리스 기능
release는 github의 기능으로 릴리스 노트나 첨부 파일을 붙여 유저에게 공개할 수가 있습니다.
![](https://s1.md5.ltd/image/2f78a5ff8ca756035f3f0af9868ada6d.png)
여기 releases
![](https://s1.md5.ltd/image/653a6f9b8f23ae586539633cb2ff02e1.png)
지금까지의 기록이 이와 같이 표시됩니다.
이런 느낌으로 딱 맞는 기능이었으므로 이번 업데이트 이력 구현에 사용해보기로 했습니다.
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 로후 ぇぇぱげ
Reference
이 문제에 관하여(웹 사이트 업데이트 표시를 github의 release로 관리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mugi111/items/dd71305a001a67c8a24a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
자주 웹 페이지에있는 아래 같은 업데이트 기록을 만들려고했지만
20xx/0x/xx xxxxxの内容を更新
20xx/0x/xx xxxxxを追加
20xx/0x/xx xxxxxを更新
파일에 정리하거나 일단 추기해 나가는 것이 싫었기 때문에 github의 기능을 사용했습니다.
릴리스 기능
release는 github의 기능으로 릴리스 노트나 첨부 파일을 붙여 유저에게 공개할 수가 있습니다.
![](https://s1.md5.ltd/image/2f78a5ff8ca756035f3f0af9868ada6d.png)
여기
releases
![](https://s1.md5.ltd/image/653a6f9b8f23ae586539633cb2ff02e1.png)
지금까지의 기록이 이와 같이 표시됩니다.
이런 느낌으로 딱 맞는 기능이었으므로 이번 업데이트 이력 구현에 사용해보기로 했습니다.
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 로후 ぇぇぱげ
Reference
이 문제에 관하여(웹 사이트 업데이트 표시를 github의 release로 관리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mugi111/items/dd71305a001a67c8a24a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(웹 사이트 업데이트 표시를 github의 release로 관리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mugi111/items/dd71305a001a67c8a24a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)