KadirHaktan / Spotify-React-App

Spotify PlayList and Artists Generator App(Using to React and Redux)
0 stars 0 forks source link

Spotify Web-API (Token Creator Back-End Codes and Active to Port) Part-2 #2

Open KadirHaktan opened 5 years ago

KadirHaktan commented 5 years ago

access token generator back-end codes github repo download or clone git clone first git clone second visual studio code first terminal code visual studio code second terminal code visual studio code third terminal code client_id and client_id value visual studio code fourth terminal code page localhost 8888 accept log in page access token page token given url.txt

KadirHaktan commented 5 years ago

Spotify API'na erişebilmemiz için ithiyacımız access token'nın oluşturan bir node js kod'unu çalıştırmamız onun içinde Github'da Spotify hesabının web-api-auth-examples reposunu kendi bir masaüstüne ya da oluşturduğumuz klasörde ya git clone ya da download ile indirmeliyiz.Daha sonra visual studio code üzerinden web-api-auth-examples dosyamızın içindeki authorization_code klasörüne terminal üzerinden cd komutları ile erişmemiz gerekir ayrıca.Authorization_code içindeki app.js dosyasındaki kod sayfalarını açmamız gerekir.Token'ı oluşturmamız sağlayacak client_id,client_secret_id ve redirect_uri var diye tanımlanan değişkenlere dashboard sayfamızda oluşturduğumuz app'teki client_id,client_secret_id ve redirect_uri değerlerini atıyoruz.Tabi bundan önce bide cd terminal komutu ile web-api-auth-examples dosyasına erişilmiş olması gerekir ve npm install komutu ile node_modules dosyasının kurulmuş olması gerekir ki nodejs uygulamasını çalıştırabilelim.Token için client_id,client_secret_id ve redirect_uri değerleri değişkenlere atandıktan sonra node app.js komutu ile nodejs uygulamasını çalıştırmalıyız ve port olarak 8888'de çalışıcaktır.Daha sonrasında herhangi bir tarayıcı üzerinde localhost olarak 8888 port olacak şekilde adres yazıldıktan karşımıza This is an example of the Authorization Code flow şeklinde bir başlık ve altında da Log in with Spotify diye bir buton olacak.O butona tıkladıktan sonra son iki fotoğrafta görüldüğü gibi önce kabul et kısmına tıklamış olmanız gerek ve ardından artık access token değerini veren bir sayfa çıkmış olması gerekir.O access token değerini veren sayfanın linkinde http://localhost:8888/#access_token=sizeaitaccestoken&refresh_token=sizeaitrefreshtoken tipte link olacaktır ordaki access_token= 'den sonra yazan metin'i ta & sembolüne kadar olan kısımlar sizin uygulamalarınızda kullanacağınız ve api'ye yetkili olmanız sağlayacak değerdir.