GitHub 프로필 README에 최근 Last.fm 및 Spotify 청취 활동 표시

GitHub는 최근 Markdown 및 HTML을 사용하여 개인 GitHub 프로필을 향상시키는 방법으로 프로필 README를 도입했습니다.

저는 github-readme-statsspotify-github-profile과 같은 다양한 위젯을 통해 오픈 소스 커뮤니티의 독창성에 영감을 받아 모든 음악 애호가를 위한 무언가를 만들었습니다.

최근 Last.fm 및 Spotify 청취 활동을 카드로 표시하여 프로필 README에 삽입할 수 있는 두 가지 도구(Vercel에서 호스팅)를 만들었습니다.

Last.fm 최근 재생한 README





시작하려면 README에 다음을 추가하고 user 쿼리 매개변수를 Last.fm 사용자 이름으로 설정하십시오.

![My scrobbles](https://lastfm-recently-played.vercel.app/api?user=JeffreyCA01)

자세한 구성 옵션은 GitHub repo README 을 참조하십시오.

Vercel 앱은 모든 공개 정보이므로 Last.fm API(인증되지 않음)를 사용하여 최근 스크로블을 가져옵니다.

Spotify 최근 재생 README





먼저 아래 버튼을 클릭하여 Spotify 계정을 도구와 연결해야 합니다.



이것이 필요한 이유는 무엇입니까?



귀하의 Spotify 최근 청취 활동이 공개되지 않았기 때문에 Spotify API를 사용하려면 귀하(계정 소유자)가 해당 정보에 액세스할 수 있도록 앱을 승인해야 합니다.

그러면 Spotify 사용자 이름, 액세스 토큰 및 갱신 토큰이 안전한 Firebase 데이터베이스에 저장되므로 액세스 토큰이 만료된 후(1시간 후) 백그라운드에서 자동으로 갱신될 수 있습니다.

계속



권한을 부여한 후 README에 다음을 추가하고 user 쿼리 매개변수를 Spotify 사용자 이름으로 설정하십시오.

![Spotify recently played](https://spotify-recently-played-readme.vercel.app/api?user=jeffreyca16)

자세한 구성 옵션은 GitHub repo README 을 참조하십시오.

마지막 생각들



TypeScript, Next.js/Vercel 및 React를 사용하여 개발한 재미있는 작은 프로젝트였습니다. 또한 Spotify Web API로 작업하면서 OAuth 2 인증에 대해 많은 것을 배웠습니다.

모든 것이 오픈 소스이며 GitHub에서 확인할 수 있습니다.

https://github.com/JeffreyCA/lastfm-recently-played-readme
https://github.com/JeffreyCA/spotify-recently-played-readme

버그 보고서, 기능 요청 및 코드 기여를 환영합니다!

좋은 웹페이지 즐겨찾기