Головна сторінка Огляд Довідка
Реєстрація Увійти
ai-anchor
/
video-maker
3
0
Відгалуження 0
Файли Проблеми 4 Запити на злиття 0 Wiki
Переглянути джерело

update

SyuanYu 2 роки тому
батько
50f8c9b783
коміт
eff10e4925
3 змінених файлів з 18 додано та 1 видалено
Об'єднаний вигляд Показати статистику Diff
  1. 1 0
      frontend/index.html
  2. 4 0
      frontend/src/main.ts
  3. 13 1
      frontend/src/views/Login.vue

+ 1 - 0
frontend/index.html
Переглянути файл 

@@ -15,6 +15,7 @@
 
 <body>
 
 <body>
 
   <div id="app"></div>
 
   <div id="app"></div>
 
   <script type="module" src="/src/main.ts"></script>
 
   <script type="module" src="/src/main.ts"></script>
 
+  <!-- <script src="https://apis.google.com/js/platform.js" async defer></script> -->
 
 </body>
 
 </body>
 
 
 
 </html>
 
 </html>

+ 4 - 0
frontend/src/main.ts
Переглянути файл 

@@ -4,6 +4,7 @@ import App from "./App.vue";
 
 import { vuetify } from "./plugins/vuetify";
 
 import { vuetify } from "./plugins/vuetify";
 
 import { pinia } from "./plugins/pinia";
 
 import { pinia } from "./plugins/pinia";
 
 import i18n from './plugins/i18n'
 
 import i18n from './plugins/i18n'
 
+import vue3GoogleLogin from 'vue3-google-login'
 
 
 
 const app = createApp(App);
 
 const app = createApp(App);
 
 
 
@@ -11,5 +12,8 @@ app.use(pinia);
 
 app.use(router);
 
 app.use(router);
 
 app.use(vuetify);
 
 app.use(vuetify);
 
 app.use(i18n);
 
 app.use(i18n);
 
+app.use(vue3GoogleLogin, {
 
+    clientId: '136107811725-n71808u8t465f1afhpe2e5j7mn606nd8.apps.googleusercontent.com'
 
+})
 
 
 
 app.mount("#app");
 
 app.mount("#app");

+ 13 - 1
frontend/src/views/Login.vue
Переглянути файл 

@@ -8,6 +8,15 @@ import { useI18n } from "vue-i18n";
 
 import { googleTokenLogin } from "vue3-google-login";
 
 import { googleTokenLogin } from "vue3-google-login";
 
 import { saveLocalToken } from "@/utils";
 
 import { saveLocalToken } from "@/utils";
 
 import Navbar from "@/components/Navbar.vue";
 
 import Navbar from "@/components/Navbar.vue";
 
+import { decodeCredential } from "vue3-google-login";
 
+
 
+const callback = (response: any) => {
 
+  // This callback will be triggered when the user selects or login to
 
+  // his Google account from the popup
 
+  console.log("Handle the response", response);
 
+  const userData = decodeCredential(response.credential);
 
+  console.log("Handle the userData", userData);
 
+};
 
 
 
 const GOOGLE_CLIENT_ID =
 
 const GOOGLE_CLIENT_ID =
 
   "136107811725-n71808u8t465f1afhpe2e5j7mn606nd8.apps.googleusercontent.com";
 
   "136107811725-n71808u8t465f1afhpe2e5j7mn606nd8.apps.googleusercontent.com";
 
@@ -23,7 +32,8 @@ const handleGoogleAccessTokenLogin = () => {
 
     data.value = response;
 
     data.value = response;
 
     saveLocalToken(response.access_token);
 
     saveLocalToken(response.access_token);
 
     mainStore.setToken(response.access_token);
 
     mainStore.setToken(response.access_token);
 
-    mainStore.googleLogin(response.access_token);
 
+    const userData = decodeCredential(response.credential);
 
+    console.log("Handle the userData", userData);
 
   });
 
   });
 
 };
 
 };
 
 
 
@@ -130,6 +140,8 @@ onMounted(() => {
 
               <span></span>
 
               <span></span>
 
             </section>
 
             </section>
 
 
 
+            <GoogleLogin :callback="callback" prompt auto-login class="mt-5" />
 
+
 
             <v-btn
 
             <v-btn
 
               class="google-btn"
 
               class="google-btn"
 
               type="button"
 
               type="button"