๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป dev

[spotify-api] VINYLIFY : ์Šคํฌํ‹ฐํŒŒ์ด apiํ™œ์šฉํ•œ ๊ฒ€์ƒ‰ + ์žฌ์ƒ ํ”„๋กœ์ ํŠธ(1) ์ค€๋น„๋ฌผ:spotify dev ๊ณ„์ •, application

2024.06.12 - [๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป dev] - [spotify-api] VINYLIFY : ์Šคํฌํ‹ฐํŒŒ์ด apiํ™œ์šฉํ•œ ๊ฒ€์ƒ‰ + ์žฌ์ƒ ํ”„๋กœ์ ํŠธ ์— ์ด์–ด์„œ

 

[spotify-api] VINYLIFY : ์Šคํฌํ‹ฐํŒŒ์ด apiํ™œ์šฉํ•œ ๊ฒ€์ƒ‰ + ์žฌ์ƒ ํ”„๋กœ์ ํŠธ

๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป ๊นƒํ—ˆ๋ธŒ ๋ ˆํฌ GitHub - f-lab-edu/vinlyify: ๐ŸŽถ search, listen to music via spotify api๐ŸŽถ search, listen to music via spotify api. Contribute to f-lab-edu/vinlyify development by creating an account on GitHub.github.com ๐Ÿค” ์ง„ํ–‰

pyotato-dev.tistory.com

๐Ÿ›๏ธ ์ค€๋น„๋ฌผ

๋ณธ๊ฒฉ์ ์œผ๋กœ ์Šคํฌํ‹ฐํŒŒ์ด api๋ฅผ ์“ฐ๊ธฐ ์ด์ „์— ํ•„์š”ํ•œ ๊ฒƒ๋“ค์ด ์žˆ๋‹ค.

  1. ์Šคํฌํ‹ฐํŒŒ์ด dev ๊ณ„์ • (https://developer.spotify.com/), ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜
  2. authorization์„ ๋‹ด๋‹นํ•  ์„œ๋ฒ„

โœ…  ์ด๋ฒˆ ํฌ์ŠคํŠธ์—์„œ๋Š” ๊ฐ„๋‹จํ•˜๊ฒŒ ์ค€๋น„๋ฌผ 1์— ๋Œ€ํ•ด์„œ ๋‹ค๋ฃฌ๋‹ค.

๐Ÿ“‚์Šคํฌํ‹ฐํŒŒ์ด dev ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜

https://developer.spotify.com/ ๋กœ ๋“ค์–ด๊ฐ€์„œ dashboard์—์„œ create app์„ ํด๋ฆญํ•˜๋ฉด 

์ด๋ฆ„, ์„ค๋ช…์„ ์ ๊ณ  Web API ์ฒดํฌ๋ฐ•์Šค๋ฅผ ์„ ํƒํ•ด์ฃผ์ž. redirect url์— ๋Œ€ํ•ด์„œ๋Š” ์•„๋ž˜์—์„œ ๋‹ค๋ฃฌ๋‹ค.
๋งŒ๋“ค์–ด์ง„ app

 

๐Ÿค” redirect URL์— ๋ฌด์—‡์„ ๋„ฃ์–ด์•ผ ํ•˜๋‚˜?

 

์ธ์ฆ์ด ์„ฑ๊ณต/์‹คํŒจํ–ˆ์„ ๊ฒฝ์šฐ ์œ ์ €๋“ค์ด redirect ๋  ์ฃผ์†Œ๊ฐ€ ๋“ค์–ด๊ฐ„๋‹ค. 

 

์•„์ฃผ ์นœ์ ˆํžˆ  ์Šคํฌํ‹ฐํŒŒ์ด web api ์˜ˆ์ œ ๋ชจ์Œ ๋ ˆํฌ ์— ์˜ˆ์ œ์ฝ”๋“œ๊ฐ€ ์žˆ์œผ๋ฏ€๋กœ ์ธ์ฆ ์„œ๋ฒ„ ์ฝ”๋“œ ์ž‘์„ฑ์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์€ ํ•  ํ•„์š”๊ฐ€ ์—†๋‹ค.

 

๊ฐœ๋ฐœํ™˜๊ฒฝ์—์„œ๋Š” http://localhost:8888/callback๊ณผ http://localhost:8888/callback/์„ ๋„ฃ์–ด์ฃผ์ž.

๐Ÿซข์Šคํฌ: vercel์— ๋ฐฐํฌํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ฐจํ›„์— ๋ฐ”๋€” ์˜ˆ์ •

 

๐Ÿ“ References

https://github.com/spotify/web-api-examples