Modelando la base datos y schema

Clase 6 de 23 • Curso Avanzado de Node.js con GraphQL, Apollo Server y Prisma

Mauricio Combariza

student•

Schema.prisma

// This is your Prisma schema file,
// learn more about it in the docs: https://pris.ly/d/prisma-schema

datasource db {
  provider = "sqlite"
  url      = "file:./dev.db"
}

generator client {
  provider = "prisma-client-js"
}

model Avocado {
  id        Int       @id @default(autoincrement())
  createdAt DateTime  @default(now())
  updatedAt DateTime? @updatedAt
  deletedAt DateTime?
  name       String
  sku        String      @unique
  price      Float
  image      String
  attributes Attributes?
}

model Attributes {
  id          Int     @id @default(autoincrement())
  description String?
  shape       String?
  hardiness   String?
  taste       String?
  avocado     Avocado @relation(fields: [avocadoId], references: [id])
  avocadoId   Int
}

Steve Anthony Luzquiños Agama

student•

Para que los archivos .prisma tengan highlinting y también intellisense, les recomiendo instalar la extensión de vscode llamada Prisma.

Emmanuel Rodríguez

student•

Modelado Prisma

. 🛠 Repositorio Link

🚧 Commit Link . Para este caso, me ha interesado dividir nuestro schema.prisma, con el cual es posible mediante la herramienta Prismix. . Retomando mi diseño:

. Definiendo un par de modelos:

// product.prisma
model Product {
    id       Int     @id @default(autoincrement())
    name     String
    price    Decimal
    quantity Int
    image    String

    categoryId Int
    category   Category @relation(fields: [categoryId], references: [id])

    @@map("product")
}

model Category {
    id       Int       @id
    products Product[]
}

// category.prisma
model Category {
    id   Int    @id @default(autoincrement())
    name String

    @@map("category")
}

Configuración Prismix

Después de instalar la dependencia como desarrollo Link, anexo la configuración de prismix:

{
    "mixers": [
        {
            "input": ["./src/db/models/*.prisma"],
            "output": "./prisma/schema.prisma"
        }
    ]
}

Por último, anexo en package.json prisma y prismix:

{
    "scripts": {
        "prismix": "npx prismix && npx prisma format"
    },
   //...
    "prisma": {
        "schema": "./prisma/schema.prisma",
        "seed": "ts-node ./prisma/seed.js"
    }
}

José Luis Encastin Flores

student•

Woow! Gran explicación!

Agustin Caldart

student•

Una pregunta fuera del curso como tal. Como puedo utilizar los comando de git tales como gss. No se si ve en algún curso de platzi. Saludos

Juan Castro

teacher•

Mira: https://jonsuh.com/blog/git-command-line-shortcuts/

Emmanuel Rodríguez

student•

Hola, 👋

En mi caso, utilizo alias dentro mi configuración de shell (Zsh, bash, etc.).

Juan compartió un enlace cool para este escenario 😊

Te puedo compartir un pedazo pequeño de mi configuración.

# git
alias logs="git log --color | devmoji --log --color"
# :tada: -> 🎉
function init() {
  git init
  git add . && git commit -m "init: :tada: welcome "$1""
}

Diego Vergara

student•

Me arrojaba un error el modelos de atributos, lo solucione agregando el decorador @unique al campo avocadoId, por si a alguien más le sale ese mismo error.

model Attributes {
  id          Int     @id @default(autoincrement())
  description String?
  shape       String?
  hardiness   String?
  taste       String?
  avocado     Avocado @relation(fields: [avocadoId], references: [id])
  avocadoId   Int @unique
}

Sergio Brandon De Lucio Chavero

student•

A mí después de instalar la extensión para GraphQL de VScode

Sergio Brandon De Lucio Chavero

student•

A mí después de instalar la extensión para GraphQL de VS Code

Luis Alfredo Hernández Duarte

student•

Si gustan trabajar directamente con Postgresql de una vez pueden poner en la url de db el string de conexión: Y todo debe funcionar exactamente igual ^^

datasource db {
  provider = "postgresql"
  url      = "postgres://<user>:<password>@<server>:<port>/<dbname>"
}

Luciano Cavallo

student•

Que locura Prisma! 🙃 👌

Camilo Perilla

student•

