From c0d77dee34ea34a10abad92b59b7c1d6f4a656a6 Mon Sep 17 00:00:00 2001
From: jhs512 <jangka512@gmail.com>
Date: Fri, 28 Apr 2023 17:20:05 +0900
Subject: [PATCH] =?UTF-8?q?instagram=20=EC=97=B0=EA=B2=B0=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/application-secret.yml.default    |  3 +++
 src/main/resources/application.yml                   | 12 ++++++++++++
 .../resources/templates/usr/instaMember/connect.html |  7 +++++++
 3 files changed, 22 insertions(+)

diff --git a/src/main/resources/application-secret.yml.default b/src/main/resources/application-secret.yml.default
index c4d72fe..e467fd4 100644
--- a/src/main/resources/application-secret.yml.default
+++ b/src/main/resources/application-secret.yml.default
@@ -12,5 +12,8 @@ spring:
             clientId: 'CLIENT ID'
             client-secret: 'CLIENT PASSWORD'
           facebook:
+            clientId: 'CLIENT ID'
+            client-secret: 'CLIENT PASSWORD'
+          instagram:
             clientId: 'CLIENT ID'
             client-secret: 'CLIENT PASSWORD'
\ No newline at end of file
diff --git a/src/main/resources/application.yml b/src/main/resources/application.yml
index 2094698..5975af4 100644
--- a/src/main/resources/application.yml
+++ b/src/main/resources/application.yml
@@ -41,6 +41,13 @@ spring:
             redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}'
             client-name: Facebook
             scope:
+          instagram:
+            provider: instagram
+            scope: user_profile,user_media
+            client-name: Instagram
+            authorization-grant-type: authorization_code
+            redirect-uri: "{baseUrl}/login/oauth2/code/{registrationId}"
+            client-authentication-method: client_secret_post
         provider:
           kakao:
             authorization-uri: https://kauth.kakao.com/oauth/authorize
@@ -52,6 +59,11 @@ spring:
             token-uri: https://nid.naver.com/oauth2.0/token
             user-info-uri: https://openapi.naver.com/v1/nid/me
             user-name-attribute: response
+          instagram:
+            authorization-uri: https://api.instagram.com/oauth/authorize
+            token-uri: https://api.instagram.com/oauth/access_token
+            user-info-uri: https://graph.instagram.com/me?fields=id,username&access_token={access-token}
+            user-name-attribute: username
   jpa:
     hibernate:
       ddl-auto: create
diff --git a/src/main/resources/templates/usr/instaMember/connect.html b/src/main/resources/templates/usr/instaMember/connect.html
index f77b5b4..f4aa8e1 100644
--- a/src/main/resources/templates/usr/instaMember/connect.html
+++ b/src/main/resources/templates/usr/instaMember/connect.html
@@ -102,6 +102,13 @@ <h1 class="mb-4">
                 <span>인스타 아이디 입력</span>
             </button>
         </form>
+
+        <div class="mt-4">
+            <a href="/oauth2/authorization/instagram" class="btn btn-block btn-outline gap-1">
+                <i class="fa-brands fa-instagram text-[color:#E1306C]"></i>
+                <span>인스타 아이디 연결</span>
+            </a>
+        </div>
     </div>
 </main>
 </body>