Home Explore
Sign In
tbtchan
/
fis-client-demo
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

add google logout

thomas 3 years ago
parent
1d2d6e8292
commit
2ccbe350d0
3 changed files with 36 additions and 3 deletions
Unified View Show Diff Stats
  1. 2 2
      public/login.html
  2. 32 0
      public/logout.html
  3. 2 1
      src/components/GoogleLogin.vue

+ 2 - 2
public/accessdata.html → public/login.html
View File 

@@ -5,7 +5,7 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <meta name="google-signin-client_id" content="398214166622-jkme0i3k4tbsgqh19aejaqatrark5l94.apps.googleusercontent.com">
 
     <meta name="google-signin-client_id" content="398214166622-jkme0i3k4tbsgqh19aejaqatrark5l94.apps.googleusercontent.com">
 
-    <title>GetAccess Data</title>
 
+    <title>Login google</title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
     <h1>Get Google Token</h1>
 
     <h1>Get Google Token</h1>
 
@@ -36,7 +36,7 @@
 
 
 
     <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
 
     <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
 
     <script>
 
     <script>
 
-      const code = (new URLSearchParams(window.location.search)).get('code')
 
+
 
       console.log({code})
 
       console.log({code})
 
     </script>
 
     </script>

+ 32 - 0
public/logout.html
View File 

@@ -0,0 +1,32 @@
 
+<!DOCTYPE html>
 
+<html lang="">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
+    <meta name="google-signin-client_id" content="398214166622-jkme0i3k4tbsgqh19aejaqatrark5l94.apps.googleusercontent.com">
 
+    <title>Clear google Login</title>
 
+  </head>
 
+  <body>
 
+    <h1>Clear Google Token</h1>
 
+    <button onclick="Logout()">Logout</button>
 
+    <script>
 
+      function Logout() {
 
+        console.log('onSuccess');
 
+        var auth2 = gapi.auth2.getAuthInstance();
 
+        auth2.signOut().then(function () {
 
+          window.location.href = '/'
 
+        });
 
+      }
 
+  
+    function onLoad() {
 
+      gapi.load('auth2', function() {
 
+        gapi.auth2.init();
 
+      });
 
+    }
 
+    </script>
 
+
 
+    <script src="https://apis.google.com/js/platform.js?onload=onLoad" async defer></script>
 
+
 
+  </body>
 
+</html>

+ 2 - 1
src/components/GoogleLogin.vue
View File 

@@ -2,7 +2,8 @@
 
   <div>
 
   <div>
 
       <h3>Google IdToken</h3>
 
       <h3>Google IdToken</h3>
 
       <button :disabled="loginDisabled()" @click="loginUsingIdToken">Login</button>
 
       <button :disabled="loginDisabled()" @click="loginUsingIdToken">Login</button>
 
-      <a style="margin: 0em 1em; " href="accessdata.html">GET</a>
 
+      <a style="margin: 0em 1em; " href="login.html">GET</a>
 
+      <a style="margin: 0em 1em; " href="logout.html">CLEAR</a>
 
       <div v-if="idToken" style="overflow: hidden; font-size: xx-small; margin: 1em 0em; ">{{ idToken }}</div>
 
       <div v-if="idToken" style="overflow: hidden; font-size: xx-small; margin: 1em 0em; ">{{ idToken }}</div>
 
   </div>
 
   </div>
 
 </template>
 
 </template>