#es que depende lo que quieres hacer
stray surge
al final estoy guardando las imágenes en la db
umbral lance
al final estoy guardando las imágenes en la db
lograste hacerlo? cuando la recibas
transformas la imagen en una blob con al funcion que te envie
umbral lance
y crear un URL
umbral lance
Como eso? xd
stray surge
me he creado un endpoint para conectarme con cloudinary y almacernar ahí las imagenes, igual que hice con la user profile picture, lo cual me está funcionando
he tenido que crearme otro modelo
y los he relacionado ambos
umbral lance
a ok
stray surge
ahora mi problema es
umbral lance
es decir que cargas las imagenes en cloudinary y luego insertas la URL
en una etiqueta <img src={URL} />
stray surge
que aqui en experts ya no tengo files
y ya estoy jodida porque no sé muy bien como juntarlo con front
me dispongo a intentarlo xD
umbral lance
podrias guardar la url de la imagen en la BD local de postgress
stray surge
me he creado este fetch
umbral lance
algo como que cada usuario va estar vinculado a un conjunto de imagenes
stray surge
algo como que cada usuario va estar vinculado a un conjunto de imagenes
eso lo tengo
stray surge
o sea si te das cuenta en el postman
esta todo id: 1 y las imagenes
estan vinculadas al usuario
umbral lance
entonces tienes que tener un metodo GET, el cual obtenga todo esas URL
para poder recibirlas en el front
en el front puedes tener un useEffect() con un fetch para obtener las url de las imagenes
y luego renderlizaras como tal
stray surge
mmm vale. Así como he hecho con expertos, tengo que hacer un get de las files
vale, lo tengo
umbral lance
Si algo asi
aunque en lo que a mi respecta, lo ideal seria que le pasaras un parametros como el id del usuario y directamente en el postgres solamente te pase la URL que coincidan con el publish_id que le pases
stray surge
no sé hacer eso...
es que..esta parte del proyecto
se me esta complicando
creo que no tengo lo conocimiento suficientes y me esta costando encajar todas las piezas
umbral lance
@api.route("/experts-art-work/<id>")
pero bueno, poco a poco
umbral lance
Si de a poco se va aprendiendo
al menos que tenga fecha de entrega
ahi es cuando no es tan divertido jaja
stray surge
y como lo filtro?
porque ya no sería query.all
art = File.query.filter_by(publish_id=id)
algo así?
si!
justo eso!
yuhu!!!!
umbral lance
@api.route("/experts-art-work/<id>")
def get_art(id=None):
user_id = id
art = File.query.filter_by(publish_id=id)
pudiste obtener el id y todo eso entonces
xD
ya ahi lo recibes en un fetch en el front
stray surge
umbral lance
ya ta bien
stray surge
🎉
umbral lance
👌
stray surge
me da error 500 cuando intento hacer este fetch.. creo que tengo algo mal declarado..
umbral lance
Se supone que quieres obtener las imagenes ahi?
el 500 significa que hay un problema con el servidor
intuyo de que no encuentra el metodo
por eso te pregunto , si estas intentando obtener las imagenes tiene que ser un method: "GET"
y ademas de que la api tiene que ir /experts-art-work/3
el numero de al final es un ejemplo de id
ahi iria el id del usuario
stray surge
lo que estoy intentando es que el usuario primero pueda subir las imagenes. Pero no sé por qué se corrompe todo en la 513 y me da un error 500 y esto en el payload
hay algo en formData
que no esta funcionando
y que me está jodiendo la puta vida
con perdón, que soy muy mal hablada
umbral lance
no pasa nada jja
pero no entiendo, es decir que aun no logras subir las imagenes? xd
porque te entendi que las pudiste subir a la plataforna cloudinary
si ese es el caso
es porque la estas subiendo mal
podrias subirla directamente de react, porque si envias el archivo blob o file
al backend
hay que transformarlo ya que en python se trabaja diferente los archivos
stray surge
al final lo conseguí arreglar
un fallo menos
pero ahora se generan otros problemas
no pùedo arreglar una cosa y romper 20, de verdad🤣
aunque bueno
mañana será otro día
a ver si dejo esta parte completamente fixeada
y soy un poco más feliz
umbral lance
pasa
arreglas algo y te salen 20 bugs mas
igual mira eso es lo que entiendo de lo que quieres hacer
hacer el flujo a veces te puede ayudar
En este flujo se obvia la parte de la autenticación a que eso
va implicito con el JWT y token
stray surge
tengo un problema 👉🏻 👈🏻
me devuelve undefined... 😔
y el terminal me dice esto, pero el endpoint está bien
umbral lance
le estas mandando mal el id
envia una imagen del front
en donde haces la peticion
el fetch
stray surge
me pasan dos cosas. Ahora mismo tengo dos expertos creados. Si hago la subida de imagenes y pincho en el modal, me aparecen las imagenes en ambos usuarios. Si pincho en publicar todo el perfil directamente me peta la página. Y si salgo de la sesió, me pasa eso, me devuelve undefined
lo hago fatal 😓
umbral lance
Es porque no estas filtrando por usuario
cuando obtienes la URL
estas filtrando por rol quizas
stray surge
espera!
creo que el problema viene de atrás
o sea
yo me he creado expertFiles
pero no quiero gardar la informacion ahi!
quiero guardarla en experts
😓 porque estas imágenes pertenecen a un experto
por eso me devuelve undefined
porque no se están guardando bien
umbral lance
cada usuario tiene que estar relacionado con la URL de imagenes que subiste a cloudinary, para cuando consultes por el ID de ese usuario solo te traiga las URL que le pertenecen a ese usuario
de esa forma no es necesario fijarse en el rol u otras cosas
stray surge
no soy capaz de arreglarlo 😔
umbral lance
Creo que tienes un problema de conceptos, en el sentido de como manejar los datos del usuario
tu aplicacion es una aplicación completa con front back-end
bd y un servicio como cloudinary
te recomiendo observar bien como lo estas haciendo, por ejemplo pones un console.log de la peticion en e lfront y si no te trae nada
puede hacer el log en el back
para ver que hace
y siguiendo el flujo de la aplicación encontraras el problema
te ayudaria mas, pero asi con imagenes me cuesta un poco ver que es lo que estas haciendo
stray surge
ya... lo sé
es que
back me está funcionando
pero no estoy haciendo bien las cosas en front
y me da rabia
porque no lo estoy juntando bien
y por eso peta todo
presento el proyecto el miercoles que viene y esta es la parte que me queda para que todo funcione correctamente
es muy frustrante porque no avanzo
umbral lance
Si te entiendo, es una mierda esa sensación, pero que bien se siente cuando lo solucionas
jaja
igual te ayudaria mas pero estoy un poco ocupado, si no lo solucionas hasta el fin de semana te puedo ayudar mas, igual si tienes dudas me puedes preguntar igual por cosas mas especificas.
stray surge
Muchísimas gracias, de verdad
stray surge
he conseguido arreglar lo que me petaba de expertooo!!! puedo empezar a intentar crear mi chat 🤩
oye por cierto, no me llegué a presentar nunca, soy Karly; tu nombre cual es?
encantada 🙂
umbral lance
que bueno, veo que la aplicación es bien grande, para un chat se usa Socket IO
un gusto mi nombre es salem, deja cambiarmelo que lo tenia por defecto XD
stray surge
Un placer salem!
He leído sobre socket io
Pero me han recomendado firebase porque es más “simple”
Aunque ya estoy teniendo problemas
No quiero usar su autenticación si no la que tengo con mi back
Y estoy intentado usar singinwithcustomtoken y no me está dejando
Me da un error de missing identifier
umbral lance
el proyecto es libre por lo que veo
quiero decir que puedes usar las tecnologias que quieras
stray surge
Estoy usando un template de la academia
umbral lance
ya que firebase te ofrece un backend listo
umbral lance
a ok
stray surge
Para aplicar los conocimientos adquiridos
Todo mi back está hecho con python
Sin embargo, un requisito era conectarme a una api externa
Por eso decidí que el usuario pudiese hacer login con Google usando firebase
umbral lance
aa ok
si firebase ofrece un login facil
bueno si es asi, creo que o usas el de firebase
o usas el socket io de flask xd
tienes que instalar en react y el flask la libreria para manejar websocket
en react es esta
npm i socket.io-client
y en python esta
pip install flask-socketio
stray surge
estoy intentando usar firebase para obtener mi token, pero no deja de darme un error 500, a pesar de que en payload me sale el email y el password correctamente 😔
umbral lance
algo asi
from flask import Flask
from flask_cors import CORS, cross_origin
app = Flask(__name__)
cors = CORS(app)
app.config['CORS_HEADERS'] = 'Content-Type'
@app.route("/")
@cross_origin()
def helloWorld():
return "Hello, cross-origin-world!"
acuerdate que el "@ cross_origin()"
tienes que ponerlo en la funcion
stray surge
tengo algo así
era un template de la academia y yo he ido haciendo las modificaciones sobre el mismo
aún así, lo que me está petando es el custom_token
TypeError: Object of type bytes is not JSON serializable me dice esto también
stray surge
SIIIIIIIIIIIIIII
Tenía que convertir bytes en striiiing!!
back funciona yuhu!!!!
ahora a ver
front xD
stray surge
frontend funcionando! pero ahora se me presenta el siguiente problema. El usuario de firebase tiene uid. Vale. Pero mi currentUser no lo tiene xD
umbral lance
si estas usando firebase para autenticar usuario
seria mas recomendable
usar ese uid
como id en tu base de datos
en el backend con python y postgress
stray surge
Y como hago eso? Porque si pongo que uid sea el id me dice que no
Que uid tiene que ser un string de entre 1 y 13ypico caracteres
Puedo agregar a la tabla de usuario una columna que se llame uid, que ese uid sea un número aleatorio, y pasarlo por el create custom token? Por ejemplo?