From e8b7413c237fc5c020c950713e7e7cdabe132a3a Mon Sep 17 00:00:00 2001
From: taewan2002 <taewan2002@naver.com>
Date: Thu, 8 Feb 2024 13:21:35 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=A0=95=EC=B1=85=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=97=B0=EA=B2=B0=20=EC=88=98=EC=A0=95(safari)v1.4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/signup/SignUpTerms.vue | 14 ++++++++------
 pages/index.vue                   |  2 +-
 pages/setting/index.vue           | 21 ++++++++++++---------
 pages/signin/index.vue            |  3 ++-
 plugins/native.js                 | 16 ++++++++++++++++
 5 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/components/signup/SignUpTerms.vue b/components/signup/SignUpTerms.vue
index 8c6159e6..a02d89ce 100644
--- a/components/signup/SignUpTerms.vue
+++ b/components/signup/SignUpTerms.vue
@@ -41,6 +41,7 @@
 </template>
 
 <script>
+const { $native } = useNuxtApp();
 export default {
     emits: ["all-checkboxes-checked"],
     data() {
@@ -112,12 +113,13 @@ export default {
             return label.replace(/\/(.*?)\//g, "<strong>$1</strong>");
         },
         handleMoveToBrowser(link) {
-            const newTab = window.open(link, "_blank");
-            if (newTab) {
-                newTab.opener = null;
-                newTab.referrerPolicy = "no-referrer";
-                newTab.location.href = serviceCheckbox.content;
-            }
+            $native.openLink(link);
+            // const newTab = window.open(link, "_blank");
+            // if (newTab) {
+            //     newTab.opener = null;
+            //     newTab.referrerPolicy = "no-referrer";
+            //     newTab.location.href = serviceCheckbox.content;
+            // }
         },
     },
 };
diff --git a/pages/index.vue b/pages/index.vue
index 93223c23..3bf041fa 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -42,7 +42,7 @@ const router = useRouter();
 
 onMounted(() => {
   const isOnboarding = window.localStorage.getItem("isOnboarding");
-  if (isOnboarding) {
+  if (!isOnboarding) {
     router.replace(`/onboarding`);
     return;
   }
diff --git a/pages/setting/index.vue b/pages/setting/index.vue
index 852cc294..4b79ccfd 100644
--- a/pages/setting/index.vue
+++ b/pages/setting/index.vue
@@ -130,19 +130,22 @@ export default {
             this.$router.push(`/profile/modify`);
         },
         openKakaoLink() {
-            window.open("https://pf.kakao.com/_vNxnRG", "_blank");
+            $native.openLink("https://pf.kakao.com/_vNxnRG");
+            // window.open("https://pf.kakao.com/_vNxnRG", "_blank");
         },
         openToSLink() {
-            window.open(
-                "https://docent-ai.notion.site/53a465da1ef04985aabba86fdfb5d388?pvs=4",
-                "_blank",
-            );
+            $native.openLink("https://docent-ai.notion.site/53a465da1ef04985aabba86fdfb5d388?pvs=4");
+            // window.open(
+            //     "https://docent-ai.notion.site/53a465da1ef04985aabba86fdfb5d388?pvs=4",
+            //     "_blank",
+            // );
         },
         openPolicyLink() {
-            window.open(
-                "https://docent-ai.notion.site/bdd51533f0424658ac5c52b4cc067cad?pvs=4",
-                "_blank",
-            );
+            $native.openLink("https://docent-ai.notion.site/bdd51533f0424658ac5c52b4cc067cad?pvs=4");
+            // window.open(
+            //     "https://docent-ai.notion.site/bdd51533f0424658ac5c52b4cc067cad?pvs=4",
+            //     "_blank",
+            // );
         },
         logout() {
             const { reset } = useUserStore();
diff --git a/pages/signin/index.vue b/pages/signin/index.vue
index 10ec2147..a9648bf7 100644
--- a/pages/signin/index.vue
+++ b/pages/signin/index.vue
@@ -60,7 +60,8 @@ export default {
             const { getSocialLogin } = useAuthService();
             const res = await getSocialLogin(service);
             if (res.success) {
-                window.location.href = res.data.url;
+                console.log("res.data.url", res.data.url);
+                await $native.openKakaoLink(res.data.url);
             } else {
                 this.isOAuthFailed = true;
                 alert("로그인에 실패하였습니다.\n", res.message);
diff --git a/plugins/native.js b/plugins/native.js
index 9b7a8b09..60012b5c 100644
--- a/plugins/native.js
+++ b/plugins/native.js
@@ -37,6 +37,22 @@ export default defineNuxtPlugin(() => {
                 }, 300); // 300ms 딜레이
             }
         },
+        // openKakaoLink 함수를 native 객체에 추가
+        openKakaoLink: async (url) => {
+            if (isIOSApp() && window.webkit && window.webkit.messageHandlers.openKakaoLink) {
+                window.webkit.messageHandlers.openKakaoLink.postMessage(url);
+                // } else {
+                //     window.location.href = url;
+                // }
+            }
+        },
+        openLink: async (url) => {
+            if (isIOSApp() && window.webkit && window.webkit.messageHandlers.openLink) {
+                window.webkit.messageHandlers.openLink.postMessage(url);
+            } else {
+                window.location.href = url;
+            }
+        }
     };
 
     // native 객체를 Nuxt 애플리케이션에 제공