2020-06-04 15:12:54 +01:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width" >
< meta name = "generator" content = "Docusaurus v2.0.0-alpha.56" >
2020-06-04 15:22:07 +01:00
< title data-react-helmet = "true" > Getting Started | SpotifyAPI-NET< / title > < meta data-react-helmet = "true" name = "docsearch:version" content = "5.1.1" > < meta data-react-helmet = "true" name = "twitter:card" content = "summary_large_image" > < meta data-react-helmet = "true" property = "og:title" content = "Getting Started | SpotifyAPI-NET" > < meta data-react-helmet = "true" name = "description" content = "Auth-Methods" > < meta data-react-helmet = "true" property = "og:description" content = "Auth-Methods" > < meta data-react-helmet = "true" property = "og:url" content = "https://johnnycrazy.github.io/SpotifyAPI-NET/docs/auth/getting_started" > < link data-react-helmet = "true" rel = "shortcut icon" href = "/SpotifyAPI-NET/img/favicon.ico" > < link data-react-helmet = "true" rel = "canonical" href = "https://johnnycrazy.github.io/SpotifyAPI-NET/docs/auth/getting_started" > < link rel = "stylesheet" href = "/SpotifyAPI-NET/styles.8a053330.css" >
2020-11-14 12:20:42 +00:00
< link rel = "preload" href = "/SpotifyAPI-NET/styles.20e5fb07.js" as = "script" >
< link rel = "preload" href = "/SpotifyAPI-NET/runtime~main.7b8f8358.js" as = "script" >
< link rel = "preload" href = "/SpotifyAPI-NET/main.420c9379.js" as = "script" >
< link rel = "preload" href = "/SpotifyAPI-NET/1.d763968b.js" as = "script" >
< link rel = "preload" href = "/SpotifyAPI-NET/2.c001a4a7.js" as = "script" >
< link rel = "preload" href = "/SpotifyAPI-NET/3.c31fd0fb.js" as = "script" >
< link rel = "preload" href = "/SpotifyAPI-NET/1be78505.6d7d8bd2.js" as = "script" >
< link rel = "preload" href = "/SpotifyAPI-NET/3d0d8a2f.44e5d4a3.js" as = "script" >
< link rel = "preload" href = "/SpotifyAPI-NET/3c5916b7.fde004f3.js" as = "script" >
2020-06-04 15:12:54 +01:00
< / head >
< body >
< script > ! function ( ) { function t ( t ) { document . documentElement . setAttribute ( "data-theme" , t ) } var e = window . matchMedia ( "(prefers-color-scheme: dark)" ) , n = function ( ) { var t = null ; try { t = localStorage . getItem ( "theme" ) } catch ( t ) { } return t } ( ) ; null !== n ? t ( n ) : e . matches && t ( "dark" ) } ( ) < / script > < div id = "__docusaurus" >
2020-06-04 15:22:07 +01:00
< nav class = "navbar navbar--light navbar--fixed-top" > < div class = "navbar__inner" > < div class = "navbar__items" > < div aria-label = "Navigation bar toggle" class = "navbar__toggle" role = "button" tabindex = "0" > < svg xmlns = "http://www.w3.org/2000/svg" width = "30" height = "30" viewBox = "0 0 30 30" role = "img" focusable = "false" > < title > Menu< / title > < path stroke = "currentColor" stroke-linecap = "round" stroke-miterlimit = "10" stroke-width = "2" d = "M4 7h22M4 15h22M4 23h22" > < / path > < / svg > < / div > < a class = "navbar__brand" href = "/SpotifyAPI-NET/" > < img class = "navbar__logo" src = "/SpotifyAPI-NET/img/logo.svg" alt = "SpotifyAPI-NET" > < strong class = "navbar__title" > SpotifyAPI-NET< / strong > < / a > < div class = "navbar__item dropdown dropdown--hoverable dropdown--left" > < a activeclassname = "navbar__link--active" class = "navbar__item navbar__link" > Docs< / a > < ul class = "dropdown__menu" > < li > < a class = "dropdown__link" href = "/SpotifyAPI-NET/docs/next/introduction" > Latest/Next< / a > < / li > < li > < a class = "dropdown__link" href = "/SpotifyAPI-NET/docs/home" > 5.1.1< / a > < / li > < / ul > < / div > < a class = "navbar__item navbar__link" href = "/SpotifyAPI-NET/news" > News< / a > < / div > < div class = "navbar__items navbar__items--right" > < a href = "https://github.com/JohnnyCrazy/SpotifyAPI-NET" target = "_blank" rel = "noopener noreferrer" class = "navbar__item navbar__link" > GitHub< / a > < div class = "react-toggle react-toggle--disabled displayOnlyInLargeViewport_1gtM" > < div class = "react-toggle-track" > < div class = "react-toggle-track-check" > < span class = "toggle_keGJ moon_1gwN" > < / span > < / div > < div class = "react-toggle-track-x" > < span class = "toggle_keGJ sun_3CPA" > < / span > < / div > < / div > < div class = "react-toggle-thumb" > < / div > < input type = "checkbox" disabled = "" aria-label = "Dark mode toggle" class = "react-toggle-screenreader-only" > < / div > < / div > < / div > < div role = "presentation" class = "navbar-sidebar__backdrop" > < / div > < div class = "navbar-sidebar" > < div class = "navbar-sidebar__brand" > < a class = "navbar__brand" href = "/SpotifyAPI-NET/" > < img class = "navbar__logo" src = "/SpotifyAPI-NET/img/logo.svg" alt = "SpotifyAPI-NET" > < strong class = "navbar__title" > SpotifyAPI-NET< / strong > < / a > < / div > < div class = "navbar-sidebar__items" > < div class = "menu" > < ul class = "menu__list" > < li class = "menu__list-item" > < a activeclassname = "navbar__link--active" class = "menu__link menu__link--sublist" > Docs< / a > < ul class = "menu__list" > < li class = "menu__list-item" > < a class = "menu__link" href = "/SpotifyAPI-NET/docs/next/introduction" > Latest/Next< / a > < / li > < li class = "menu__list-item" > < a class = "menu__link" href = "/SpotifyAPI-NET/docs/home" > 5.1.1< / a > < / li > < / ul > < / li > < li class = "menu__list-item" > < a class = "menu__link" href = "/SpotifyAPI-NET/news" > News< / a > < / li > < li class = "menu__list-item" > < a href = "https://github.com/JohnnyCrazy/SpotifyAPI-NET" target = "_blank" rel = "noopener noreferrer" class = "menu__link" > GitHub< / a > < / li > < / ul > < / div > < / div > < / div > < / nav > < div class = "main-wrapper" > < div class = "docPage_1kjD" > < div class = "docSidebarContainer_1cYp" > < div class = "sidebar_1kLs" > < div class = "menu menu--responsive menu_w2sC" > < button aria-label = "Open Menu" aria-haspopup = "true" class = "button button--secondary button--sm menu__button" type = "button" > < svg aria-label = "Menu" class = "sidebarMenuIcon_2vk4" xmlns = "http://www.w3.org/2000/svg" height = "24" width = "24" viewBox = "0 0 32 32" role = "img" focusable = "false" > < title > Menu< / title > < path stroke = "currentColor" stroke-linecap = "round" stroke-miterlimit = "10" stroke-width = "2" d = "M4 7h22M4 15h22M4 23h22" > < / path > < / svg > < / button > < ul class = "menu__list" > < li class = "menu__list-item menu__list-item--collapsed" > < a class = "menu__link menu__link--sublist" href = "#!" > SpotifyAPI-NET< / a > < ul class = "menu__list" > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "-1" href = "/SpotifyAPI-NET/docs/home" > Home< / a > < / li > < / ul > < / li > < li class = "menu__list-item menu__list-item--collapsed" > < a class = "menu__link menu__link--sublist" href = "#!" > SpotifyAPI-NET.Web< / a > < ul class = "menu__list" > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "-1" href = "/SpotifyAPI-NET/docs/web/getting_started" > Getting Started< / a > < / li > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "-1" href = "/SpotifyAPI-NET/docs/web/albums" > Albums< / a > < / li > < li class = "menu__lis
If you want to know more, you can read to the whole auth-process < a href = "https://developer.spotify.com/web-api/authorization-guide/" target = "_blank" rel = "noopener noreferrer" > here< / a > .< / p > < p > Before you start, install < code > SpotifyAPI.Web.Auth< / code > and create an application at Spotify: < a href = "https://developer.spotify.com/my-applications/#!/applications" target = "_blank" rel = "noopener noreferrer" > Your Applications< / a > < / p > < p > After you have created your Application, you will have following important values:< / p > < table > < thead > < tr > < th > Name< / th > < th > Description< / th > < th > < / th > < / tr > < / thead > < tbody > < tr > < td > < strong > Client_Id< / strong > < / td > < td > This is your client_id, you don' t have to hide it< / td > < td > < / td > < / tr > < tr > < td > < strong > Client_Secret< / strong > < / td > < td > Never use this in one of your client-side apps! Keep it secret!< / td > < td > < / td > < / tr > < tr > < td > < strong > Redirect URIs< / strong > < / td > < td > Some of auth flows require that you set the correct redirect URI< / td > < td > < / td > < / tr > < / tbody > < / table > < p > Now you can start with the user-authentication. Spotify provides 3 ways (4 if you consider different implementations):< / p > < ul > < li > < p > < a href = "/SpotifyAPI-NET/docs/auth/implicit_grant" > ImplicitGrantAuth< / a > < / p > < / li > < li > < p > < a href = "/SpotifyAPI-NET/docs/auth/authorization_code" > AutorizationCodeAuth< / a > < / p > < / li > < li > < p > < a href = "/SpotifyAPI-NET/docs/auth/client_credentials" > ClientCredentialsAuth< / a > < / p > < / li > < li > < p > < a href = "/SpotifyAPI-NET/docs/auth/token_swap" > TokenSwapAuth< / a > < / p > < / li > < / ul > < p > Overview:
2020-11-14 12:20:42 +00:00
< img src = "http://i.imgur.com/uf3ahTl.png" alt = "Overview" > < / p > < / div > < / article > < div class = "margin-vert--xl" > < div class = "row" > < div class = "col" > < a href = "https://github.com/JohnnyCrazy/SpotifyAPI-NET/edit/master/SpotifyAPI.Docs/versioned_docs/version-5.1.1/auth/getting_started.md" target = "_blank" rel = "noreferrer noopener" > < svg fill = "currentColor" height = "1.2em" width = "1.2em" preserveAspectRatio = "xMidYMid meet" viewBox = "0 0 40 40" style = "margin-right:0.3em;vertical-align:sub" > < g > < path d = "m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z" > < / path > < / g > < / svg > Edit this page< / a > < / div > < div class = "col text--right" > < em > < small > Last updated on < time datetime = "2020-11-14T12:19:20.000Z" class = "docLastUpdatedAt_1sqk" > 11/14/2020< / time > by < strong > Jonas Dellinger< / strong > < / small > < / em > < / div > < / div > < / div > < div class = "margin-vert--lg" > < nav class = "pagination-nav" > < div class = "pagination-nav__item" > < a class = "pagination-nav__link" href = "/SpotifyAPI-NET/docs/web/utilities" > < div class = "pagination-nav__sublabel" > Previous< / div > < div class = "pagination-nav__label" > « Utilities< / div > < / a > < / div > < div class = "pagination-nav__item pagination-nav__item--next" > < a class = "pagination-nav__link" href = "/SpotifyAPI-NET/docs/auth/implicit_grant" > < div class = "pagination-nav__sublabel" > Next< / div > < div class = "pagination-nav__label" > Implicit Grant »< / div > < / a > < / div > < / nav > < / div > < / div > < / div > < div class = "col col--3" > < div class = "tableOfContents_TbNY" > < ul class = "table-of-contents table-of-contents__left-border" > < li > < a href = "#auth-methods" class = "table-of-contents__link" > Auth-Methods< / a > < / li > < / ul > < / div > < / div > < / div > < / div > < / main > < / div > < / div > < footer class = "footer footer--dark" > < div class = "container" > < div class = "text--center" > < div > Copyright © 2020 Jonas Dellinger. Built with Docusaurus.< / div > < / div > < / div > < / footer > < / div >
< script src = "/SpotifyAPI-NET/styles.20e5fb07.js" > < / script >
< script src = "/SpotifyAPI-NET/runtime~main.7b8f8358.js" > < / script >
< script src = "/SpotifyAPI-NET/main.420c9379.js" > < / script >
< script src = "/SpotifyAPI-NET/1.d763968b.js" > < / script >
< script src = "/SpotifyAPI-NET/2.c001a4a7.js" > < / script >
< script src = "/SpotifyAPI-NET/3.c31fd0fb.js" > < / script >
< script src = "/SpotifyAPI-NET/1be78505.6d7d8bd2.js" > < / script >
< script src = "/SpotifyAPI-NET/3d0d8a2f.44e5d4a3.js" > < / script >
< script src = "/SpotifyAPI-NET/3c5916b7.fde004f3.js" > < / script >
2020-06-04 15:12:54 +01:00
< / body >
< / html >