Solo para confirmar. Prisma nos brinda types basados en el modelo que creamos para nuestra base de datos, pero el schema de graphql sigue estando creado de forma "manual" por lo que los tipos que le pasamos a apollo -server los creamos nosotros, verdad?

Jonathan 🦑 Alvarez

teacher•

Así es Camilo! ese fue el camino que tomamos. No obstante Prisma en usos más avanzados permite autogenerar esta parte también

ROGER DE LA CRUZ ALARCON

student•

como puedo guiarme para crear las carpetas de api?

Jose Alberto Reyes Quevedo

student•

cual es la diferencia entre ?

import type { Avocado}  from '@prisma/client'

import { Avocado}  from '@prisma/client'

Axel Yaguana

Team Platzi•

¡Hola! :grinning:

La diferencia entre esas dos importaciones radica en cómo se está importando el tipo "Avocado" del módulo @prisma/client.

import type { Avocado } from '@prisma/client': Esta importación utiliza la sintaxis import type para importar únicamente el tipo "Avocado" sin importar el valor real del módulo. Esta sintaxis se utiliza en TypeScript cuando solo necesitas el tipo de un módulo y no necesitas acceder a los valores reales en tiempo de ejecución. Es una forma de importación más liviana y se utiliza para evitar sobrecargar el código con dependencias innecesarias.
import { Avocado } from '@prisma/client': Esta importación importa tanto el tipo "Avocado" como los valores reales del módulo '@prisma/client'. Es decir, no solo puedes acceder al tipo "Avocado" para realizar anotaciones de tipo en tu código, sino que también puedes acceder a las funcionalidades y objetos exportados por el módulo.

La elección entre estas dos formas de importación depende de tus necesidades específicas en el código. Si solo necesitas el tipo para realizar anotaciones de tipo, y no necesitas acceder a los valores reales en tiempo de ejecución, puedes optar por import type. Si necesitas tanto el tipo como los valores reales del módulo, entonces utiliza import.

Jose Alberto Reyes Quevedo

student•

Porque el ultimo argumento del comando

npx prisma migrate dev

es la palabra "dev", podría ser cualquier otra cosa?

Irving Juárez

student•

La AI es una buena herramienta para pasar lo que tenemos en schema.graphql para lo que queremos en schema.prisma

// This is your Prisma schema file,
// learn more about it in the docs: https://pris.ly/d/prisma-schema

datasource db {
  provider = "sqlite"
  url      = "file:./dev.db"
}

generator client {
  provider = "prisma-client-js"
}

model Avocado {
  id        Int       @id @default(autoincrement())
  createdAt DateTime  @default(now())
  updatedAt DateTime? @updatedAt
  deletedAt DateTime?
  name       String
  sku        String      @unique
  price      Float
  image      String
  attributes Attributes?
}

model Attributes {
  id          Int     @id @default(autoincrement())
  description String?
  shape       String?
  hardiness   String?
  taste       String?
  avocado     Avocado @relation(fields: [avocadoId], references: [id])
  avocadoId   Int
}

// product.prisma
model Product {
    id       Int     @id @default(autoincrement())
    name     String
    price    Decimal
    quantity Int
    image    String

    categoryId Int
    category   Category @relation(fields: [categoryId], references: [id])

    @@map("product")
}

model Category {
    id       Int       @id
    products Product[]
}

model Attributes {
  id          Int     @id @default(autoincrement())
  description String?
  shape       String?
  hardiness   String?
  taste       String?
  avocado     Avocado @relation(fields: [avocadoId], references: [id])
  avocadoId   Int @unique
}

Modelando la base datos y schema

Introducción

¿Por qué GraphQL?

Arquitectura backend con Node.js y GraphQL

Construyendo una query simple con Apollo Server

Scalars, filtros y queries avanzadas

Base de datos y ORM

ORMs, Prisma y automatización

Modelando la base datos y schema

Resolvers para mutaciones y filtros

Filtros en Prisma

Paginación y filtros avanzados

Archivos estáticos

Archivos estáticos con Express.js y Apollo Server

Producción

Protección de recursos en GraphQL

Testing

Pruebas End to End: Estrategias y Herramientas Efectivas

Preparando la app para producción

Preparando el servidor para Heroku

Introspección

Bases de datos en producción

Deploying

Próximos pasos

Reto: guestbook

Desventajas de GraphQL

Frameworks de GraphQL

Conectemos el frontend