added logout functionality, fixes #15

vmartynets · vmartynets · commit 9d4c8606b5e2 · 2017-05-21T22:02:44.000+03:00
diff --git a/00-Starter-Seed/public/app.js b/00-Starter-Seed/public/app.js
@@ -12,6 +12,11 @@ $(document).ready(function() {
         scope: 'openid profile',
         responseType: 'code',
         redirectUri: AUTH0_CALLBACK_URL
-      });
+      }); 
     });
+    
+    $('.btn-logout').click(function(e) {
+      e.preventDefault();
+      window.location.href = '/logout';
+    })
 });
diff --git a/00-Starter-Seed/server.py b/00-Starter-Seed/server.py
@@ -1,6 +1,7 @@
 """Python Flask WebApp Auth0 integration example
 """
 from functools import wraps
+from urllib.parse import urlparse
 from os import environ as env, path
 import json
 
@@ -47,8 +48,14 @@ def home():
 @requires_auth
 def dashboard():
     return render_template('dashboard.html',
-                           user=session[constants.PROFILE_KEY])
+                           user=session[constants.PROFILE_KEY], env=env)
 
+@APP.route('/logout')
+def logout():
+    session.clear()
+    parsed_base_url = urlparse(AUTH0_CALLBACK_URL)
+    base_url = parsed_base_url.scheme + '://' + parsed_base_url.netloc
+    return redirect('https://%s/v2/logout?returnTo=%s&client_id=%s' % (AUTH0_DOMAIN, base_url, AUTH0_CLIENT_ID))
 
 @APP.route('/public/<path:filename>')
 def static_files(filename):
diff --git a/00-Starter-Seed/templates/dashboard.html b/00-Starter-Seed/templates/dashboard.html
@@ -5,8 +5,16 @@
         <!-- font awesome from BootstrapCDN -->
         <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
         <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
-
+        <script src="http://code.jquery.com/jquery-3.1.0.min.js" type="text/javascript"></script>
+        <script src="https://cdn.auth0.com/js/auth0/8.6.0/auth0.min.js"></script>
+        <script src="/public/app.js"> </script>
         <link href="/public/app.css" rel="stylesheet">
+        <script>
+        var AUTH0_CLIENT_ID = '{{env.AUTH0_CLIENT_ID}}';
+        var AUTH0_DOMAIN = '{{env.AUTH0_DOMAIN}}';
+        var AUTH0_CALLBACK_URL = '{{env.AUTH0_CALLBACK_URL if env.AUTH0_CALLBACK_URL else "http://localhost:3000/callback" }}';
+        var API_AUDIENCE = '{{env.API_ID}}';
+        </script>
     </head>
     <body class="home">
         <div class="container">
@@ -15,6 +23,7 @@
                 <h1 id="logo"><img src="//cdn.auth0.com/samples/auth0_logo_final_blue_RGB.png" /></h1>
                 <img class="avatar" src="{{user['picture']}}"/>
                 <h2>Welcome {{user['nickname']}}</h2>
+                <a class="btn btn-primary btn-lg btn-logout btn-block">Logout</a>
               </div>
             </div>
         </div>
