\uc800\uc790: \uc870\uad11\ud615<\/p>\n
\ub0a0\uc9dc: [\ud604\uc7ac \ub0a0\uc9dc]<\/p>\n<\/header>\n \n \ud604\ub300 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \uc0ac\uc6a9\uc790 \uc778\uc99d\uacfc \uad8c\ud55c \ubd80\uc5ec\ub97c \uc704\ud574 OAuth2 \ud504\ub85c\ud1a0\ucf5c\uc744 \ub9ce\uc774 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc774 \ud504\ub85c\ud1a0\ucf5c\uc740 \ub2e4\uc591\ud55c \ud074\ub77c\uc774\uc5b8\ud2b8 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc548\uc804\ud558\uace0 \uc720\uc5f0\ud55c \ubc29\uc2dd\uc73c\ub85c \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \ucc98\ub9ac\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4. \ubcf8 \uac15\uc88c\uc5d0\uc11c\ub294 \uc2a4\ud504\ub9c1 \ubd80\ud2b8\ub97c \ud65c\uc6a9\ud558\uc5ec OAuth2\ub97c \uae30\ubc18\uc73c\ub85c \ud55c \ub85c\uadf8\uc778\uacfc \ub85c\uadf8\uc544\uc6c3 \uae30\ub2a5\uc744 \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \ub2e8\uacc4\ubcc4\ub85c \uc548\ub0b4\ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n \n \uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud558\uae30 \uc704\ud574\uc11c\ub294 \uccab \ub2e8\uacc4\ub85c Spring Initializr\ub97c \uc774\uc6a9\ud558\uc5ec \uae30\ubcf8 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \ucd08\uae30 \uc124\uc815 \uc808\ucc28\uc785\ub2c8\ub2e4.\n <\/p>\n \n \uc774\uc81c Maven\uc758 pom.xml \ud30c\uc77c\uc744 \uc5f4\uace0 OAuth2 \uad00\ub828 \uc758\uc874\uc131\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. \ub2e4\uc74c \ucf54\ub4dc\ub97c pom.xml\uc758 ` \n \uc704\uc758 \uc758\uc874\uc131\uc744 \ucd94\uac00\ud558\uba74 OAuth2 \ud074\ub77c\uc774\uc5b8\ud2b8\uc758 \uae30\ubcf8 \uc124\uc815\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8 \ub2e4\uc74c\uc73c\ub85c\ub294 JpaRepository\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \uc800\uc7a5\ud560 \uc218 \uc788\ub294 \uc5d4\ud2f0\ud2f0\ub97c \uc0dd\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n \n \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \uc800\uc7a5\ud558\uae30 \uc704\ud55c \uc5d4\ud2f0\ud2f0 \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc544\ub798 \ucf54\ub4dc\ub294 \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \ub2f4\uc744 User \uc5d4\ud2f0\ud2f0\uc758 \uc608\uc785\ub2c8\ub2e4.\n <\/p>\n \n \ub2e4\uc74c\uc73c\ub85c, User \uc5d4\ud2f0\ud2f0\uc5d0 \ub300\ud55c JpaRepository\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.\n <\/p>\n \n OAuth2 \ub85c\uadf8\uc778 \uae30\ub2a5\uc744 \ucd94\uac00\ud558\uae30 \uc704\ud574, application.yml \ud30c\uc77c\uc5d0 OAuth2 \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \uc124\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. \uc544\ub798\uc758 \uc608\uc2dc\ub97c \ucc38\uace0\ud558\uc138\uc694.\n <\/p>\n \n \uc5ec\uae30\uc5d0 \ubcf8\uc778\uc758 Google API \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \ub4f1\ub85d\ud574\uc57c \ud569\ub2c8\ub2e4. Google Cloud Console\uc5d0\uc11c \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \uc0dd\uc131\ud558\uc5ec client-id\uc640 client-secret\uc744 \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n \n \uc2a4\ud504\ub9c1 \uc2dc\ud050\ub9ac\ud2f0\ub97c \uc124\uc815\ud558\uc5ec OAuth2 \ub85c\uadf8\uc778\uacfc \ub85c\uadf8\uc544\uc6c3\uc744 \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\uc744 \ub2e4\ub8e8\uaca0\uc2b5\ub2c8\ub2e4. SecurityConfig \ud074\ub798\uc2a4\ub97c \uc791\uc131\ud558\uace0, HTTP \ubcf4\uc548 \uad00\ub828 \uc124\uc815\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.\n <\/p>\n \n \uc774 \uc124\uc815\uc744 \ud1b5\ud574 \ub8e8\ud2b8\uc640 \ub85c\uadf8\uc778 \ud398\uc774\uc9c0, \uadf8\ub9ac\uace0 OAuth2 \uad00\ub828 URL\uc740 \ub204\uad6c\ub098 \uc811\uadfc\ud560 \uc218 \uc788\uc73c\uba70, \uc778\uc99d\ub41c \uc0ac\uc6a9\uc790\ub9cc \ub2e4\ub978 \ud398\uc774\uc9c0\uc5d0 \uc811\uadfc\ud560 \uc218 \uc788\ub3c4\ub85d \uad6c\uc131\ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n \n \uc0ac\uc6a9\uc790\uac00 OAuth2 \ub85c\uadf8\uc778\uc744 \ud558\uace0 \ub098\uc11c \uc801\uc808\ud55c \ud398\uc774\uc9c0\ub85c \ub9ac\ub2e4\uc774\ub809\ud2b8\ub418\ub3c4\ub85d \ucee8\ud2b8\ub864\ub7ec\ub97c \uc791\uc131\ud574\uc57c \ud569\ub2c8\ub2e4. \uc544\ub798\ub294 \uae30\ubcf8\uc801\uc778 \ucee8\ud2b8\ub864\ub7ec\uc758 \uc608\uc785\ub2c8\ub2e4.\n <\/p>\n \n \uc774 \ucee8\ud2b8\ub864\ub7ec\ub294 \uae30\ubcf8 \ub8e8\ud2b8 \uacbd\ub85c\uc640 home \uacbd\ub85c\ub97c \uc704\ud574 \uac01\uac01 index.html\uacfc home.html \ud398\uc774\uc9c0\ub97c \ubc18\ud658\ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n \n Thymeleaf\ub97c \uc0ac\uc6a9\ud558\uc5ec View \ud15c\ud50c\ub9bf\uc744 \uc124\uc815\ud569\ub2c8\ub2e4. resources\/templates \ud3f4\ub354\uc5d0 index.html\uacfc home.html\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc544\ub798\ub294 \uac01 \ud30c\uc77c\uc758 \uc0d8\ud50c \ucf54\ub4dc\uc785\ub2c8\ub2e4.\n <\/p>\n \n \ubaa8\ub4e0 \uc124\uc815\uc774 \uc644\ub8cc\ub418\uc5c8\ub2e4\uba74 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc2e4\ud589\ud574\ubcf4\uc138\uc694. IDE\uc5d0\uc11c \uba54\uc778 \ud074\ub798\uc2a4\ub97c \uc2e4\ud589\ud558\uac70\ub098, \ud130\ubbf8\ub110\uc5d0\uc11c \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \ud1b5\ud574 \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n \n \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \uc815\uc0c1\uc801\uc73c\ub85c \uc2e4\ud589\ub418\uba74 \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c http:\/\/localhost:8080<\/a>\uc5d0 \uc811\uc18d\ud558\uc5ec \ub85c\uadf8\uc778 \ud654\uba74\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n \n \ubcf8 \uac15\uc88c\uc5d0\uc11c\ub294 \uc2a4\ud504\ub9c1 \ubd80\ud2b8\ub97c \uc774\uc6a9\ud55c OAuth2 \ub85c\uadf8\uc778\/\ub85c\uadf8\uc544\uc6c3 \uae30\ub2a5\uc758 \uad6c\ud604 \uacfc\uc815\uc744 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc774 \uc608\uc81c\ub294 \uae30\ubcf8\uc801\uc778 \uc124\uc815\uc5d0 \ub300\ud55c \uc18c\uac1c\uc774\uba70, \uc2e4\uc81c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 \ucd94\uac00\uc801\uc778 \ubcf4\uc548 \uc124\uc815\uc774\ub098 \uc0ac\uc6a9\uc790 \ub370\uc774\ud130\uc758 \uc800\uc7a5 \ubc0f \uad00\ub9ac\ub97c \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4. \uc5ec\ub7ec\ubd84\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub9de\ub294 \ubc29\uc2dd\uc73c\ub85c OAuth2\ub97c \ud655\uc7a5\ud558\uace0 \uc0ac\uc6a9\uc790 \uc778\uc99d \uae30\ub2a5\uc744 \uad6c\ud604\ud574 \ubcf4\uc2dc\uae38 \ubc14\ub78d\ub2c8\ub2e4.\n <\/p>\n<\/section>\n1. \uc11c\ub860<\/h2>\n
2. \uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8 \uc2dc\uc791\ud558\uae30<\/h2>\n
\n
\n
\n
3. \uc758\uc874\uc131 \ucd94\uac00\ud558\uae30<\/h2>\n
\n <\/dependencies><\/p>\n\n
\n <dependency>\n <groupId>org.springframework.boot<\/groupId>\n <artifactId>spring-boot-starter-oauth2-client<\/artifactId>\n <\/dependency>\n\n <dependency>\n <groupId>org.springframework.security<\/groupId>\n <artifactId>spring-security-oauth2-client<\/artifactId>\n <\/dependency>\n\n <dependency>\n <groupId>org.springframework.security<\/groupId>\n <artifactId>spring-security-oauth2-jose<\/artifactId>\n <\/dependency>\n <\/code>\n <\/pre>\n4. \uc0ac\uc6a9\uc790 \uc5d4\ud2f0\ud2f0 \ubc0f \ub9ac\ud3ec\uc9c0\ud1a0\ub9ac \uc124\uc815\ud558\uae30<\/h2>\n
\n
\n package com.example.oauth2demo.model;\n\n import javax.persistence.Entity;\n import javax.persistence.GeneratedValue;\n import javax.persistence.GenerationType;\n import javax.persistence.Id;\n\n @Entity\n public class User {\n @Id\n @GeneratedValue(strategy = GenerationType.IDENTITY)\n private Long id;\n\n private String email;\n private String name;\n\n \/\/ Getters and Setters\n }\n <\/code>\n <\/pre>\n\n
\n package com.example.oauth2demo.repository;\n\n import com.example.oauth2demo.model.User;\n import org.springframework.data.jpa.repository.JpaRepository;\n\n public interface UserRepository extends JpaRepository<User, Long> {\n User findByEmail(String email);\n }\n <\/code>\n <\/pre>\n<\/section>\n5. OAuth2 \uc124\uc815\ud558\uae30<\/h2>\n
\n
\n spring:\n security:\n oauth2:\n client:\n registration:\n google:\n client-id: YOUR_CLIENT_ID\n client-secret: YOUR_CLIENT_SECRET\n scope:\n - email\n - profile\n provider:\n google:\n authorization-uri: https:\/\/accounts.google.com\/o\/oauth2\/auth\n token-uri: https:\/\/oauth2.googleapis.com\/token\n user-info-uri: https:\/\/www.googleapis.com\/oauth2\/v3\/userinfo\n user-name-attribute: sub\n <\/code>\n <\/pre>\n6. \ubcf4\uc548 \uad6c\uc131\ud558\uae30<\/h2>\n
\n
\n package com.example.oauth2demo.config;\n\n import org.springframework.context.annotation.Bean;\n import org.springframework.context.annotation.Configuration;\n import org.springframework.security.config.annotation.web.builders.HttpSecurity;\n import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;\n import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;\n\n @Configuration\n @EnableWebSecurity\n public class SecurityConfig extends WebSecurityConfigurerAdapter {\n @Override\n protected void configure(HttpSecurity http) throws Exception {\n http\n .authorizeRequests()\n .antMatchers(\"\/\", \"\/login\", \"\/oauth2\/**\").permitAll()\n .anyRequest().authenticated()\n .and()\n .oauth2Login()\n .defaultSuccessUrl(\"\/home\", true)\n .and()\n .logout()\n .logoutSuccessUrl(\"\/\");\n }\n }\n <\/code>\n <\/pre>\n7. \ucee8\ud2b8\ub864\ub7ec \uc791\uc131\ud558\uae30<\/h2>\n
\n
\n package com.example.oauth2demo.controller;\n\n import org.springframework.stereotype.Controller;\n import org.springframework.web.bind.annotation.GetMapping;\n\n @Controller\n public class MainController {\n @GetMapping(\"\/\")\n public String index() {\n return \"index\"; \/\/ index.html \ud398\uc774\uc9c0 \ubc18\ud658\n }\n\n @GetMapping(\"\/home\")\n public String home() {\n return \"home\"; \/\/ home.html \ud398\uc774\uc9c0 \ubc18\ud658\n }\n }\n <\/code>\n <\/pre>\n8. \ubdf0 \ud15c\ud50c\ub9bf \uc124\uc815\ud558\uae30<\/h2>\n
\n
\n <!-- index.html -->\n <!DOCTYPE html>\n <html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n <head>\n <title>OAuth2 \ub85c\uadf8\uc778 \uc608\uc81c<\/title>\n <\/head>\n <body>\n <h1>\ud658\uc601\ud569\ub2c8\ub2e4!<\/h1>\n <a th:href=\"@{\/oauth2\/authorization\/google}\">\uad6c\uae00 \ub85c\uadf8\uc778<\/a>\n <\/body>\n <\/html>\n <\/code>\n <\/pre>\n\n
\n <!-- home.html -->\n <!DOCTYPE html>\n <html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n <head>\n <title>\ud648 \ud654\uba74<\/title>\n <\/head>\n <body>\n <h1>\ud648\uc5d0 \uc624\uc2e0 \uac83\uc744 \ud658\uc601\ud569\ub2c8\ub2e4!<\/h1>\n <a href=\"\/logout\">\ub85c\uadf8\uc544\uc6c3<\/a>\n <\/body>\n <\/html>\n <\/code>\n <\/pre>\n<\/section>\n9. \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc2e4\ud589\ud558\uae30<\/h2>\n
\n
\n mvn spring-boot:run\n <\/code>\n <\/pre>\n10. \uacb0\ub860<\/h2>\n