Added an index page the hits the API for some data

7 years ago · a2e3ad84c1
parent b048fe1254
commit a2e3ad84c1
3 changed files with 59 additions and 3 deletions
--- a/cookie_api/app.py
+++ b/cookie_api/app.py
@ -1,11 +1,21 @@
+from apistar import Route
+from apistar.http import HTMLResponse
 from apistar_jwt import JWT
+import logbook
 from sqlalchemy import create_engine
+from pathlib import Path

 from cookie_api.auth import auth_routes
 from cookie_api.logger import global_init
 from cookie_api.resources import cookie_routes
 from cookie_api.util import SQLAlchemyHook, SQLAlchemySession, MetaApp as App

+BASEDIR = Path(__file__).parent
+TEMPLATE_DIR = BASEDIR.joinpath('templates')
+STATIC_DIR = BASEDIR.joinpath('static')
+
+logger = logbook.Logger(__name__)
+
 engine = create_engine('postgresql://apistar@localhost:5432/apistar')

 app_settings = {
@ -14,7 +24,15 @@ app_settings = {
    }
 }

-_routes = cookie_routes + auth_routes
+
+def return_index_html():
+    with open(STATIC_DIR.joinpath('index.html'), mode='rb') as f:
+        return HTMLResponse(content=f.read())
+
+
+index = Route('/', 'GET', return_index_html)
+
+_routes = cookie_routes + auth_routes + [index]

 _hooks = [SQLAlchemyHook]

@ -27,12 +45,17 @@ _components = [
 ]


-def application_factory(routes=_routes, components=_components, hooks=_hooks, settings={}, ):
+def application_factory(routes=_routes, components=_components, hooks=_hooks, settings={}, template_dir=TEMPLATE_DIR,
+                        static_dir=STATIC_DIR):
    """Returns an instance of Cookie API"""
    _settings = {**app_settings, **settings}

    global_init(_settings)
+    logger.info("Template directory {}".format(TEMPLATE_DIR))
+    logger.info("Static directory {}".format(STATIC_DIR))

    return App(components=components,
               event_hooks=hooks,
-               routes=routes)
+               routes=routes,
+               template_dir=template_dir.name,  # have to use name because of Jinja2
+               static_dir=static_dir)
--- a/cookie_api/static/index.html
+++ b/cookie_api/static/index.html
@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Cookie API</title>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+</head>
+<body>
+    <h1>APIStar Cookies</h1>
+    <div id="app">
+        <ul>
+            <li v-for="cookie in cookies">
+                {{ cookie.name }}
+            </li>
+        </ul>
+    </div>
+    <script>
+        let vm = new Vue({
+            el: '#app',
+            data: {
+                cookies: []
+            },
+            created() {
+                axios.get("http://localhost:5000/cookies").then(
+                    (response) => {
+                    this.cookies = response.data.data
+                })
+            },
+        });
+    </script>
+</body>
+</html>
--- a/cookie_api/templates/.gitignore
+++ b/cookie_api/templates/.gitignore