GitHub 프로필 README에 최근 Last.fm 및 Spotify 청취 활동 표시
저는 github-readme-stats 및 spotify-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
버그 보고서, 기능 요청 및 코드 기여를 환영합니다!
Reference
이 문제에 관하여(GitHub 프로필 README에 최근 Last.fm 및 Spotify 청취 활동 표시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jeffreyca/display-your-recent-last-fm-and-spotify-listening-activity-on-your-github-profile-readme-8jo텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)