[Flutter] Spotify Web API 사용하기 (1) Create an App

 

1. Create an App 만들기

1-1. Create app

• https://developer.spotify.com/ 링크로 들어가서 로그인 / 회원가입해주고 아래 이미지에 동의를 먼저 해준다
• https://developer.spotify.com/dashboard 로그인 후 대쉬보드에서  Create app을 클릭

 

1-2. Dashboard에서 Create app선택 후 아래 화면처럼 필수 항목 입력

• 모바일 애플리케이션에서는 Redirect URIs를 ' yourapp://callback'형식으로 작성
• Redirect URIs는 사용자가 인증을 완료한 후 브라우저에서 앱으로 리디렉션되는 URI이다.

 

1-3.Create app에서 save를 클릭하고 아래 이미지의 Settings에서 Client Id를 확인할 수 있다

 

 

1-4. android/app/src/main/AndroidManifest.xml 수정

• Android에서 Redirect URI를 처리할 수 있도록 한다
• 아까 Create app에서 Redirect URIs에 입력한 내용(multi-app://callback)을 android:scheme="multi-app" 과 android:host="callback"으로 작성해준다

   <intent-filter>
                <action android:name="android.intent.action.VIEW" />

                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />

                <data
                    android:scheme="multi-app" >>>> create app에서 설정한 이름으로 변경
                    android:host="callback" />
            </intent-filter>

 

1-5. ios/Runner/Info.plist 수정

• CFBundleURLTypes  : 앱이 특정 URL 스키마를 처리할 수 있도록 설정한다. Redirect URI에서 사용 됨
• LSApplicationQueriesSchemes : 앱이 외부 앱(예: Spotify)을 호출할 수 있도록 허용