fullstack fastapi vuejs price aggregator

Agregador de precios Fullstack

Agregador de precios de supermercados del Reino Unido mediante web scraping. Esto fue desarrollado para mi proyecto universitario como MVP por lo que hay aspectos que no funcionan correctamente. Puede que lo actualice en el futuro.

Características

• Backend REST de Python a través de FastAPI
• VueJS Frontend SPA con TypeScript usando esta plantilla.
• Autenticación JWT entre backend y frontend
• CLI
• Estibador
• Poesía
• Precios web raspados a través de selectorlib
• Raspe páginas habilitadas para JavaScript usando Splash

Configuración

Asegúrese de tener Docker y Node.js instalados.

1. Clonar este repositorio
2. cd en la raíz del proyecto y ejecute docker-compose up --build -d . Inicia el backend y, en la primera ejecución, creará todos los contenedores necesarios, lo que puede tardar unos minutos.
3. Una vez que el backend haya terminado de construirse, obtenga un shell con docker-compose exec backend bash .
4. Para inicializar la base de datos, ejecute python manage.py createdb desde el shell bash.
   • (Opcional) Para inicializar la base de datos con datos ficticios, ejecute python manage.py seeddb Tenga en cuenta que todas las contraseñas están configuradas como contraseña.
5. cd en el directorio del cliente, ejecute npm install , que instalará los módulos de nodo necesarios.
6. ejecute npm run serve que servirá a la interfaz del cliente.

URL del proyecto

URL	Descripción
0.0.0.0:8000/api	API JSON de back-end
0.0.0.0:8000/docs	Documentación de referencia de API generada por Backend OpenAPI/Swagger
0.0.0.0:8000/redoc.	Documentación interactiva alternativa proporcionada por ReDoc
servidor local: 9527	Aplicación frontend VueJS de una sola página

CLI

El backend incluye una CLI que está fuertemente inspirada en Dispatch de Netflix.

Se utilizó typer (mismo autor que FastAPI) para crear una CLI para el proyecto y se accede a él a través de Manage.py.

Para ejecutar comandos, necesitará un shell que se ejecute dentro del contenedor backend con:

 docker-compose run backend bash

Para ver todos los comandos disponibles:

 root@72293bee6b37:/app# python manage.py 
Usage: manage.py [OPTIONS] COMMAND [ARGS]...

Options:
  --help  Show this message and exit.

Commands:
  config      Display application configuration.
  createdb    Creates an empty database.
  createrole  Add role to database.
  createuser  Create new user in the database.
  develop     Start a development server with reload.
  dropdb      Drop the existing database.
  routes      Display application routes and dependencies.
  seeddb      Add fake data to database.
  shell       Starts an interactive shell with app object imported.

Rutas

 root@72293bee6b37:/app# python manage.py routes

Application Endpoints
Path                           Methods    Dependencies
-----------------------------  ---------  --------------------------------------------------------
/api/v1/users/                 GET        ['RoleChecker: Roles: admin,user']
/api/v1/users/                 POST       ['RoleChecker: Roles: admin,user']
/api/v1/users/{id}             GET        ['RoleChecker: Roles: admin,user']
/api/v1/users/{id}             PUT        ['RoleChecker: Roles: admin,user']
/api/v1/users/{id}             DELETE     ['RoleChecker: Roles: admin,user']
/api/v1/users/{id}/roles       GET        ['RoleChecker: Roles: admin,user']
/api/v1/users/{id}/roles       PUT        ['RoleChecker: Roles: admin,user']
/api/v1/users/{id}/shops       GET        ['RoleChecker: Roles: admin,user']
/api/v1/users/{id}/shops       PUT        ['RoleChecker: Roles: admin,user']
/api/v1/roles/                 GET        ['RoleChecker: Roles: admin,user']
/api/v1/roles/                 POST       ['RoleChecker: Roles: admin,user']
/api/v1/roles/{id}             GET        ['RoleChecker: Roles: admin,user']
/api/v1/roles/{id}             PUT        ['RoleChecker: Roles: admin,user']
/api/v1/roles/{id}             DELETE     ['RoleChecker: Roles: admin,user']
/api/v1/shops/                 GET        ['RoleChecker: Roles: admin,user']
/api/v1/shops/                 POST       ['RoleChecker: Roles: admin,user']
/api/v1/shops/{id}             PUT        ['RoleChecker: Roles: admin,user']
/api/v1/shops/{id}             DELETE     ['RoleChecker: Roles: admin,user']
/api/v1/shops/listings/        GET        ['RoleChecker: Roles: admin,user']
/api/healthcheck               GET        []

configuración

 python manage.py config

Application Configuration
Setting                     Value(s)
--------------------------  --------------------------------------------------------------------
APP_DIR                     /app/app
STATIC_DIR                  /app/app/static
EMAIL_TEMPLATES_DIR         /app/app/static/email-templates/html
PROJECT_NAME                Fastapi Backend
SERVER_HOST                 0.0.0.0
CORS_WHITELIST              ['http://localhost', 'http://localhost:8000', 'http://0.0.0.0:8000']
FASTAPI_ENV                 development
DEBUG                       False
LOG_LEVEL                   debug
FIRST_SUPERUSER             [email protected]
FIRST_SUPERUSER_PASSWORD    a5dbf43e07f4d19e5b73bc89a8f74
USERS_OPEN_REGISTRATION     True
SECRET_KEY                  **********
JWT_AUTH_LIFETIME_SECONDS   604800
JWT_EMAIL_LIFETIME_SECONDS  3600
SMTP_USER                   [email protected]
SMTP_PASSWORD               **********
SMTP_TLS                    False
SMTP_SSL                    False
SMTP_HOST                   mailhog
SMTP_PORT                   1025
POSTGRES_USER               postgres
POSTGRES_PASSWORD           **********
POSTGRES_HOST               postgres
POSTGRES_PORT               5432
POSTGRES_DB                 fastapi_backend

Vistas frontales

Vista de inicio de sesión

Vista del panel de administración

Vista CRUD del usuario

Vista de creación de usuario

Vista de perfil de usuario

Comprar vista CRUD

Vista de selección de tienda

Vista de listados eliminados