GitHub readme에 Spotify 통계를 추가한 방법 📜

따라서 GitHub 프로필에 README를 포함할 수 있는 새로운 GitHub 기능이 야생에서 발견되었습니다. 그래서 GitHub 작업을 사용하여 동적 README를 빌드하면 어떨까 하는 생각이 들었습니다.

GitHub 프로필 읽어보기

그렇다면 GitHub 프로필 README는 무엇입니까? 프로필에 README를 포함할 수 있는 GitHub의 멋진 새 기능입니다. 멋진데? 확실히 그렇습니다. 창의력을 발휘할 시간 😋.

README에 Spotify 통계를 어떻게 포함시켰습니까?

파트 1: 소개

Spotify API를 사용하면 좋아하는 트랙, 저장된 앨범 및 재생 목록을 포함하여 수많은 정보를 가져올 수 있습니다. API에 대한 OAuth2 인증이 필요합니다.

파트 2: OAuth2 토큰 받기

따라서 Spotify API에 액세스하려면 OAuth2 토큰이 필요합니다. 어떻게 얻을 수 있습니까? 글쎄, 대답은 정말 쉽습니다. 그래서 우리는 NodeJS에서 할 것입니다. 저는 정말 편합니다. 따라서 먼저 몇 가지 종속 항목을 설치해야 합니다. 우리는 그것을 위해 yarn을 사용할 것이지만 npm도 잘 작동할 것입니다.

yarn add isomorphic-unfetch express dotenv

여기에 3개의 종속성을 설치했지만 express 및 dotenv는 토큰을 얻는 데만 필요합니다. 어떻게 얻을 수 있습니까? 먼저 및 OAuth2 client_id 및 client_secret 가 필요합니다. 자세한 내용은 here를 참조하십시오.

그래서 여기서 우리가 한 것은 Spotify API를 사용하여 access_token 및 refresh_token 를 얻었습니다. 나중에 사용할 때 필요하므로 둘 다 안전하게 보관하세요.

파트 3: 자동 업데이트 README

이제 I like {sp_liked} songs accross {sp_abl} albums. I have {sp_pl} playlists of awesome music 와 같은 대체 태그가 있는 README.template.md를 생성합니다. 이제 모든 마법을 수행하는 index.js 파일을 만들어야 합니다.

여기서 우리는 refresh_token , client_id 및 client_secret 를 사용하여 새로운 access_token 를 얻고 프로필 정보를 얻습니다. 보너스로 Programming Quotes API을 사용하여 시간의 인용문도 얻었습니다.

파트 4: 모두 합치기

이제 스크립트를 만들었으므로 매시간 README를 업데이트하도록 스크립트를 자동화해야 합니다. 이를 위해 GitHub의 작업을 사용합니다.

그 전에 refresh_token , client_id 및 client_secret 를 작업에 필요하므로 GitHub 암호를 출력해야 합니다.

여기에서 우리는 매시간 액션을 실행하고 붐, 마법이 일어납니다 :P

결론

완성된 README



이것은 내 첫 번째 개발 기사였습니다. 개선할 수 있는 방법에 대해 의견을 말해주세요. 또한 내README를 확인하는 것을 잊지 마세요.