JavaScript
Database Operations
18 min
realizando operaciones de base de datos sin servidor introducción esta sección explica cómo implementar el crud (crear, leer, actualizar y eliminar) en un entorno de javascript a través de back4app también proporciona fragmentos de código y un entorno en línea para ejecutar y probar tu código sin configuración local consulta más sobre parse sdk en referencia de api de parse javascript sdk y documentación de código abierto de parse para javascript sdk requisitos previos no hay requisitos adicionales más allá de tener conocimientos básicos de javascript opcional para completar este tutorial usando tu propia aplicación, necesitarás una aplicación creada y configurada para javascript en back4app nota sigue el tutorial de instalación de javascript parse sdk para aprender cómo puedes hacerlo 1 configurar el entorno esta guía utiliza la jsbin plataforma como editor de código es muy fácil de usar, todo lo que necesitas hacer es abrir su página principal y hacer clic en los html html , javascript javascript y consola consola botones el primer paso para comenzar a codificar es incluir la api de parse y agregar las claves de tu aplicación para este tutorial, se ha creado una aplicación pública de back4app para que puedas verificar tus cambios en la base de datos sin tener que crear tu propia aplicación opcional para verificar la base de datos de parse para este ejemplo, necesitas crear tu propia aplicación y acceder a la interfaz de parse interfaz de parse opción para incluir la api de parse en tu aplicación, agrega la siguiente línea de código dentro de la html html ’s head tag luego agrega tus credenciales al principio del javascript javascript archivo las claves predeterminadas son las relacionadas con nuestra aplicación pública //paste your application key and javascript key, respectively parse initialize("your application id", "your javascript key"); parse serverurl = "https //parseapi back4app com/"; en este tutorial, construiremos las operaciones crud basadas en una clase de mascota que tiene campos de nombre y edad, en la que el nombre es una cadena y la edad es un número debido a eso, el código debe comenzar creando una subclase de la clase mascota para que pueda ser utilizada más tarde en nuestras funciones, como se muestra a continuación var pet = parse object extend("pet"); todas las operaciones básicas requerirán que el usuario diga cuál es el nombre deseado de la mascota de esa manera, crea una variable global “textname” también es una buena idea crear una “textage”, que se utilizará en los métodos de creación y actualización var textname = "myname"; var textage = 10; 2 crear la crear crear función creará una nueva mascota con el nombre y la edad que proporcionaste en las variables “textname” y “textage” para construir esa función, solo sigue estos pasos haz una nueva instancia de la clase pet de parse con el comando usa la set set función para establecer los parámetros de este objeto llama a la save save función, que registrará efectivamente la mascota en tu base de datos en el parse dashboard parse dashboard puedes abrir el back4app javascript crear función para ver el código que ya ha sido implementado el código para la crear crear función está escrito a continuación create js create(); function create() { mypet = new pet(); mypet set("name", textname); mypet set("agepet", textage); mypet save() then(function(pet){ console log('pet created successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); }) catch(function(error){ console log('error ' + error message); }); } para probarlo, pega este fragmento de código en el archivo javascript en el jsbin , haz clic en el ejecutar ejecutar botón en la parte de la consola y espera la salida debería imprimir que la mascota fue creada con éxito para confirmar que el nuevo objeto está en la base de datos, puedes acceder al parse dashboard parse dashboard o puedes codificar la función de lectura función de lectura 3 leer la función de lectura función de lectura es responsable de consultar la base de datos y devolver el objeto que coincide con tus criterios de búsqueda también se puede usar para verificar la existencia de un objeto aquí tienes la guía paso a paso para construir tu propia función de lectura función de lectura haz una instancia de la clase query de parse agrega restricciones a tu consulta para limitar la búsqueda más opciones de restricciones se pueden encontrar en documentación de consultas de parse realiza el método de búsqueda de la consulta este tutorial utilizará query first query first para obtener solo el primer elemento que coincida con tus criterios si las operaciones tienen éxito, se devolverá un objeto de mascota si no se encuentra ningún objeto, el objeto devuelto tendrá un valor de undefined puedes abrir el back4app javascript read function para ver el código que ya ha sido implementado el código para la read read función es el siguiente read js read(); function read() { query = new parse query(pet); query equalto("name", textname); query first() then(function(pet){ if(pet){ console log('pet found successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); } else { console log("nothing found, please try again"); } }) catch(function(error){ console log("error " + error code + " " + error message); }); } para probar la lectura lectura , pega el fragmento en tu archivo javascript de jsbin cuando el código se ejecute, imprimirá la edad de la mascota encontrada (si se encuentra) o imprimirá que no se encontró ninguna mascota si al probar la edad impresa no corresponde a la edad de tu objeto, significa que hay más objetos con el mismo nombre, pero tu consulta solo devuelve uno de ellos así que, para realmente probar la lectura lectura función, crea un objeto con otro nombre, uno que nadie haya creado aún, luego ejecuta la función, que imprimirá correctamente la edad del objeto 4 actualizar para la actualización actualización , se pasa una mascota como parámetro y la función cambia su edad a la que proporcionaste en la variable “textage” para encontrar la mascota que se pasará, usamos una versión modificada de nuestra lectura lectura función a continuación se presentan los pasos para hacer tu propia actualización actualización función escribe una función de lectura modificada llamada readthenupdate readthenupdate , que llama a la actualización actualización función cuando encuentra una mascota con éxito en la actualización actualización función, usa la configuración configuración función para modificar los parámetros de tu mascota llama a la guardar guardar función para esta mascota para enviar los cambios a la base de datos puedes abrir el función de actualización de javascript de back4app para ver el código que ya ha sido implementado aquí está el código para la readthenupdate readthenupdate función y update update función update js readthenupdate(); function readthenupdate() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); update(pet); } else { console log("nothing found, please try again"); } }) catch(function (error) { console log("error " + error code + " " + error message); }); } function update(foundpet) { textname = "mynameupdated"; textage = 20; console log(textage); foundpet set('name', textname); foundpet set('agepet', textage); foundpet save() then(function (pet) { console log('pet updated! name ' + pet get("name") + ' and new age ' + pet get("agepet")); }) catch(function(error) { console log('error ' + error message); }); } para confirmar si la update update función está funcionando, pega el código anterior en el archivo javascript en la página de jsbin usa un nombre inusual para tu objeto para no entrar en conflicto con otros usuarios, luego sigue estos pasos 1\ crea un objeto con el nombre que desees 2\ verifica que el objeto se haya creado con tu read read función 3\ llama a tu readthenupdate readthenupdate función hecha en este tema con una edad diferente a la original 4\ verifica si la edad de la mascota ha cambiado llamando a tu read read función nuevamente 5 eliminar la eliminar eliminar función borra una mascota recibida por la leer leer función es una acción irreversible, lo que significa que debes tener cuidado al usarla, especialmente porque tu leer leer función podría devolver más objetos de los que realmente deseas eliminar por eso, se recomienda eliminar solo un objeto a la vez los pasos para escribir tu propia eliminar eliminar función se pueden encontrar a continuación al final del éxito de tu función “leer” ( leerluegoeliminar leerluegoeliminar ) en este ejemplo, haz una llamada a la eliminar eliminar función en la eliminarmascota eliminarmascota función, llama al método destruir en el objeto recibido “mascotaencontrada” puedes abrir el función de eliminar de javascript de back4app para ver el código que ya ha sido implementado aquí está el código para la readthendelete readthendelete función y deletepet deletepet función delete js readthendelete(); function readthendelete() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); deletepet(pet); } else { console log("nothing found, please try again"); return null; } }) catch(function (error) { console log("error " + error code + " " + error message); return null; }); } function deletepet(foundpet) { foundpet destroy() then(function(response) { console log('pet '+ foundpet get("name") + ' erased successfully'); }) catch(function(response, error) { console log('error '+ error message); }); } para probarlo, se recomienda crear un objeto con un nombre inusual al igual que las otras funciones para no entrar en conflicto con objetos de otros usuarios simplemente pega el fragmento en jsbin y ejecuta el código con el nombre de tu objeto y el objeto que será eliminado luego, puedes llamar a tu read read función para confirmar que no hay objetos con ese nombre si la lectura devuelve un objeto, lo cual no debería, probablemente significa que tienes más objetos con el mismo nombre y devolvió uno de ellos ya que la delete delete función solo elimina un objeto puedes verificar tu objeto accediendo a tu parse dashboard parse dashboard ¡está hecho! en este punto, has aprendido cómo realizar las operaciones crud básicas con javascript