Tutorial Flask para crear un API REST con VueJS

En el siguiente tutorial con Flask vamos a construir un API REST completa paso a paso en 18 sencillos temas. Aprenderemos a trabajar con Flask, a realizar un esquema sencillo, a conectar con una base de datos, realizar un CRUD, a conectar con una base de datos, crear una interfaz con VueJS, e integrarlo todo con comodidad. Todos temas son accesibles desde cada rama del repositorio.

El objetivo no es aburrirte con infinitas explicaciones, sino darte nociones reales para trabajar. De ese modo podrás experimentar revisando el código que te dejo en cada tema.

Indice

• Tema 1: Flask
  • 1-1 Hola Flask
  • 1-2 Hola API Rest
  • 1-3 Preparamos proyecto
• Tema 2: API Rest
  • 2-1 Hola Flask-restplus
  • 2-2 Primeras llamadas
  • 2-3 Completamos las peticiones
• Tema 3: Base de datos
  • 3-1 ORM con SQLAlchemy
  • 3-2 Migraciones
  • 3-3 Generando información para desarrollo
  • 3-4 Esquemas para crear JSONs
  • 3-5 CRUD y definiciones finales
• Tema 4: Vue-cli
  • 4-1 Hola Vue-cli
  • 4-2 Plantilla HTML
  • 4-3 Vue-resource: Peticiones desde VueJS
  • 4-4 Guardamos un dato nuevo
  • 4-5 Componente nuevo
  • 4-6 Compilamos e integramos en Flask
  • 4-7 Detalles estéticos

Objetivo final

Prueba la DEMO

Necesitaremos

• Portátil, y tuyo.
• Python 3.5>
• Internet superior a 56k
• Editor de texto enriquecido y con fundamento.
• httpie
• pipenv

¿Bibliotecas?

Microframework Web

• Flask.

Base de datos

• Flask-SQLAlchemy: ORM
• Flask-Migrate: Añade herramientas para gestionar nuestra base de datos.
• Flask-Script: Creación de comandos personalizados
• Faker: Generador de información falsa

API Rest

• Flask-restplus: Nos ayuda con las peticiones y autodocumentación
• Flask-JWT: Identificación básica.
• Flask-marshmallow: Convertirá los objetos ORM en JSON.
• Flask-CORS: Nos permitirá peticiones desde el exterior.

Herramientas de desarrollo

• httpie: Cliente de API Rest para pruebas.
• python-dotenv: Implementación de un archivo de configuración.

Instalación

Si estas en Debian/Ubuntu, antes necesitarás.

sudo apt-get install python3-venv

¡Ahora sí!

git clone git@github.com:tanrax/workshop-flask-with-vuejs.git
cd workshop-flask-with-vuejs
python3 -m venv venv
source venv/bin/activate
pip3 install -r requirements.txt

¿Empezamos?

Tema 1 Paso 1

¡Pista para programadores!

Para seguir el taller sin perderte puedes ir saltando a los 🎈checkpoints🎈 de la siguiente manera.

git checkout tema1-1